PWA 시작하기 1편

안녕하세요 자유로이입니다. 오늘은 PWA에 대해서 간략한 소개를 알아보겠습니다.

다음편부터 예제를 통한 포스팅으로 좀더 쉽고 PWA에 대해 심층적으로 공부해보겠습니다.

 

PWA는 Progressive Web App의 약자로, 웹과 앱의 장점을 결합한,
웹의 기능들과 모바일 앱의 기능을 활용한 웹 애플리케이션입니다.

 

네이티브 앱, 웹 앱 및 프로그레시브 웹 앱의 기능 대 도달 범위.                             출처 https://web.dev/what-are-pwas/

PWA는 데스크톱과 모바일용으로 네이티브 같은 앱을 개발할 수 있게 해주는 도구입니다. 
애플리케이션의 기능을 높은 수준으로 유지하면서도 일반적인 웹사이트처럼 로딩됩니다.

 

PWA 특징

 

재참여기능성
뛰어난 성능으로 사용자 참여를 개선하고, 사용자가 브라우저에 없을때 전송되는 시스템 알림(푸시알림)과 같은 기능을 통해서 재참여의 기능성을 높입니다.

공유가능성
모든 pwa들은 특정한 url 링크로 연결되어 있기 때문에, 공식 앱스토어를 통해서
출시될필요가 없습니다.

검색기능성
프로그레시브 웹 앱은 W3C 매니페스트 및 서비스 워커 등록 범위 덕분에 검색엔진을 통해검색이 가능합니다.

설치가능성과 가벼움
사용자들은 앱스토어를 방문하지 않고도 홈스크린에 앱 아이콘을 추가할수 있으며,
어플리케이션 자체는 저장공간을 많이 차지하지 않습니다.

네트워크 독립성
크롬 os, 맥, 윈도우를 포함한 모든 운영체제에서 작업할 수 있습니다.

또한, 네트워크 연결에 의존하지 않고 서비스워커를 사용하여 오프라인 모드에서도 작동될 수 있습니다.

반응성
모든 휴대전화, 태블릿 및 데스크톱 해당 화면크기에 맞는 UI(사용자 인터페이스)를 제공합니다.
(이는 미디어 쿼리와 뷰포트 같은 기술에 의해서 가능한 것입니다.)

안전
HTTPS를 통해 제공되기 때문에 스누핑 차단및 콘텐츠가 변조되지않아 믿을수 있고 안전합니다.

비용 효율성

ios및 안드로이드 환경의 네이티브 앱 개발에 비해서
구현 시간이 최대 4배까지 단축되기 때문에 개발 비용이 크게낮아집니다.

 

 

PWA가 어떤것인지 조금이라도 도움이 되셨나요? 

 

PWA에 대해서 간단히 알아보앗고

다음편부터는 실습을 통한 이해도를 높이도록 하겠습니다. :)