NEXT · PWA
PWA 서비스 워커 생명주기
서비스 워커는 설치, 활성화, fetch 가로채기, 캐시 응답을 거치며 오프라인 경험을 만듭니다.
핵심 구조
service worker
register
프로덕션에서 sw.js 등록
install
정적 자산 precache
activate
오래된 캐시 정리
fetch
네트워크/캐시 전략 적용
register
→
install
→
activate
→
fetch
판단 기준
check
개발
개발 모드 캐시는 예측을 어렵게 하므로 보통 비활성화합니다.
skipWaiting
skipWaiting은 업데이트 즉시성은 높지만 교체 타이밍을 신중히 봐야 합니다.
Application
Application 패널에서 SW 상태와 Cache Storage를 함께 확인합니다.
오프라인
오프라인 테스트는 실제 네트워크 차단 상태로 수행합니다.