[이브와] 프로그레시브 웹 앱(PWA)란?

Progressive Web Application(App; PWA)란 뭘까? 우리의 결과물 형태를 PWA를 사용해 구현하기로 했지만 웹은 HTML,CSS 아니면 아무것도 모르는 감자는 공부를 시작해 본다^_^

---

1. PWA란

앱에도 종류가 다양하다. 크게 네이티브 앱/ (모바일) 웹 앱/ 하이브리드 앱의 3종류가 있다.

-네이티브 앱(모바일 기기에 최적화된 앱)에는 안드로이드 SDK를 이용해 Java로 만드는 앱과 iOS 기반 SDK를 이용해 Swift로 만드는 앱의 2종류가 있다. 

- 웹앱(모바일 웹앱) : 모바일웹과 네이티브 앱을 결합한 형태로 모바일에 최적화되어 있으며, 네이티브 앱의 장점 또한 갖고 있는 형태이다. 

- 하이브리드 앱: hybrid가 혼합이라는 의미를 갖고 있듯 네이티브 앱 + 웹앱이라고 할 수 있다. 

정리: 이미지 출처 https://m.blog.naver.com/acornedu/221012420292 

2. 돌아와서 PWA는 : 위에서 웹 앱과 네이티브 앱의 장점을 모두 제공하는 형태의 웹 애플리케이션이라 할 수 있다. 무슨 소리인지 장단점을 통해 알아봤다 :)

장점 - 1. 뛰어난 접근성 : 앱을 설치하는 것보다 웹사이트를 방문하는 것이 더 수월하고, 빠르기 때문

일부 앱은 iOS만 혹은 안드로이드만 지원되는 경우가 있다. 그러나 웹은 브라우저가 설치되어 있기만 하다면 꼭 모바일이 아니더라도 접근이 가능하다! 

2. UX: 네이티브 앱은 설치가 가능한 앱인 만큼 오프라인에서 동작하기 때문에, 아이콘 등을 클릭하여 브라우저보다 더 빠르게 (말하자면 라이브러리의 바로가기 아이콘 같은 느낌) 접근이 가능하다. 어떻게 보면 1의 접근성과 일맥상통하는 맥락.

3.속도 및 연결 : 성능이 매우 빠르며, 푸시 알림/블루투스 연결 등 네이티브 앱에서의 장점을 고스란히 가져와 사용 가능! 또한 별도의 심사 없이 배포도 가능하다. 

 

단점 - 1. 어쨌든 네이티브 + A 형태이기 때문에 only 네이티브인 경우의 성능은 따라가기 어렵다.

2. OS(운영체제; Operating System)에서 기능을 지원해주지 않으면 PWA에 아무리 존재하더라도 사용할 수가 없다..

3. 모바일 앱처럼 앱스토어(Google play store 같은)가 없기 때문에 PWA 웹앱 검색이 불가하다. 그냥 검색만 가능할 뿐... 또한 설치하려고 해도, 방법이 모바일처럼 딱 설치만 누르면 되는 게 아니라 복잡하다. 

4. Apple은 현재 PWA를 사용하게 되면, 인앱결제를 강제할 수 없게 되기 때문에 PWA에 큰 관심이 없어 OS의 지원을 두고 공론이 벌어지지 않을까 하는 우려가 있다.

---

Flutter을 활용한 PWA deploying : https://medium.flutterdevs.com/progressive-web-app-flutter-62c7dea05fc5

Progressive Web App in Flutter

일단 PWA의 개괄을 알아봤으니까, 간단한 코드 보면서 어떻게 구현이 가능한지도 공부해봐야겠다!