고마구의 개발 블로그

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=========..

https://search.naver.com/search.naver" method="get">                           https://search.naver.com/search.naver?query=강아지 로 이동 method 속성은    전송방법을    기술할    수    있는데    get과    post방식이    있다. get방식은    url 뒤에    쿼리스트링으로    데이터가    전달되어    눈으로    확인할    수    있다. ?뒤에    key  = value형태로    &로    연결해    여러개의    데이터를    전송    할    수    있다. 최대    2048글자    이상의    데이터는    전송할    수 없어    대용량    전송이..

insert into t_course select * from course where PROFESSOR_ID='P12';    MERGE INTO 기준테이블명  별명       USING 참조테이블명 별명       ON (매칭 조건식)    WHEN MATCHED  -- 매칭되는 행이 있다면      THEN 업데이트 문       WHEN NOT MATCHED  -- 매칭되는 행이 아니라면      THEN 추가문;