이번 주부터 버튼 클릭으로 Chrome 70을 통해 데스크톱에 PWA(프로그레시브 웹 앱)를 설치할 수 있습니다. PWA 란 무엇입니까? 그리고 그것이 좋은 이유는 무엇입니까?
프로그레시브 웹 앱
PWA(프로그레시브 웹 앱)는 사용자에게 휴대폰에서 사용하는 것과 같은 경험을 제공하는 웹 응용 프로그램입니다. PWA에 대한 몇 가지 기본 사항은 다음과 같습니다.
- 이러한 앱은 어떤 브라우저를 기본 브라우저로 선택하든 상관없이 모든 인터넷 사용자가 사용할 수 있습니다.
- 반응형이므로 어떤 기기를 사용하든 PWA가 화면에 올바르게 맞춰집니다.
- 기본 앱과 유사하기 때문에 휴대전화에서와 같은 방식으로 상호작용합니다. 즉, 입력할 URL이 없고 앱 전체에서 원터치 탐색이 가능합니다.
- Progressive Web Apps는 온라인, 오프라인 및 연결이 제한된 영역에서 사용할 수 있습니다.
PWA를 사용해야 하는 이유
프로그레시브 웹 앱은 빠릅니다! 네트워크가 없어도 캐시에서 먼저 로드하고 두 번째로 연결을 요청하기 때문에 즉시 로드됩니다. 브라우저를 사용할 때 장치는 로드하기 전에 먼저 연결을 요청합니다. 이 지연 시간으로 인해 빈 화면이 나타나며 우리 중 약 절반이 약 3초 이내에 포기합니다!
이러한 앱은 많은 양의 저장 공간을 차지하지 않고 장치에 설치하는 앱처럼 느끼고 작동합니다. 실제로 Starbucks PWA는 기본 앱 크기의 0.4%입니다. 홈 화면에서 찾고 알림과 같은 모든 작업을 기본 앱과 동일하게 수행합니다.
PWA는 신뢰할 수 있습니다. 기본 브라우저와 별도로 실행되는 자바스크립트 파일인 서비스 워커를 사용합니다. 서비스 워커는 애플리케이션이 네트워크 요청을 제어하고 이러한 요청을 캐시하여 성능을 개선하며 캐시된 콘텐츠에 대한 오프라인 액세스를 제공할 수 있도록 합니다. 따라서 네트워크가 있든 없든 항상 로드하고 사용할 수 있습니다. 물론 네트워크에 다시 액세스할 때까지 새 콘텐츠에 액세스하지 못할 수도 있습니다.
마지막으로, PWA는 브라우저보다 사용하기에 더 자연스럽습니다. 웹 주소를 반복해서 입력할 필요가 없습니다. 홈 화면에서 아이콘을 탭하거나 클릭하기만 하면 됩니다.
PWA 설치 방법
앱 스토어에서 찾아 다운로드할 필요 없이 홈 화면에 이러한 앱을 설치할 수 있습니다.
프로그레시브 웹 앱 옵션이 있는 사이트를 선택하십시오. 아직 제한된 수가 있지만 사용자가 성공을 거둔 일부는 Twitter, Pinterest, Trivago, Uber 및 Starbucks입니다. 일부 앱은 전체 웹페이지를 통해 액세스할 수 있지만 Twitter와 같은 일부 앱은 모바일 사이트를 통해 액세스해야 합니다.
PWA를 제공하는 웹사이트에서 오른쪽 상단의 메뉴 아이콘을 클릭하세요.
"[앱 이름] 설치"를 선택하여 설치합니다.
예를 들어 Twitter Mobile 사이트에 접속하면 "메뉴> Twitter 설치"를 클릭합니다.
설치 옵션이 표시되지 않으면 해당 사이트에 사용할 수 있는 PWA가 없을 수 있습니다. 포기하기 전에 모바일 사이트를 먼저 확인하는 것이 좋습니다.
설치 권한 대화 상자가 나타나면 설치를 클릭합니다.
바탕 화면이나 Windows 10의 응용 프로그램 목록에서 선택하여 엽니다. 응용 프로그램은 자체 창, 작업 표시줄 아이콘 및 시작 메뉴 항목과 함께 열립니다.
Progressive Web App을 제거하기로 결정했다면 상단에 있는 세 개의 수직 점을 클릭하고 "[앱 이름] 제거"를 클릭하십시오.
많은 장점 때문에 이러한 앱 중 일부를 직접 확인하는 것이 좋습니다. 현재 사용 가능한 PWA의 정확한 목록을 찾기가 어렵기 때문에 아래에 댓글을 달아 어떤 것이 귀하에게 적합한지 알려주십시오.