- Progressive Web App
- PWA 구현의 핵심 기술은 Service Worker를 필수 사용
Service Worker
장점
- 기존의 웹 + 앱 운영에 비하여 개발 시간 및 지용 감소
- Android + iOS 별도 개발/관리 불필요
- 앱스토어 심사 불필요
- SEO 활용 용이
- 크로스 플랫폼 지원
- 인터넷이 없는 환경에서도 서비스 워커를 통한 일부 기능 사용 가능
단점
- 브라우저에 대한 의존성이 높고, 기기 기능 접근에 제한적
- 카메라, 블루투스, 근접 센서 등
- iOS의 경우 이런 단점이 더 두드러짐
- 앱스토어에서 검색 불가
- 홈화면에 설치 여부를 사용자가 직접 판단
모바일 환경에 따른 PWA 지원
| 항목 |
Android(크롬) |
iOS |
| 설치 배너 |
O(자동) |
X(수동) |
| 홈 화면 추가 |
O |
O(수동) |
| 푸시 알림 |
O |
O(iOS 16.4 + 제한 있음) |
| manifest 사용 |
O |
제한적 |
| 서비스 워커 |
O |
iOS 11.3 + 부터 가능 |
PWA 사용법
PWA