[책] 자바스크립트 코드 레시피 278 - 213일차

백그라운드에서 작업 실행하기

• 브라우저의 백그라운드에서 네트워크를 감시하고 싶을 때

구문

navigator.serviceWork.register() serviceWorker 등록

설명

서비스 워커Service Worker는 열려 있는 웹 페이지의 백그라운드에서 항상 작동하는 스크립트입니다. 웹 워커는 페이지가 열려 있을 때만 실행되나, 서비스 워커는 브라우저를 닫아도 실행할 수 있는 것이 특징입니다. 푸시 알림과 캐시 기능 사용에 유용합니다.

실습

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('serviceworker.js').then((registration) => {
    console.log('ServiceWorker 등록 성공');
  })
    .catch((error) => {
    console.log('ServiceWorker 등록 실패:', error);
  })
}

---

self.addEventListener('fetch', (event) => {
  console.log('데이터 통신 발생', event.request);
});