[javascript] 이벤트 루프와 자바스크립트의 타이머 처리 방식

14 Dec 2023

이벤트 루프는 자바스크립트 실행 환경에서 비동기 이벤트 및 타이머 기반의 작업들을 관리하는 핵심 메커니즘입니다. 자바스크립트의 타이머 처리 방식과 함께 이벤트 루프의 작동 원리를 이해하는 것은 비동기 프로그래밍과 웹 애플리케이션의 성능 최적화를 위해 중요합니다.

이벤트 루프의 개념

이벤트 루프는 단일 쓰레드 환경에서 실행되며, 비동기 작업을 처리하고 콜백 함수를 실행하는 역할을 합니다. 이벤트 루프는 콜 스택, 메시지 큐, 백그라운드 및 태스크 큐로 구성됩니다.

자바스크립트에서는 타이머 함수를 사용하여 특정 시간 이후에 코드를 실행하거나 주기적으로 코드를 실행하는 타이머를 설정할 수 있습니다. 타이머 함수에는 setTimeout, setInterval, setImmediate 등이 있습니다.

setTimeout: 특정 시간(밀리초) 이후에 콜백 함수를 실행

setTimeout(() => {
  console.log('타이머가 만료됐습니다.');
}, 1000);

setInterval: 특정 시간 간격으로 반복하여 콜백 함수를 실행

setInterval(() => {
  console.log('반복 실행됩니다.');
}, 1000);

setImmediate: 현재 실행중인 코드가 완료된 후에 콜백 함수를 실행
```
setImmediate(() => {
  console.log('즉시 실행됩니다.');
});
```

타이머 함수들은 백그라운드에서 실행되며, 타이머가 만료되면 콜백 함수는 태스크 큐에 추가됩니다. 이벤트 루프는 콜 스택이 비어있을 때, 태스크 큐에 있는 콜백 함수들을 순차적으로 콜 스택으로 이동시켜 실행합니다.

이러한 타이머 처리 방식은 자바스크립트에서 비동기 작업의 처리를 원활하게 합니다.

이러한 점들을 고려하면, 웹 애플리케이션을 개발할 때 비동기 작업 및 타이머 기반의 작업을 어떻게 다루고 관리할지 고려해야 합니다.