Web apis

1. Dom api
2. setTimeout
3. setInterval
4. fetch
5. event listener

⇒setTimeout 등과 같은 콜백함수들은 task queue에 들어간다

Event Loop

• 계속 빙글빙글 돈다 (while, for loop처럼)
• 콜스택에 일이 남아있으면 비워질때까지 기다린다.

  • Call Stack이 다 비어지면, Task Queue 애들을 콜스택에 넣는다.

    ⇒ 자바스크립트 엔진이 수행하도록 도와준다.

예시 설명

1. 자바스크립트 코드에 web apis를 통해 이벤트 리스너를 등록
2. 이벤트(클릭) 발생
3. web apis로 등록한 콜백 함수를 Task Queue에 넣는다.
4. 다시 클릭하면 한번 더 넣는다.