PWA란?
설치되는 웹앱, PWA
PWA(Progressive Web App)는 브라우저로 만들어지지만, 홈 화면에 설치되고 앱처럼 켜지는 웹사이트입니다.
앱스토어 심사 없이, 하나의 코드로 안드로이드·아이폰·PC에서 모두 작동합니다.
PWA가 뭔가요?
일반 홈페이지는 브라우저를 열고 주소를 검색해서 들어가야 합니다.
PWA는 홈 화면에 아이콘으로 설치되고, 주소창 없이 앱처럼 곧바로 켜집니다.
오프라인 상태에서도 마지막으로 본 화면을 보여주고, 필요하면 푸시 알림도 보낼 수 있습니다.
기술적으로는 여전히 웹사이트입니다.
브라우저의 '서비스 워커(Service Worker)'라는 기능으로 파일을 미리 저장해두고, '홈 화면에 설치' 이벤트를 지원하는 것뿐입니다.
그래서 일반 웹사이트를 만드는 비용과 기간으로, 앱에 가까운 경험을 만들 수 있습니다.
일반 홈페이지 · 네이티브 앱과 비교하면
| 구분 | 일반 홈페이지 | 네이티브 앱 | PWA |
|---|---|---|---|
| 설치 | 불가 (매번 접속) | 앱스토어에서 설치 | 홈 화면에 설치 |
| 앱스토어 심사 | 필요 없음 | 필요 (수일~수주) | 필요 없음 |
| 개발 방식 | 웹 1종 | iOS·Android 각각 개발 | 웹 1종으로 전 플랫폼 |
| 오프라인 사용 | 불가 | 가능 | 가능 (일부 기능) |
| 푸시 알림 | 불가 | 가능 | 가능 |
| 업데이트 | 즉시 반영 | 스토어 재심사 필요 | 즉시 반영 |
가능한 기능
설치
홈 화면 설치
브라우저 없이 아이콘 하나로 바로 실행됩니다.
알림
푸시 알림
임대료 미납, 계약 만료 같은 소식을 실시간으로 알려줍니다.
오프라인
오프라인 지원
네트워크가 불안정해도 마지막 화면과 일부 기능을 그대로 쓸 수 있습니다.
속도
빠른 로딩
파일을 미리 저장해 두 번째 방문부터는 훨씬 빠르게 열립니다.
이론이 아니라, 저희가 먼저 써봤습니다
PWA가 실제로 잘 작동하는지 직접 만들어서 매일 쓰고 있습니다.
임대 관리 실무에 쓰는 PlusHome.kr, 여러 도구를 모은 BlackCore 모두 이 방식으로 만들어 운영 중입니다.
Next
상담 요청하기
우리 서비스도 PWA로 만들 수 있을까요?
간단한 요구사항만 남겨주시면, 가장 현실적인 제작 방향을 제안드립니다.