Service Worker와 PWA

브라우저와 네트워크 사이의 프록시, SW 라이프사이클, 오프라인 캐싱, Push, Background Sync, PWA를 시각화합니다

1. 01

   Service Worker 라이프사이클

   브라우저와 네트워크 사이의 프록시, 등록, 설치, 활성화, 업데이트 흐름을 시각화합니다

2. 02

   Service Worker 캐싱 전략

   Cache First, Network First, Stale-While-Revalidate, 리소스 유형별 최적의 캐싱 전략을 시각화합니다

3. 03

   Push Notification

   서버가 브라우저를 깨우는 방법, Push API, 구독 흐름, VAPID, 알림 UX를 시각화합니다

4. 04

   Background Sync와 백그라운드 처리

   오프라인 작업을 온라인 복귀 시 자동 동기화, Background Sync, Periodic Sync, Background Fetch를 시각화합니다

5. 05

   PWA: 설치 가능한 웹앱

   Web App Manifest, 설치 프롬프트, 디스플레이 모드, 네이티브에 가까운 웹앱을 시각화합니다