PWA 프로그레시브 웹 앱

프로그레시브 웹 앱(PWA)

모바일 앱과 유사한 환경을 제공하는 웹용으로 개발된 앱

Google I/O 2016에서 처음 소개되었다.

 

특징 : 오프라인에서 작동하며, 알림을 보낼 수 있음 

* PWA는 오프라인에서 작동하도록 설계되었지만 일부 기능은 인터넷 연결 없이는 정상적으로 작동하지 않을 수도 있다.

 

웹앱과 PWA를 구분할 수 있는 PWA 원칙

 

1. 발견 가능 : 컨텐츠를 검색 엔진을 통해 찾을 수 있습니다.

2. 설치 가능 : 기기의 홈 화면에서 사용할 수 있습니다.

3. 연결 가능 : 간단하게 URL을 전송해 공유할 수 있습니다.

4. 네트워크 독립적 : 오프라인이나 불안한 네트워크 연결에서 동작합니다.

5. 점진적 : 최신 브라운저의 모든 기능은 사용할 수 없지만 이전 브라우전의 기본 기능은 여전히 사용할 수 있습니다.

6. 재 참여 가능 : 새 컨텐츠가 사용 가능할 때마다 알림을 보낼 수 있다.

7. 반응형 : 모든 기기의 화면이나 브라우저에서 이용 가능.

 

PWA의 장점

• Service Workers 를 사용한 캐싱 덕분에 앱을 설치한 후에 로딩 시간이 줄어들어 소중한 데이터와 시간을 절약.
• 앱 업데이트가 있을 때 변경된 컨텐츠만 업데이트 할 수 있음. 반면, 네이티브 앱의 경우, 아주 작은 수정에도 사용자가 어플리케이션 전체를 다시 다운로드하도록 강제함.
• 네이티브 플랫폼에 보다 통합된 외관과 느낌 — 홈 화면의 앱 아이콘, 전체 화면으로 실행되는 앱, 등.
• 시스템 알림 및 푸시 메시지를 통한 사용자의 재 참여. 참여율이 높은 사용자와 더 나은 전환율을 이끌어 냄.

참고자료 : 

https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/Tutorials/js13kGames

https://support.google.com/chrome/answer/9658361?hl=ko&co=GENIE.Platform%3DDesktop