PWA(Progressive Web App, 프로그레시브 웹 앱)는 HTML, CSS, 자바스크립트로 구축된 애플리케이션 소프트웨어의 한 형태입니다. PWA는 어떤 플랫폼에서든 작동하며, 푸시 알림, 오프라인 실행, 기기 하드웨어 접근 등 일반 네이티브 앱과 거의 동일한 기능을 대부분 갖추고 있습니다. 단순히 웹사이트를 감싸는 웹 래퍼와 달리 PWA는 일반 애플리케이션과 흡사한 사용자 경험을 제공합니다. 게다가 개발자나 사용자 모두 앱 스토어를 통해 설치할 필요가 없습니다.
앞서 OnMSFT에서는 Disney+를 PWA로 설치하는 방법을 소개한 바 있지만, 사실 Microsoft Edge만 있으면 어떤 웹사이트든 PWA로 설치할 수 있습니다. 별도의 글에서는 PWA의 장점과 아쉬운 점도 함께 살펴보았습니다. 어렵게 느껴질 수 있지만, Windows 10 PC에 PWA를 설치하는 일은 생각보다 훨씬 간단합니다. 이 가이드에서는 Microsoft Edge를 사용해 Windows 10에서 PWA를 설치하고 제거하는 과정이 얼마나 쉬운지 확인해 보겠습니다.
Windows 10에 PWA 설치하는 두 가지 방법
Microsoft Edge를 사용해 Windows 10에 PWA를 설치하는 방법은 자동과 수동, 두 가지가 있습니다.
1. 자동 설치
방문한 웹사이트가 PWA를 기본적으로 지원하는 경우, 주소창 오른쪽에 있는 더하기(+) 아이콘을 클릭하기만 하면 PWA가 자동으로 설치됩니다.
2. 수동 설치
웹사이트가 네이티브 PWA를 지원하지 않더라도, Edge 옵션 메뉴에서 직접 PWA로 추가할 수 있습니다. Edge의 점 세 개(⋮) 메뉴를 열고 앱(Apps)으로 이동한 후 이 사이트를 앱으로 설치(Install this site as an app)를 선택하세요.
자동이든 수동이든 PWA를 설치하면 데스크톱과 Windows 10 시작 메뉴의 앱 목록에 바로 가기가 생성됩니다. 더욱 편리하게 접근할 수 있도록 시작 메뉴나 작업 표시줄에 고정(핀)할 수도 있습니다.
edge://apps로 PWA 관리하기
설치한 PWA의 바로 가기는 언제든지 데스크톱이나 앱 목록에서 삭제할 수 있습니다. 자동 또는 수동으로 추가한 PWA 목록을 확인하려면 Edge 주소창에 edge://apps를 입력하면 됩니다.
edge://apps 메뉴에서는 PWA를 마우스 오른쪽 버튼으로 클릭해 다양한 설정을 변경할 수 있습니다. 전체 화면 모드로 열기, 사이트 하드웨어 권한(카메라, 마이크 등) 조정, 선택한 PWA를 데스크톱 및 시작 메뉴에 고정하기, 그리고 PWA 제거까지 모두 가능합니다.
PWA 제거하기
목록에서 해당 PWA 오른쪽의 X 버튼을 클릭해 제거할 수도 있습니다. 이 경우 Microsoft Edge에서 데이터를 함께 삭제할지 여부를 묻는 메시지가 표시되며, 제거가 완료되면 PWA는 Windows 10 기기에서 완전히 사라집니다. 또 다른 방법은 PWA 창 내부 상단의 점 세 개 메뉴를 클릭하고 '제거(Uninstall)' 옵션을 선택하는 것입니다.
왜 PWA를 선택해야 할까?
PWA는 기존 앱에 비해 하드 드라이브 공간을 적게 차지하고 Windows 10 PC의 하드웨어 리소스도 덜 소모하기 때문에 훌륭한 대안입니다. 특히 Surface Pro X처럼 Windows 10 on ARM 기반 기기를 사용 중이라면, 전체 앱을 실행하는 대신 PWA를 활용하는 것이 현명한 선택입니다.
조직을 위한 네이티브 PWA를 개발하려는 개발자라면, 마이크로소프트가 설립한 커뮤니티 기반 오픈소스 사이트인 PWA Builder를 활용하면 쉽게 시작할 수 있습니다.