프로그레시브 웹 앱 개요 , 만들기 - Progressive web app

프로그레시브 웹 앱 (Progressive web app)

개요

네이티브 앱과 같은 사용자 경험을 제공하는 웹 앱

- 점진적인 향상을 통해서 앱과 같은 사용자 경험을 제공하자.

점진적 향상 ( Progressive enhancement )

- 브라우저가 제공하는 최대한의 기능을 사용해서 향상된 ux경험을 주자

- 웹앱인데 푸시 알림을 줄 수 있다.

원래 웹은 네이티브에 비해서 할 수 있는 기능이 적었다.

그런 한계들을 극복한것이 PWA( Progressive Web App )

네이티브 앱처럼 오프라인 , 네트워크 연결 불안정에도 실행 가능

데스크톱 , 태블릿 , 모바일 모든 폼에 맞게 만들 수 있다. (반응형)

네이티브 앱처럼 빠르게 로딩 됨. 데이터 접근 가능 , 푸시 메시지로 실행 가능

https 가 기본 제공이므로 더 안전하다.

프로그레시브 웹앱을 만드는 툴

1. 리액트

2. 라이트하우스

3. Web Starter kit - 바닐라js

4. 앵귤러 js - 모바일 툴킷

5. 뷰 js

이 중에서 리액트를 쓸 생각이다.