홈 · 데모

PWA 시연

모바일 홈화면 추가 · 오프라인 캐시 · 로컬/푸시 알림.

설치 가이드

  1. iOS Safari: 공유 → "홈 화면에 추가"
  2. Android Chrome: 메뉴 → "앱 설치"
  3. 데스크톱 Chrome/Edge: 주소창 ⊕ 아이콘

오프라인 동작

네비게이션 network-first → 실패 시 /offline.html 폴백. 정적 자산은 cache-first로 즉시 응답.

DevTools → Network → Offline 체크로 시연 가능.

로컬 알림 테스트

알림 권한 요청 후 5초 뒤 발송.

매니페스트 / 서비스 워커

manifest.webmanifest

홈화면 아이콘, 시작 URL, 테마 컬러 등 메타 정보. 파일 보기 →

sw.js

네트워크 우선, 오프라인 폴백, 정적 자산 캐시. 파일 보기 →