이벤트 루프를 이해하기 위해 알아야 하는 핵심 개념은 다음과 같습니다:

1. 호출 스택(Call Stack): 호출 스택은 함수 호출의 순서와 임시 저장소 역할을 합니다. 코드가 실행되면서 함수가 호출되면 스택에 쌓이고, 실행이 완료되면 스택에서 제거됩니다.

2. 이벤트 큐(Event Queue): 이벤트 큐는 비동기 작업에 대한 이벤트(이벤트 핸들러)들을 순서대로 저장하는 대기열입니다. 이벤트는 백그라운드에서 실행되는 작업이 완료됐을 때 이벤트 큐에 추가됩니다.

3. 백그라운드(Background): 백그라운드는 비동기 작업이 실행되는 장소입니다. 주로 AJAX 요청, 타이머(setTimeout, setInterval), 이벤트 등이 비동기로 처리되는 곳입니다. 작업이 완료되면 해당 이벤트가 이벤트 큐에 추가됩니다.

4. 루프(Loop): 이벤트 루프는 호출 스택이 비어있을 때 이벤트 큐에서 이벤트를 가져와 호출 스택에 넣어 실행합니다. 이렇게 하면 비동기적으로 실행되는 이벤트들이 순서대로 처리될 수 있습니다. 이벤트 루프는 계속해서 실행되며 호출 스택이 비어질 때까지 이벤트를 가져와 실행합니다.

5. 마이크로태스크 큐(Microtask Queue): 마이크로태스크 큐는 프로미스(Promise)와 같은 비동기적인 작업의 결과를 저장하는 큐입니다. 이벤트 루프의 맨 마지막 단계에서 호출 스택이 비어있을 때 마이크로태스크 큐에 있는 작업들이 순서대로 실행됩니다.

정리하면, 이벤트 루프는 호출 스택, 이벤트 큐, 백그라운드, 마이크로태스크 큐를 조율하여 비동기 작업을 순서대로 처리하는 역할을 합니다.

#JavaScript #EventLoop