작성
install, activate, fetch와 캐시 범위를 직접 정의한다.
Service Worker는 작성, 등록, 제어 순서로 검증한다
Next.js core는 Service Worker를 대신 만들지 않는다. public/sw.js를 직접 작성하고 브라우저 등록 결과를 확인한다.
등록
register("/sw.js")
브라우저 전용 코드에서 한 번 등록하고 실패를 기록한다.
제어 확인
Application 탭에서 scope, activated, controlled 상태를 확인한다.
운영 검증
Offline과 새 배포에서 fallback, 캐시 갱신, 이전 버전 정리를 확인한다.
| 검증 | A 기준 | 실패 신호 |
|---|---|---|
| Service Worker | activated and running | 등록 실패, scope 불일치 |
| Manifest | installable | 아이콘 누락, start_url 오류 |
| Offline | fallback 표시 | 빈 화면, 무한 로딩 |
| Update | 새 버전 안내 | 오래된 캐시 유지 |