고마구의 개발 블로그

eval() 함수문자로 표현 된 JavaScript 코드로 바꾸는 함수 data-* 속성 (data-columns, data-imglist 등등)화면에 안 보이게 글이나 추가 정보를 엘리멘트에 담아 놓을 수 있다.접근: aa.dataset.indexNumber element.className = cName;className은 특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정할 수 있다. classList.add( String [, String [, ...]] )지정한 클래스 값을 추가한다. classList.toggle( String [, force] )하나의 인수만 있을 때 클래스 값을 토글링한다. 즉, 클래스가 존재한다면 제거하고 false를 반환하며, 존재하지 않으면 클래스를 추가하고 true를 ..

style.display='none'화면에서 사라진다  style.display='inline'화면에 나타난다. style.marginLeft='0px'왼쪽 여백을 준다

document.querySelectorAll('input[name="roomService"]:checked');라디오 선택박스 체크된 속성들만 배열형태로 가져온다. data-src=".jpg"data-src : 이미지 로딩을 지연시키는 속성.getAttribute('data-src') : .jpg값을 가져옴.parentNode.querySelecto("img")//클릭한 버튼과 같은 부모를 가지는 img 태그    var ser=document.querySelectorAll('input[name="service"]:checked');                var tempSer=[];        tempSer=parseInt(Array.from(ser).value); //선택된 룸서비스 합 계산 ..

var timer2=setInterval(function(){             var currentTime=new Date();             console.log("현재 시간"+currentTime);         },1000); setInterval(function(){             var currentTime=new Date();             console.log("현재 시간"+currentTime);         },1000); 둘은 같게 동작한다. 화살표함수        var greet=name => "안녕하세요. "+name+"님!";        document.write(greet("대부자"),"");

오늘부터 자바스크립트 시작했다. 빈 문자열과 false 는 숫자형으로 변환하면 0이 된다. document.write(''"==0,"");//true 문자열 "0"도 비교시 숫자형으로 변환되어 0이 된다.str="0"; document.write(str!=0,"");//false 현재시간이 언제인지 확인 하시오.         var Time = new Date();         var mm=Time.getHours();                 switch(parseInt(mm/6)){             case 0:             alert('새벽');                         break;             case 1:             alert('오전')..

flexbox grid 인강찾아듣기Responsive Web Design Grid (w3schools.com).row::after {   content: "";   clear: both;   display: table; }Responsive Web Design Media Queries (w3schools.com)W3Schools Tryit Editor W3Schools online HTML editorThe W3Schools online code editor allows you to edit code and view the result in your browserwww.w3schools.com 모바일일때랑 화면 구성 다르게 함    style>        .flex-container{          ..

box-sizing: border-box;  요소에 설정하면 padding과 border는 너비와 높이에 포함: .div1 {  width: 300px;  height: 100px;  border: 1px solid blue;  box-sizing: border-box;}.div2 {  width: 300px;  height: 100px;  padding: 50px;  border: 1px solid red;  box-sizing: border-box;} 밑줄 없애기 #customers tr:nth-child(even){background-color: #f2f2f2;} 짝수만 even=2n https://www.w3schools.com/css/css_list.asp

오늘부터 css들어감선택안됨 class= 'class1'>jjj선택안됨===================================================        text="hello">모든 텍스트    text="red">텍스트 매칭 속성    text="red gg">텍스트 매칭 속성2    text="aa bb cc">리스트 매칭 속성    text="a1-a2-a3">범위 텍스트 매칭 속성    text="img/pit.jpg">텍스트 시작 매칭 속성    text="img/pit.png">텍스트 끝 매칭 속성    text="Seongyong Hong">텍스트 패턴 매칭 속성    href="https://www.google.com">google.om=========..