Progressive Web Application

새롭고 강력한 소프트웨어 앱을 만드는 방식

HTML, CSS, JavaScript 를 이용해서 만드는 웹앱을 모던한 웹 브라우저 API's와 결합하여 크로스 플랫폼에서 동작하는 플랫폼을 손 쉽게 만든다.

이미 만든 웹앱을 데스크탑이나 앱에서 동작하도록 한다.

• Native Apps

  1. 특정 플랫폼(안드로이프,아이폰)에서 동작하고, 다양한 API's를 이용하여 사용자에게 다양한 기능을 제공한다.
  2. 앱 스토어를 사용해야해서 접근성이 떨어진다.

• Web App

  1. 다양한 브라우저를 통해 접근 가능하여, 접근성이 높다.
  2. 네이티브앱처럼 플랫폼 자체 API를 사용할 수 없다

• PWA

  1. 접근성이 높은 웹앱의 장점

  2. 플랫폼 자체 API 사용 가능하다.

PWA

1. responsive web design
2. service worker
3. app manifest
4. push nofitication
5. native app-like

— 유튜브와 유튜브 뮤직, 틱톡, 트위터, 틴더,....

PWA Tools

• PWA Builder

  마이크로 소프트사에서 제공하는 PWA 빌더를 통해서 만들 수 있다.

PWABuilder