TUTORIAL

Web Worker 활용

백그라운드 스레드 처리

럿지 AI 팀
2025-01-15
15분
Web Worker 개념

메인 스레드

  • UI 렌더링
  • 이벤트 핸들링
  • DOM 조작

Web Worker

  • 백그라운드 연산
  • 무거운 계산
  • 데이터 처리

Worker 종류

Dedicated Worker

단일 스크립트 전용

일반적인 백그라운드 처리

Shared Worker

여러 스크립트 공유

탭 간 데이터 공유

Service Worker

네트워크 프록시

PWA, 오프라인 캐싱

주요 API

new Worker()워커 생성
postMessage()메시지 전송
onmessage메시지 수신
terminate()워커 종료
importScripts()스크립트 로드
Transferable대용량 데이터 전송

활용 사례

이미지 처리데이터 파싱암호화정렬/필터링AI 추론

관련 태그

#web
#Tutorial
#Frontend
#Development