10. 2015년,
구글 크롬의 엔지니어 Alex Russell 이 고안한 개념(모습)
앱 수준으로 점차 발전해나가는 웹을 지향
궁극적으로는 앱 수준의 사용자 경험을 웹에서 제공하는 것이 목적
‘프로그레시브 웹 앱스(Progressive Web Apps. PWA)’
PWA의 등장
12. 특성(모습)
PWA
• Responsive to fit any form factor
모바일, 데스크탑, 테블릿 등 반응형 제공
• Connectivity independent Progressively-enhanced with Service Workers to let them work offline
오프라인, 느린 네트워크에서도 작동
• App-like-interactions Adopt a Shell + Content application model to create appy navigations & interactions
앱 처럼 반응할 수 있을 것(모델)
• Fresh Transparently always up-to-date thanks to the Service Worker update process
최신 상태(컨텐츠 등) 유지할 수 있을 것
• Safe Served via TLS (a Service Worker requirement) to prevent snooping
안전을 보장
• Discoverable Are identifiable as “applications” thanks to W3C Manifests and Service Worker registration scope
allowing search engines to find them
검색엔진을 통해 검색 가능
• Re-engageable Can access the re-engagement UIs of the OS; e.g. Push Notifications
설치 가능하고, 비활성화 상태에서도 푸시알림 통해 재참여 가능할 것
• Linkable meaning they’re zero-friction, zero-install, and easy to share.
URL을 통해 공유되고, 복잡한 설치가 불필요할 것
[출처] https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/
[참고] https://codelabs.developers.google.com/codelabs/your-first-pwapp/
13. 기술(API)
PWA
• Responsive: CSS3, flex 등 현재 사용되는 대부분의 많은 responsive 기술들
• Connectivity: Service Worker, HTML5 offline , pouchDB, IndexedDB
• App-like-interactions: Web App Manifest, web cache, App Shell Model
• Fresh: Service Worker
• Safe: https
• Discoverable: Web App Manifest, Service Worker
• Push Notification: Push API on Web (Notifications API)
• Installable: Manifest Web App install banner
• Linkable: URL
[출처] https://m.post.naver.com/viewer/postView.nhn?volumeNo=14929344&memberNo=36733075