PWA Stack

PWA 구성 요소와 동작 흐름

PWA는 HTTPS, manifest, service worker, cache가 맞물려 설치 가능한 웹 앱 경험을 만든다.

웹 앱이 설치 가능한 앱처럼 동작하는 조건

installable

HTTPS

서비스 워커와 안전한 배포의 기본 조건이다.

Manifest

앱 이름, 아이콘, 시작 URL, 표시 방식을 정의한다.

Service Worker

네트워크 요청을 가로채 캐시 전략을 적용한다.

Cache

정적 자원과 응답을 저장해 오프라인 경험을 돕는다.

Install Prompt

조건을 만족하면 브라우저가 설치 UX를 제공한다.

Update

서비스 워커 갱신과 캐시 무효화를 관리해야 한다.

HTTPSManifestService WorkerInstall UX
웹 앱이 설치 가능한 앱처럼 동작하는

PWA는 하나의 기능이 아니라 여러 조건의 조합이다. 설치보다 업데이트와 캐시 전략이 실제 품질을 좌우한다.