PWA

PWA

개념

Progressive Web App

• 앱 수준과 비슷한 수준의 사용자 경험을 웹 상에서 제공하는 환경
• 웹과 앱의 장점을 결합

특징

확장성

• 웹을 기반으로 하여 높은 확장성을 갖춘다.

접근성

• 웹 주소만 있다면 어떤 기기로도 접근이 가능하다.
• 웹을 기반으로 하여 스마트폰의 저장공간을 소비하지 않는다.

사용자 경험

• 앱과 비슷한 수준의 환경을 제공

Service worker API

• 웹앱의 중요한 정보를 캐싱하여 사용자가 다시 로딩할 때 빠르게 접근할 수 있게 도와준다.
• 네트워크 환경이 좋지 않아도 빠르게 작동하고 푸시 알림을 제공

PWA 제공 기능

Progressive

• 점진적으로 개선 작업을 이루어 어떤 브라우저에서도 적용 가능

반응형

• desktop, laptop, tablet pc, mobile 등의 모든 form factor에 적합

연결 독립성

• Service Worker를 통해 오프라인 상태에서도 동작 가능

보안

• HTTPS 통신이 제공되어 보안성 강화

검색 가능

• W3C(World Wide Web Consortium)와 service worker의 등록 범위로 앱으로 식별되어 검색 가능

재참여 가능

• 푸시 알림 기능을 통해 쉽게 재참여 가능

Reference

https://gyoogle.dev/blog/web-knowledge/PWA.html