본문 바로가기
웹 프론트엔드/Vue.js, Jquery, PWA

PWA란? PWA의 특징

by 번데기 개발자 2018. 9. 28.
반응형
PWA란?

구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념입니다.

궁극적으로 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적입니다.

Progressive Web App은 웹의 장점과 웹의 장점을 결합한 환경입니다.




PWA의 특징


이것은 사용자가 브라우저 탭을 맨 처음 방문할 때부터 유용하고, 설치가 필요 없다는 장점이 있습니다.

시간의 흐름에 따라 사용자가 앱과의 관계를 점진적으로 쌓아갈수록 성능이 더욱 강력해질 것입니다.

이 웹앱은 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 전송하며, 홈 화면에 아이콘이 있고, 최상위의 전체 화면 환경으로 로드됩니다. 


PWA는 확장성이 좋고 깊이 있는 앱같은 웹을 만드는 것을 지향합니다.

모바일을 중심으로 하는 인터넷 서비스는 크게 모바일 웹과, 모바일앱(응용 프로그램)의 형식을 띕니다.

각각의 장잠점으로, 모바일 웹은 확장에 유리합니다.

즉 웹주소만 있으면 누구나 접근하여 사용이 가능하고, 스마트폰의 저장공간을 잡아 먹지도 않습니다.

하지만 사용자를 묶어두기 힘듭니다. 즉 한번 가기는 쉽지만 반복하여 찾아가게 하기에 어렵습니다.


반면 앱은 사용자를 묶어두는데 좀더 유리합니다. 즉 필요할 때마다 푸시 알림을 보내는 형식으로 사용자에게 이 앱을 사용하도록 할 수 있습니다.

또 조금 더 매끄러운 사용자 경험을 제공하는 것도 장점이라고 할 수 있습니다.


PWA는 앱 같은 웹을 지향합니다. 스마트폰 초기에도 웹앱이라는 개념은 있었지만 PWA 이름에서 알 수 있듯 좀더 진보한 개념입니다.

PWA는 서비스 작업자(service worker)로 불리는 새로운 API를 활용하여 웹앱의 중요한 부분을 캐싱하고, 사용자가 다음에 열 때 즉시 로딩하는 방식을 취합니다.

그 덕분에 네트워크 환경이 좋지 않아도 빠르게 구동되며, 사용자에게 푸시 알림을 보내기도 합니다.



PWA에서 제공하는 기능



  • 프로그래시브 - 점진적인 개선을 통해 작성되므로, 어떤 브라우저를 선택하든 상관 없이 모든 사용자에게 적합
  • 반응형 - 데스크톱 모바일, 태블릿 등 모든 폼 팩터에 맞습니다.
  • 연결 독립적 - 서비스 워커를 사용하여 오프라인이나 느린 네트워크에서 작동하도록 향상됩니다.
  • 앱과 유사 - 앱 모드에서 작성되기 때문에 앱 스타일의 상호작용 및 탐색기능을 사용자에게 제공합니다.
  • 최신 상태 - 서비스 워커 업데이트 덕분에 항상 최신 상태로 유지됩니다.
  • 안전 - HTTPS를 통해 제공되므로 스누핑이 차단되며, 콘텐츠가 변조되지 않도록 보장합니다.
  • 검색 가능 - W3C 매니페스트 및 서비스 워커 등록 범위 덕분에 '애플리케이션'으로 식별되므로, 검색 엔진에서 검색이 가능합니다.
  • 재참여 가능 - 푸시 알림과 같은 기능을 통해 쉽게 재참여가 가능합니다.
  • 설치 가능 - 앱 스토어에서 씨름할 필요 없이 사용자가 자신에게 가장 유용한 앱을 홈 화면에 유지할 수 있습니다.
  • 링크 연결 가능 - URL을 통해 손쉽게 공유할 수 있으며 복잡한 설치 작업이 불필요합니다. 





참조 :

http://www.bloter.net/archives/274549


 




반응형