# PWA를 좀 더 앱처럼 만드는 법

> Clean Markdown view of GeekNews topic #2292. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2292](https://news.hada.io/topic?id=2292)
- GeekNews Markdown: [https://news.hada.io/topic/2292.md](https://news.hada.io/topic/2292.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-06-19T09:41:56+09:00
- Updated: 2020-06-19T09:41:56+09:00
- Original source: [web.dev](https://web.dev/app-like-pwas)
- Points: 4
- Comments: 0

## Topic Body

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 컨테이너로 가능

## Comments



_No public comments on this page._