PWA를 좀 더 앱처럼 만드는 법
(web.dev)Apple Podcasts앱을 PWA로 만든다고 가정하고, 각 기능을 구현시 사용할 웹 기술들 설명
- 오프라인 지원 : App Shell Model
- 오프라인 컨텐츠 : Workbox, Cache, IndexedDB, Persistent Storage
- 백그라운드 다운로드 : Background Fetch API
- 공유 및 타 앱 연결 : Web Share / Web Share Target / Async Clipboard / Contact Picker / Get Installed Related Apps APIs
- 백그라운드에서 새로 고침 : Periodic Background Sync API
- 클라우드 싱크 : Backoung Sync API
- 하드웨어 미디어 키 제어 : Media Session API
- 컨텍스트 메뉴 퀵 액션 : PWA App Manifest
- 특정 URL 스킴에 디폴트 앱으로 동작하기 : URL Protocol Handling
- Native 파일 시스템 연동 : Native File System API, browser-nativefs 라이브러리
- Native 룩앤필 : user-select, system-ui, prefers-color-scheme, overscroll-behavior 및 다양한 CSS 속성들
- 커스텀 타이틀바 : Edge 브라우저가 Title Bar Customization 스펙을 제안중
- 애니메이션 : Web Animations API
- 앱 외부(위젯, 시리 추천 등)에서 콘텐츠 보여주기 : Content Index API
- 잠금화면 미디어 컨트롤 위젯 : Media Session API
- 푸시 노티 : Push API , Notification Triggers API
- 앱 아이콘에 뱃지 달기 : Badging API
- 에너지 절약 / 슬립 모드 진입 방지 : Screen Wake Lock API
- 앱스토어에서 볼수 있게 하기 : 안드로이드는 Trusted Web Activity 컨테이너로 가능