개발개발

callback : 함수의 인수로 사용되는 함수 원하는 위치에서 코드를 실행하기 위해 콜백을 사용한다. function timeout(callback) { setTimeout(() => { console.log('timeout') callback() }, 3000) } timeout(() => { console.log('done!') }) 위 코드에서는 setTimeout에서 설정한 3초 뒤에 코드를 실행하기 위해 callback이라는 함수를 인자로 받는다. 콜백함수를 통해 기본적인 실행을 보장한다.

setTimeout(함수, 시간) : 일정 시간 후 함수 실행 setInterval(함수, 시간) : 시간 간격마다 함수 실행 clearTimeout() : 설정된 Timeout 함수를 종료 clearInterval() : 설정된 Interval 함수를 종료 setTimeout(function () { console.log('timer') }, 3000); const timer1 = setTimeout(() => { console.log('timer') }, 3000); const timer2 = setInterval(() => { console.log('timer') }, 3000); const h1El = document.querySelector('h1') h1El.addEventListener('c..

호이스팅이란 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상을 뜻한다. 자바스크립트는 기본적으로 위에서 아래로 읽으면서 실행된다. const a = 7 double() const double = function() { console.log(a * 2) } 위와 같은 코드는 함수 표현 double의 실행이 선언보다 선행되었기때문에 에러가 난다. const a = 7 double() function double() { console.log(a * 2) } 그러나 위의 코드와 같이 double을 함수로 선언하면 에러가 나지 않는다. 이는 함수 선언부가 가장 최상단으로 끌어올려지는 호이스팅 현상이 일어났기 때문이다.

DOM API의 DOM이란 Document Object Model을 뜻하고 여기서 Document는 HTML과 같은 문서를 뜻한다. 따라서 Document Object Model은 div, span, input과 같은 태그들을 뜻한다. DOM API를 작성한 js파일 HTML에 적용하기 HTML 요소(Element) 가장 먼저 나오는 하나의 값 찾기 const divEl = document.querySelector('div'); HTML 요소(Element) 모두 찾기 const divEls = document.querySelectorAll('div'); 찾은 요소 반복해서 함수 실행하기 divEls.forEach(function(divEl, index) {}); Getter, Setter : 값을 얻거..