PWA란 무엇인가? (Progressive Web Application)

 

PWA

Progressive Web Application

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

HTML, CSS, JavaScript를 이용하여 만든 웹앱을 모던한 웹 브라우저 API와 결합해서

크로스 플랫폼에서 동작하는 어플리케이션을 손쉽게 만들 수 있다.

접근성이 높은 웹앱의 장점과 플랫폼 API를 사용할 수 있는 네이티브 앱의 장점의 결합

 

PWA Tools

1. PWA builder

웹사이트를 pwa로 전환할 때 어떤지 확인해주는 사이트

 

2. Workbox

다양한 pwa를 위한 서비스를 위해 제공

 

3. Maskable.app

더 나은 pwa의 사용성을 위한 adaptive 디자인할 수 있는 툴

 

PWA를 위한 Step

1. 이미 만들어진 웹사이트나 웹 어플리케이션이 존재

2. https를 이용해서 서비스가 제공되어야 한다.

3. Application Manifest가 있어야 한다. (JSON 형태)

4. Service Worker가 있어야 한다. (JavaScript 형태)

 

어플리케이션을 위한 URL 만드는 방법

1. Github Pages나 Netlify와 같은 배포 툴을 이용하기

2. ngrok 툴 이용하기

 

PWA 참고하기

Youtube Channel 드림코딩 by 엘리 - PWA