코딩 일지

목차 - 구조분해 할당(비구조 할당) - 객체 리터럴 - require - 자바스크립트 구동원리 - 랜덤함수 - promise 구조분해 할당 let obj = { a:10, b:20, c:{ d:30, } } let {a,b,c} = obj //문법이 이럼. //let a, b, c = obj 하면 a:10 b:20 ... 이런식으로 출력됨 console.log(a, b, c) //변수 명을 변경하려면? let {b:result} = obj //이렇게하면 b가 사라집니다. 변수명은 result가 됨. 객체리터럴 let a =10 let b = 20 let c = 30 //이녀석들을 한번에 다 객체에 담으려면? let obj2 = { a, b, c, } // let obj2 = { // a:a, // b:..

목차 - setInterval - setTimeout - querySelectorAll - onClick - clearInterval - setInterval 매 초마다 같은 동작을 실행하고 싶을 때 사용한다. ex) 1초마다 1을 찍고싶다. 첫번째 인자 값은 콜백함수를 넣는다. 두번째 인자 값은 시간을 넣어주면 된다. 1000 = 1s setInterval(podo, 1000) function podo(){ console.log(1) } //1초마다 1이 출력됨 setTimeout 내가 실행하고 싶은 시간을 설정값에 따라 실행한다. setTimeout(podo, 1000) //1초 후에 딱한번 실행하겠다는 뜻이다 아래의 출력 결과는? console.log(4) console.log(3) setTimeo..

목차 - DOM vs BOM - querySelector(), document.getElememtById() - 버튼에 이벤트 넣기 - 함수 콜백 - 스크립트 외부연결 - onload - 동기 vs 비동기 DOM : document 객체를 나타내고, 대부분 document. 으로 시작한다 BOM : browser 자바스크립트로 브라우저를 조작하기 위해서 DOM의 메서드 1. querySelector() 나이가 많지않다. 그렇게 오래되지 않음 얘 사용하는 것 추천. 더 많이 쓰는 이유? jQuery 때문 2. document.getElememtById() 쿼리셀렉터와 같은 기능. 사용법만 좀다르다 let btn = document.querySelector("#btn") //인자값이 중요 인자값이 무엇? #..