반응형
PWA란?
구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념입니다.
궁극적으로 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적입니다.
Progressive Web App은 웹의 장점과 웹의 장점을 결합한 환경입니다.
PWA의 특징
이것은 사용자가 브라우저 탭을 맨 처음 방문할 때부터 유용하고, 설치가 필요 없다는 장점이 있습니다.
시간의 흐름에 따라 사용자가 앱과의 관계를 점진적으로 쌓아갈수록 성능이 더욱 강력해질 것입니다.
이 웹앱은 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 전송하며, 홈 화면에 아이콘이 있고, 최상위의 전체 화면 환경으로 로드됩니다.
즉 PWA는 확장성이 좋고 깊이 있는 앱같은 웹을 만드는 것을 지향합니다.
모바일을 중심으로 하는 인터넷 서비스는 크게 모바일 웹과, 모바일앱(응용 프로그램)의 형식을 띕니다.
각각의 장잠점으로, 모바일 웹은 확장에 유리합니다.
즉 웹주소만 있으면 누구나 접근하여 사용이 가능하고, 스마트폰의 저장공간을 잡아 먹지도 않습니다.
하지만 사용자를 묶어두기 힘듭니다. 즉 한번 가기는 쉽지만 반복하여 찾아가게 하기에 어렵습니다.
반면 앱은 사용자를 묶어두는데 좀더 유리합니다. 즉 필요할 때마다 푸시 알림을 보내는 형식으로 사용자에게 이 앱을 사용하도록 할 수 있습니다.
또 조금 더 매끄러운 사용자 경험을 제공하는 것도 장점이라고 할 수 있습니다.
PWA는 앱 같은 웹을 지향합니다. 스마트폰 초기에도 웹앱이라는 개념은 있었지만 PWA 이름에서 알 수 있듯 좀더 진보한 개념입니다.
PWA는 서비스 작업자(service worker)로 불리는 새로운 API를 활용하여 웹앱의 중요한 부분을 캐싱하고, 사용자가 다음에 열 때 즉시 로딩하는 방식을 취합니다.
그 덕분에 네트워크 환경이 좋지 않아도 빠르게 구동되며, 사용자에게 푸시 알림을 보내기도 합니다.
PWA에서 제공하는 기능
- 프로그래시브 - 점진적인 개선을 통해 작성되므로, 어떤 브라우저를 선택하든 상관 없이 모든 사용자에게 적합
- 반응형 - 데스크톱 모바일, 태블릿 등 모든 폼 팩터에 맞습니다.
- 연결 독립적 - 서비스 워커를 사용하여 오프라인이나 느린 네트워크에서 작동하도록 향상됩니다.
- 앱과 유사 - 앱 모드에서 작성되기 때문에 앱 스타일의 상호작용 및 탐색기능을 사용자에게 제공합니다.
- 최신 상태 - 서비스 워커 업데이트 덕분에 항상 최신 상태로 유지됩니다.
- 안전 - HTTPS를 통해 제공되므로 스누핑이 차단되며, 콘텐츠가 변조되지 않도록 보장합니다.
- 검색 가능 - W3C 매니페스트 및 서비스 워커 등록 범위 덕분에 '애플리케이션'으로 식별되므로, 검색 엔진에서 검색이 가능합니다.
- 재참여 가능 - 푸시 알림과 같은 기능을 통해 쉽게 재참여가 가능합니다.
- 설치 가능 - 앱 스토어에서 씨름할 필요 없이 사용자가 자신에게 가장 유용한 앱을 홈 화면에 유지할 수 있습니다.
- 링크 연결 가능 - URL을 통해 손쉽게 공유할 수 있으며 복잡한 설치 작업이 불필요합니다.
참조 :
http://www.bloter.net/archives/274549
반응형
'웹 프론트 > Vue.js, Jquery, PWA' 카테고리의 다른 글
Vue.js - 전역 component / template / vue data / props / [강좌 2강정리] (0) | 2019.12.17 |
---|---|
Vue.js - v-if v-else 디렉티브 / 보간법 / v-model / ref [강좌 1강정리] (0) | 2019.12.03 |
jquery - html과 text 메소드의 차이 (0) | 2018.08.30 |
jquery의 chain (0) | 2018.08.13 |
jquery의 선택자 (0) | 2018.08.13 |