PWA

PWA 구성 요소와 설치 경험

홈 화면 설치만이 아니라 오프라인 동작, 아이콘, 테마 색상, 푸시 알림 범위를 함께 설계해야 합니다.

앱 메타

manifest 설치 정보

앱 이름, 아이콘, 시작 URL, display 방식을 정의해 브라우저가 설치 가능한 앱으로 인식하게 합니다.

요청 중간층

service worker 캐시 제어

네트워크 요청을 가로채 자산, API, 오프라인 응답을 성격별 전략으로 나눠 처리합니다.

응답 정책

캐싱 전략 선택 기준

정적 자산은 장기 캐시, 자주 바뀌는 API는 stale-while-revalidate처럼 신선도 기준을 분리합니다.

사용자 표면

설치 경험 완성도

아이콘, 테마 색상, splash 화면, 시작 경로가 홈 화면 앱처럼 자연스럽게 이어지는지 확인합니다.

오프라인

캐싱 전략은 페이지 성격에 따라 다르게 둡니다

정적 자산, API 응답, HTML 문서는 각각 갱신 빈도와 실패 시 동작이 다릅니다.

PWA 항목

service worker네트워크 요청을 가로채 캐시와 오프라인 응답을 관리합니다.
캐싱 전략자산과 API 성격에 맞춰 stale-while-revalidate 같은 방식을 고릅니다.
설치 경험아이콘과 테마 색상이 홈 화면 앱처럼 보이게 합니다.