PWA란 무엇이고 어떻게 설치하고 지우나요?
작성 · 수정
프로그레시브 웹 앱, 곧 PWA는 앱 스토어를 거치지 않고 설치해서 자체 아이콘과 전용 창으로 열리는 웹사이트입니다. 주소창에 설치 버튼이 뜬 것을 본 적은 있어도 무슨 뜻인지 몰랐을 수 있습니다. 이 글은 PWA가 무엇인지, 얻는 것과 얻지 못하는 것, 주요 브라우저에서 설치하고 삭제하는 방법을 설명합니다.
PWA란 무엇인가
PWA는 웹 앱 매니페스트라는 작은 파일로 브라우저에 자기 이름, 아이콘, 시작 페이지를 알려 주는 평범한 웹사이트입니다. 설치를 지원하는 브라우저는 그 정보로 사이트를 홈 화면, 시작 메뉴, Dock에 올리고 평소의 주소창과 탭 없이 창으로 열 수 있습니다. 아이콘 뒤에서는 여전히 같은 웹사이트가 같은 브라우저 엔진 위에서 같은 웹 기술로 돌아갑니다. MDN은 설치 가능 여부가 그 매니페스트로 정의된다고 설명하고, web.dev는 기준을 모두 충족하지 않아도 크롬에서는 보통 직접 설치할 수 있다고 알립니다.
많은 PWA는 서비스 워커라는 백그라운드 스크립트도 씁니다. 앱이 더 빨리 열리고, 제한적으로 연결 없이도 동작하고, 푸시 알림을 받을 수 있게 해 줍니다. 특정 앱이 그렇게 하는지는 개발자에게 달려 있고, 설치만으로 웹사이트가 새 능력을 얻지는 않습니다.
얻는 것과 얻지 못하는 것
- 실행 아이콘과 자기 창이 생겨 앱을 찾기 쉽고 탭 사이에서 길을 잃지 않습니다.
- 스토어 계정이나 다운로드가 필요 없습니다. 사이트가 업데이트되면 업데이트가 도착합니다.
- 네이티브 앱보다 가벼운 경우가 많습니다.
- 카메라, 마이크 같은 권한은 여전히 브라우저를 통해 동작하며, 웹사이트와 같은 방식으로 관리합니다.
- 스토어 앱이 할 수 있는 모든 일에 접근하지는 못합니다. PWA는 웹 플랫폼의 한계 안에 머뭅니다.
- PWA는 설치한 브라우저에 묶입니다. MDN에 따르면 같은 PWA를 두 브라우저에서 설치하면 데이터를 공유하지 않는 별개의 앱 두 개가 만들어집니다.
컴퓨터의 크롬 (윈도우, 맥, 리눅스, 크롬OS)
설치: 사이트를 엽니다. 일부 사이트는 주소창 오른쪽 끝에 설치 아이콘을 보여주며, 그 아이콘을 선택하고 안내를 따르면 됩니다. 아이콘이 없으면 오른쪽 위의 더보기를 선택하고 전송, 저장 및 공유, 페이지를 앱으로 설치를 선택한 뒤 화면 안내를 따르세요.
삭제: 설치한 앱을 열고 창 오른쪽 위의 더보기를 선택한 다음 앱 이름이 붙은 제거를 선택하고 삭제로 확인합니다. 앱이 저장한 데이터도 지우려면 Chrome에서 데이터도 삭제에 체크하세요. 주소창에 chrome://apps를 열어 설치된 앱을 관리할 수도 있습니다. 크롬북에서는 런처의 앱 아이콘을 마우스 오른쪽 버튼으로 눌러 제거를 선택하세요.
마이크로소프트 엣지
설치: 엣지는 PWA를 알아보면 설치를 제안합니다. 다른 사이트는 설정 및 기타, 기타 도구, 앱을 열고 이 사이트를 앱으로 설치를 선택하세요. 설치된 앱은 edge://apps 페이지에 나열됩니다.
삭제: edge://apps를 열고 앱 카드의 세부 정보를 선택한 뒤 제거를 선택해 확인합니다. 확인 대화상자에서 앱의 데이터도 지울지 묻습니다.
사파리와 애플 기기
- 아이폰·아이패드: 사파리에서 사이트를 열고 공유 메뉴에서 홈 화면에 추가를 선택한 뒤 이름을 확인하거나 고쳐서 추가합니다. iOS에는 설치 팝업이 없고 홈 화면에 추가가 곧 설치입니다. MDN은 사파리에서 설치한 PWA가 앱 보관함에는 나타나지만 설정의 앱 목록에는 나타나지 않는다고 덧붙입니다. 지우려면 아이콘을 길게 눌러 삭제하면 PWA가 제거됩니다.
- 맥: 사파리에서 파일, Dock에 추가를 선택하거나 공유 버튼에서 Dock에 추가를 선택합니다. 이름을 입력하고 추가를 클릭합니다. 애플은 웹 앱이 홈 폴더의 응용 프로그램 폴더에 저장되며 Dock이나 Spotlight에서 열 수 있다고 설명합니다. 지우려면 그 폴더에서 휴지통으로 끌어다 놓으세요. Dock 아이콘만 Dock 밖으로 끌어내면 바로 가기만 사라지고 앱은 남습니다.
- MDN에 따르면 PWA는 macOS 14 이상과 iOS·iPadOS 16.4 이상에서 지원하는 어떤 브라우저로도 설치할 수 있으며, 애플 기기에서는 설치마다 격리된 저장소를 갖고 서로 다른 앱으로 취급됩니다.
안드로이드
크롬에서 사이트를 열고 브라우저 메뉴를 엽니다. MDN은 안드로이드용 크롬이 설치 명령을 브라우저의 설정 메뉴에 둔다고 밝힙니다. 버전에 따라 앱 설치나 홈 화면에 추가 항목을 찾아 확인하세요. 삭제는 런처나 휴대폰의 앱 설정에서 다른 앱처럼 제거하면 됩니다. 삼성 인터넷 같은 다른 안드로이드 브라우저도 자체 메뉴에 비슷한 항목이 있지만 표현이 다릅니다.
파이어폭스
MDN은 데스크톱 파이어폭스에서 PWA를 설치하려면 확장 프로그램이 필요하다고 밝히므로, 이 점에서 크롬이나 엣지와 다르게 동작합니다. 안드로이드의 파이어폭스는 사이트로 가는 바로 가기를 홈 화면에 추가할 수 있으며, web.dev는 이를 완전한 설치형 앱이 아니라 바로 가기로 설명합니다. 지원이 계속 바뀌고 있으니 의존하기 전에 모질라의 최신 문서를 확인하세요.
모든 것 지우기: 아이콘 대 데이터
아이콘을 지우는 것이 앱이 저장한 것을 지우는 것과 항상 같지는 않습니다. web.dev는 아이콘을 지워도 PWA가 쓰는 저장소가 지워지지 않을 수 있으며, 삭제 방법이 운영체제와 브라우저 조합마다 다르다고 경고합니다. 웹 앱은 대화, 파일, 설정을 브라우저에 보관할 수 있습니다. 공용 기기에서 메신저를 PWA로 썼다면 앱을 제거한 뒤 브라우저에서 그 사이트의 사이트 데이터도 지우세요. 공용 컴퓨터에서 브라우저 데이터 지우기 글이 방법을 보여줍니다.
설치가 어울리는 경우
메신저, 캘린더, 메모 도구처럼 매일 여는 웹 앱은 전용 창과 아이콘이 클릭을 줄여 주므로 설치할 만합니다. 한 번 가는 사이트라면 건너뛰세요. 설치는 비용이 거의 없고 되돌리기 쉬우니 시험해 봐도 좋지만, 설치된 앱은 웹사이트를 보여주는 창일 뿐이라는 점을 기억하세요. 사이트가 느리거나, 내 네트워크에서 막혀 있거나, 권한이 빠져 있으면 설치한 버전도 같은 문제를 겪습니다.
안전한가요?
- 설치된 PWA는 출처 웹사이트만큼 안전합니다. 믿을 수 있는 사이트만 설치하세요.
- 브라우저의 사이트 설정에서 어떤 권한이 있는지 확인하고 쓰지 않는 권한은 취소하세요.
- PWA를 다운로드와 혼동하지 마세요. 앱에 자기 아이콘과 창이 있기는 하지만, 브라우저 샌드박스 밖에 컴퓨터에 설치되는 것은 없습니다.
- 사이트가 계속 설치를 권해도 무시해도 됩니다. 설치는 선택입니다.
ChatLite에 대해
ChatLite는 앱 같은 창을 원할 때 PWA로 설치할 수 있습니다. 설치 후에도 같은 카메라·마이크 권한이 적용되며, 사이트 데이터를 지우면 브라우저에 저장된 대화가 함께 삭제됩니다.
참고 자료
이 글을 확인하는 데 쓴 공식 문서입니다. 문서는 각 운영 주체가 관리하며 바뀔 수 있습니다. 한국어 메뉴 이름은 버전과 언어 설정에 따라 다를 수 있으니, 화면의 이름과 다르면 비슷한 항목을 찾거나 공식 문서의 영어 이름을 참고하세요.
ChatLite의 현재 동작을 기준으로 검토한 날짜: .