웹 워커와 병렬 처리

개념 설명

메인 스레드와 별도로 실행되는 백그라운드 스레드에서 JavaScript를 실행할 수 있게 하는 기술로, CPU 집약적 작업을 처리하면서도 UI가 멈추지 않도록 구현 가능.

핵심 포인트

• Web Worker: 별도 스레드에서 스크립트 실행, DOM 접근 불가
• postMessage/onmessage로 메인 스레드와 통신
• SharedArrayBuffer로 메모리 공유 가능 (COOP/COEP 필요)
• Worker 종류: Dedicated Worker, Shared Worker, Service Worker

예시 코드

// main.js - 메인 스레드
const worker = new Worker('worker.js');