PWA request lifecycle

설치 후 요청을 예측 가능하게 처리하기

PWA는 매니페스트와 서비스 워커, HTTPS 위에서 캐시와 네트워크 응답을 상황별로 선택해 앱 같은 경험을 만듭니다.

manifest · worker · HTTPS
Register

서비스 워커 등록

보안 컨텍스트에서 워커 파일을 등록하고 이후 요청을 제어할 준비를 합니다.

Install

앱 셸 캐시

첫 실행에 필요한 HTML, CSS, JS, 아이콘을 설치 단계에서 저장합니다.

Fetch

요청별 전략

정적 파일은 캐시 우선, 최신 데이터는 네트워크 우선처럼 다르게 처리합니다.

Activate

이전 캐시 정리

새 버전이 활성화되면 오래된 캐시를 지워 깨진 화면을 예방합니다.

설치 가능성

매니페스트의 이름, 아이콘, 시작 URL, 표시 모드가 홈 화면 경험과 맞는지 봅니다.

오프라인 유지

네트워크를 끊어도 핵심 화면과 안내 상태가 예측 가능하게 보이는지 확인합니다.

재참여 기능

푸시 알림과 백그라운드 동기화는 권한, 목적, 실패 처리를 함께 설계합니다.

변하지 않는 파일 앱 셸, 아이콘, 버전 해시가 있는 정적 파일은 캐시 정책을 길게 잡아 응답 지연을 줄입니다.
자주 바뀌는 데이터 사용자별 데이터와 최신 목록은 네트워크를 우선하고 실패 시 대체 화면을 둡니다.