디바이스와 플랫폼에서 사용할 수 있는 기능을 보여 주는 프로그레시브 웹앱 일러스트레이션

점진적 웹앱

PWA는 모던 웹을 광범위하게 접할 수 있는 기본 환경을 제공합니다.

모든 디바이스에서 작동하는 기능을 보여 주는 프로그레시브 웹앱 일러스트레이션

플랫폼 간

PWA는 사용자가 Surface Book, Android 휴대폰, iPad 또는 Xbox One을 사용하는지 여부에 상관없이 어디에서나 작동하고 광범위한 지원을 제공합니다. 이제 모든 주요 브라우저에서 PWA를 네이티브 앱처럼 보이고 느껴지게 하는 Service Worker API를 지원합니다.

기본 기능에 대한 기본 액세스를 보여 주는 프로그레시브 웹앱 일러스트레이션

다양한 기능

디바이스 기능(예: 카메라, 마이크 및 GPS)을 제어하고 사용자 리소스(예: 일정, 연락처, 문서 및 음악)에 액세스하고 Cortana 음성 명령으로 앱을 실행 및 탐색하며 Windows OS와 통합합니다(알림 센터, 데스크톱 작업 표시줄 및 컨텍스트 메뉴 사용)... 이 모두는 Windows 보안으로 보호됩니다.

Windows용 PWA 조정
웹과 Store에서의 검색 가능성을 보여 주는 프로그레시브 웹앱 일러스트레이션

검색 가능

웹 검색 엔진을 사용하거나 6억 명 이상의 월간 활성 사용자로 구성된 전체 Windows 10 설치 기반에 액세스할 수 있는 Microsoft Store를 통해 PWA를 검색할 수 있습니다. PWA를 사용하면 사용자가 알림을 통해 다시 참여하거나 URL을 공유할 가능성이 커집니다.

Microsoft Store에 PWA 제출
여러 디바이스에서 PWA를 보여 주는 동영상 화면

PWA의 개요

다양한 도구를 사용하여 PWA를 Windows 사용자로 확장하는 방법을 알아보려면 이 동영상을 시청하세요.

PWA 및 Windows 10

프로그레시브 웹앱은 Windows 10 기능 API에 대한 모든 권한을 가지며 전체 UWP 디바이스 제품군(S 모드 디바이스의 더 안전한 Windows 10 포함)에서 설치될 수 있습니다. 또한 다른 브라우저와 디바이스에서도 호환성을 유지합니다. PWA는 호스트된 웹앱이 자연스럽게 진화된 형태이지만 오프라인 시나리오를 위한 표준 기반 지원에서 서비스 작업자, 캐시 및 API 푸시의 도움을 받습니다.

기업에 홍보되는 프로그레시브 웹앱 일러스트레이션

기업용 PWA

직원들이 보다 쉽게 휴가를 보고하거나 고객이 좋아할 만한 설문 조사를 작성하려고 할 때 PWA는 비즈니스에 안전하고 접근 가능한 솔루션을 제공합니다.

교육 기관에 홍보되는 프로그레시브 웹앱 일러스트레이션

교육용 PWA

S 모드의 Windows 10은 교실에서의 보안과 성능을 위해 간소화된 환경에서 학교가 Windows에 기대하는 친숙하고 강력하며 생산적인 환경을 제공합니다. Microsoft Store에서 PWA를 만드는 것은 학교의 새로운 앱을 위한 완벽한 솔루션이 될 수 있습니다.

PWA 도구

PWA Builder 로고

PWA Builder

웹 사이트를 스캔하여 전체 매니페스트를 만들고, 이미지 크기를 조정하고, 사양을 추적하여 최신 매니페스트 및 Service Worker를 만들고 있는지 확인합니다. PWA Builder를 사용하여 기존 앱을 패키징하세요.

PWA 생성
Sonarwhal 로고

Sonarwhal

완전히 사용자 지정 가능한 오픈 소스 린트(lint) 도구와 사이트 스캐너는 웹앱의 접근성, 상호 운용성, 성능, 보안, PWA 구성 요소를 확인하고 진화하는 웹 표준을 따라갈 수 있도록 돕습니다.

스캔 실행
Microsoft Edge Logo

Microsoft Edge를 통해 PWA 디버깅

Edge DevTools는 Service Worker, 캐시 API 및 IndexedDB를 비롯한 모든 필수 PWA 기술에 대한 검사와 디버깅 지원을 제공합니다.

자세한 내용
Visual Studio Code 로고

VS Code 확장

이 Visual Studio Code 확장은 PWA(프로그레시브 웹앱)를 만들기 위해 manifest.json에 대한 코드 조각과 JSON 스키마를 추가합니다.

확장 설치