Javascript 비동기 함수들

---

setTimeout 함수

특정 함수의 실행을 원하는 시간만큼 뒤로 미루기 위해 사용하는 함수이다

console.log('a');
setTimeout(() => { console.log('b'); }, 2000);
console.log('c');

• 위의 코드에서 setTimeout 함수는 콜백함수를 2초(2000ms)만큼 뒤로 미뤄서 실행한다

---

setInterval 함수

특정 콜백을 일정한 시간 간격으로 실행하도록 등록하는 함수이다

console.log('a');
setInterval(() => { console.log('b'); }, 2000);
console.log('c');

• 위의 코드에서 setInterval 함수는 2초 간격으로 콜백함수를 실행한다

---

addEventListener 메소드

addEventListener 메소드는 특정 이벤트가 발생했을 때 실행할 콜백을 등록하는 DOM 객체의 메소드이다

btn.addEventListener('click', function (e) { // 해당 이벤트 객체가 파라미터 e로 넘어옵니다.
  console.log('Hello Codeit!');
});