728x90
반응형
(개념) 웹 앱과 네이티브 앱의 장점을 모두 제공하는 진보된 형태의 웹 애플리케이션 개발
PWA는 단지 몇 가지 기능(예를 들어 ‘설치’ 기능)을 추가하여 전통적인 웹사이트를 좀더 강화한 것
모든 PWA에 설치 기능이 있어야 하는 것도 아니다.
운영체제(따라서 그 사용자)와 깊은 수준에서 연결하는 능력을 갖고 있다. 이는 설치, 그리고 알림이나 주소록 접근 등의 기능을 제공하는 API를 통해 가능하다. 반드시 설치가 돼야 모든 API를 사용할 수 있는 것은 아니지만, 일부는 그렇다. 이를테면 PWA를 웹사이트 더블 플러스website++라고 생각하면 편할 것이다.
-
HTTPS를 운영해야 한다.
-
웹 앱 매니페스트Web App Manifest가 있어야 한다.
-
서비스 워커를 사용해야 한다.
PWA의 품질 경험과 보편적 이점
첫째로, PWA는 안전해야 한다.
각기 다른 운영체제, 브라우저, 시스템 API, 화면 크기를 갖는 더 다양한 기기로 더 많은 사람들이 웹사이트를 이용하게 하는 일은 성공으로 나아갈 가능성과 기회를 갖는 일이다. 여기가 바로 점진적 향상progressive enhancement과 반응형 디자인responsive design이 필요한 부분이다.
반응형 디자인은 기기의 크기나 창 크기에 관계없이, 주어진 화면에 맞는 최적의 레이아웃을 제공하도록 조정된다. 점진적 향상은 아주 다양한 실행 환경(기기, OS 등)과, 특히 다양한 사용자에게 웹사이트가 잘 맞춰지도록 해준다.
점진적 향상은 우리가 잘 모르거나 테스트하지 않은 기기와 브라우저로 사용자가 우리 사이트에 접근하다가 실패하는 상황을 방지하는 데 도움이 된다. 또한 기능과 관계없이 웹에 접속할 수 있는 기기라면 사이트가 잘 작동하도록 보장한다. 따라서 우리가 좀더 최신 브라우저와 기기의 사용자 경험을 최적화하는 데 집중하게 해준다. 장기적으로 보면 더 경제적이다.
사용자가 즐길 수 있는 유사 앱 경험app-like experience을 제공한다. 더욱 일관되고 매끄러우며 편한 사용자 경험(즉 “유사 앱”이 암시하는 의미)을 제공할수록, 재방문하는 사용자의 수와 매출이 높아질 가능성이 커진다.
검색이 쉽다easy to discover.
검색 용이성과 관련하여 PWA는 링커블linkable하다. 사용자가 사이트를 돌아다니다가 어떤 지점에 도달했을 때, 우리는 사용자가 그 위치를 북마크하거나 또는 브라우저나 탭을 다시 열었을 때 그 페이지가 제대로 다시 열리도록 보장해야 한다. 이는 또한 사이트의 사용자 간 공유 범위를 어느 정도로 할 것인지도 관련이 있다.
네트워크 독립성network independence으로, 개발자를 아주 흥분하게 만드는 대박 주제다.
클라이언트 측 데이터 저장소는 지난 수 년간 확실히 발전했지만, 여전히 진정한 자원 캐싱에 대한 제어 부분은 형편없었다.그리고 드디어 서비스 워커와 캐시Cache API가 등장했다. 이 두 기술은 페치Fetch API와 일치단결하여 사이트 안에서 만들어진 자원 요청을 작성하거나, 가로채거나, 증진시키거나, 저장한다. 즉, 사용자는 네트워크 연결이 중단된 상태에서도 여전히 콘텐츠에 접근할 수 있게 된다.
728x90
'01.Digital Service' 카테고리의 다른 글
| 웹서비스 - SPA (Single Page Web Application) (0) | 2023.05.25 |
|---|---|
| 웹서비스 - 프로그레시브 웹 앱 Progressive Web App (PWA) - 서비스 워커 (Service Worker) (0) | 2023.05.25 |
| 웹서비스 - 웹 크롤링 (Web Crawling) (0) | 2023.05.25 |
| 웹서비스 - 데이터 복제 (0) | 2023.05.25 |
| 웹서비스 - 적응형 웹 (0) | 2023.05.25 |
