ChampionMATES

PWA(프로그레시브 웹 앱) 설치 방법

이 안내는 PWA(프로그레시브 웹 앱)의 로컬 버전을 설치하는 방법을 설명합니다. 설치 후 브라우저 없이도 기기에서 직접 앱을 실행할 수 있으며, 앱 아이콘을 클릭하여 즉시 사용할 수 있습니다.

PWA란 무엇인가요?

PWA(프로그레시브 웹 앱)는 기기에 다운로드하여 앱처럼 사용할 수 있는 웹사이트입니다. 일반 웹페이지처럼 사용할 수 있지만 설치하면 추가적인 장점이 있습니다. 인터넷 연결 없이도 사용할 수 있으며 다른 앱과 함께 표시되어 쉽게 접근할 수 있습니다. 설치 방법은 운영체제와 브라우저에 따라 다릅니다.

SAFARI

iOS에서 PWA 설치하기

iOS에서는 Safari 브라우저로만 PWA를 설치할 수 있습니다. 먼저 Safari에서 사이트로 이동합니다. '공유' 버튼을 누르고 '홈 화면에 추가'를 선택합니다. 마지막으로 오른쪽 상단의 '추가'를 누르면 설치가 완료됩니다. 이제 홈 화면에서 앱을 사용할 수 있습니다.

ScreenshotScreenshotScreenshot

iOS에서 PWA 설치 과정을 보여주는 스크린샷

CHROME

Android에서 PWA 설치하기

Android에서는 기본 Chrome 브라우저를 통해 PWA를 설치할 수 있습니다. Chrome에서 사이트로 이동한 후 오른쪽 상단의 점 3개 메뉴를 엽니다. '홈 화면에 추가'를 선택하고 팝업에서 '추가'를 누릅니다. 이제 PWA가 설치되어 홈 화면에서 사용할 수 있습니다.

ScreenshotScreenshotScreenshotScreenshot

Android에서 PWA 설치 과정을 보여주는 스크린샷

Windows PC 또는 Mac에서 PWA 설치하기

Google Chrome과 Microsoft Edge는 Windows와 Mac에서 PWA를 가장 잘 지원합니다. 설치 과정은 두 브라우저에서 거의 동일합니다. 설치하려는 사이트로 이동하면 주소창 오른쪽에 아이콘이 표시됩니다. 해당 아이콘을 클릭한 후 '설치'를 클릭하세요. 또는 점 3개 메뉴에서도 설치할 수 있습니다.


Windows에서는 시작 메뉴에서 사용할 수 있으며, Mac에서는 런치패드 및 Spotlight 검색에서 사용할 수 있습니다.

Microsoft Edge
Screenshot

Microsoft Edge 브라우저에서 PWA 설치 과정을 보여주는 스크린샷

Safari
Screenshot

Safari 브라우저에서 PWA 설치 과정을 보여주는 스크린샷

Google Chrome
Screenshot

Google Chrome 브라우저에서 PWA 설치 과정을 보여주는 스크린샷