- 웹 브라우저는 기본적으로 메인 쓰레드 하나로 동작하며, 자바스크립트 코드 실행 및 UI 업데이트를 처리합니다. 🧵
- 웹 워커 API를 사용하면 별도의 쓰레드를 생성하여 메인 쓰레드의 작업 부담을 줄일 수 있습니다. 🚀
- 웹 워커는 여러 자바스크립트 코드를 동시에 실행하고, UI 응답성을 향상시키는 데 도움을 줍니다. ✨
- 웹 워커는
window,document, DOM 객체 등 브라우저 객체에 접근할 수 없어 UI 업데이트 충돌을 방지합니다. 🛡️ - 복잡한 수학 계산, 캔버스 렌더링, 대용량 데이터 처리 등 다양한 작업에 웹 워커를 활용할 수 있습니다. 🧮
- 오프스크린 캔버스를 사용하면 웹 워커에서 캔버스에 그림을 그리고, 메인 쓰레드는 업데이트만 담당할 수 있습니다. 🎨
ArrayBuffer객체를 웹 워커에 전달하여 이미지 처리 등의 작업을 수행하고, 결과를 다시 메인 쓰레드로 전송할 수 있습니다. 🖼️- 웹 워커에는 Dedicated Worker 외에도 Shared Worker, Service Worker 등 다양한 유형이 존재합니다. 🌐
- 웹 워커를 활용하여 웹 애플리케이션의 성능을 최적화하고 사용자 경험을 향상시킬 수 있습니다. 💡
- Dedicated Worker는 워커를 생성한 단일 스크립트에서만 사용 가능한 워커입니다. 🔑
Recommanded Videos
