웹브라우저의 구성 요소

• Call Stack : 자바스크립트에서 수행해야 할 함수들을 순차적으로 스택에 담아 처리
• Web API : 웹 브라우저에서 제공하는 API로 AJAX나 TimeOut등의 비동기 작업 수행
• Task Queue : Callback Queue 라고도 하며, Web API에서 넘겨받은 Callback함수를 저장.
• Event Loop : Call Stack이 비워져있다면, Task Queue의 작업을 Call Stack으로 옮김.

setTimeout(() => console.log("Async Hi hun"));
console.log("Hello! World");
// Hello! World
// Async Hi hun

비동기 코드는 먼저 실행됨에도 불구하고, 나중에 출력되는걸 볼 수 있다.