pwa structure
PWA 구성요소 신뢰성 지도
PWA는 앱처럼 보이는 화면만 뜻하지 않는다. HTTPS 신뢰, 매니페스트 메타데이터, 서비스 워커, 캐시 전략이 함께 맞아야 설치와 오프라인 경험이 안정적으로 동작한다.
01
HTTPS
서비스 워커와 푸시 권한을 안전한 출처에서만 허용한다.
02
Manifest
이름, 아이콘, 시작 URL, 표시 모드로 설치 경험을 정의한다.
03
Worker
네트워크 요청을 가로채 캐시와 동기화를 제어한다.
04
UX
오프라인, 빠른 로딩, 알림이 실제 사용자 흐름에 붙는다.
| 구성요소 | 담당 역할 | 필수 확인 | 실패 신호 |
|---|---|---|---|
| Manifest | 설치 정보와 앱 표시 방식 | 아이콘 크기, start_url, display | 설치 버튼이 안 보임 |
| Service Worker | 캐시, 오프라인, 푸시 처리 | register, install, activate | 새 버전 반영 지연 |
| Cache | 빠른 로딩과 네트워크 대체 | 정적 파일, API 전략 분리 | 오프라인 화면 깨짐 |
설치
홈 화면 추가 후 시작 URL과 아이콘을 확인한다.
오프라인
네트워크 차단 상태에서 핵심 화면이 열리는지 본다.
갱신
새 배포 후 캐시가 오래된 파일을 붙잡지 않는지 본다.