Service Worker는 등록, 설치, 활성화, fetch, 업데이트 수명 주기를 가진다
PWA는 오프라인 체크리스트가 아니라 캐시 전략, 네트워크 실패 UX, 업데이트 알림이 맞물리는 운영 모델이다.
| 단계 | 하는 일 | 확인 값 | 위험 신호 |
|---|---|---|---|
| Register | 페이지가 서비스 워커 등록 | scope, HTTPS | 제어할 URL 범위가 다름 |
| Install | 필수 리소스 precache | app shell, offline page | 첫 방문 오프라인을 오해 |
| Activate | 이전 캐시 정리와 제어권 전환 | cache version, clients.claim | 새 SW가 바로 적용되지 않음 |
| Fetch | 요청별 캐시 전략 적용 | cache-first, network-first, SWR | 오래된 데이터 또는 빈 화면 |
| Update UX | 새 버전 준비 안내 | refresh prompt, skip waiting policy | 새 JS와 옛 캐시 충돌 |
Service Worker는 설치보다 업데이트와 캐시 정리 기준을 정해야 안정적으로 운영된다.