개발
서비스 워커 이란
브라우저 백그라운드 작업 스크립트
서비스 워커——브라우저가 웹 페이지와 별도로 백그라운드에서 실행하는 스크립트로, 웹 페이지나 사용자 상호작용이 필요 없는 기능을 제공합니다.
주요 기능
- 오프라인 모드 — 인터넷 없이 앱 작동
- 푸시 알림 — 브라우저가 닫혀도 알림 수신
- 백그라운드 동기화 — 백그라운드에서 데이터 동기화
- 캐싱 — 리소스 캐시 관리
- 요청 인터셉트 — 네트워크 요청 프록시
라이프사이클
- 등록 — Service Worker 등록
- 설치 — 설치 및 리소스 캐싱
- 활성화 — 활성화 및 이전 캐시 정리
- Fetch — 네트워크 요청 인터셉트
- 업데이트 — 새 버전으로 업데이트
캐싱 전략
- Cache First — 먼저 캐시, 그 다음 네트워크
- Network First — 먼저 네트워크, 그 다음 캐시
- Stale While Revalidate — 캐시 + 백그라운드 업데이트
- Cache Only — 캐시만
- Network Only — 네트워크만
활용
- PWA — 프로그레시브 웹 앱
- 오프라인 우선 — 오프라인 우선 앱
- 성능 — 페이지 로딩 속도 향상
- Push API — 웹 푸시 알림
- Background Sync — 지연된 데이터 동기화