PWA란?

이번 프로젝트에선 PWA를 적용 시켜볼것이다!

PWA가 대체 무엇일까?

---

출처: PWA 가뭔가요? by 얄팍한 코딩사전

 

네이티브 앱: 우리가 알고있는 스마트폰의 어플

ios, 안드로이드 각각 개발하기때문에 번거롭다.

버전 업데이트 역시 만만치않다. (검수 기간도 고려해야한다.)

개발자의 입장에서 뿐아닌 유저의 입장에서도 앱을 설치하기 번거러워하는 경우가 많아 모바일 버전의 웹을 개발하지않는다면,

서비스 이용 경험에 부정적인 영향을 주기 가장 쉬운 방법이다.

 

모바일 웹앱

그냥 반응형 웹 개발이 아닌 앱에 가까운 사용자 경험을 위해 만들어진 웹을 '모바일 웹앱'이라고한다.

모바일 웹앱의 장점은

• 개발&운영이 수월하다. -> ios, 안드로이드 각각 개발할 필요없이 웹 하나만 개발 하면된다.
• 업데이트 반영도 수월하다. 스토어의 검수 극딴거 필요없다!

Hybrid 예: 네이버 앱

모바일 웹앱의 단점을 고려하여 앱과 웹앱 둘 사이의 절충점

네이티브 앱을 만들되 앱 안에 브라우저 창을 하나 더 넣어준다. 

웬만한 기능은 이 웹뷰 안에서 이용할 수 있도록 만들고, 웹사이트로서 구현할 수 없는 기능은 네이티브 레벨에서 처리

 

PWA = Progressive Web App

모바일 웹의 한계를 브라우저의 발전을 통해 끌어올린 것

앱 다운로드없이 브라우저를 홈화면에 추가하여 앱처럼 접근할 수 있다.

스토어에서 찾아 다운받는 앱보다 유저들에게 편리함을 주고 신규 유저 유입에 더 도움이될것이다.

PWA작업은 이 문서를 참고하자!

your first PWA

Progressive Web Apps: Going Offline  |  Google Developers