PWA는 웹 기술로 만들지만 설치, 오프라인 사용, 푸시 알림 같은 앱 기능을 제공하는 프로그레시브 웹 앱입니다. 하나의 코드로 여러 기기에 대응하기 쉽지만 운영체제별 기능과 앱스토어 배포에는 차이가 있습니다.
모바일에서 사용하는 앱에는 다양한 종류가 있습니다. 다양한 모바일 앱 종류에 대해서는 ‘앱 종류부터 앱 개발 단계까지 앱 개발에 대한 모든 것’에서 소개한 바 있는데요.
PWA(프로그레시브 웹 앱)는 웹 기술로 개발하지만 설치와 오프라인 사용 등 앱과 유사한 기능을 제공하는 방식입니다. 네이티브 앱, 모바일 웹, 하이브리드 앱과의 차이와 적용 사례를 정리합니다.
PWA(Progressive Web App)란
출처: 릴로
PWA란 프로그레시브 웹 앱(Progressive Web App)의 줄임말로, 웹 앱과 네이티브 앱의 장점을 모두 갖춘 웹 앱을 말합니다.
웹 앱은 앱 스토어로 설치할 필요가 없어 관리가 편리한 대신 네이티브 앱의 다양한 기능을 구현하기 어렵습니다. 네이티브 앱은 다양한 기능을 구현할 수 있지만, 여러 가지 운영체제와 디바이스에 따라 개발해야 하고 관리의 어려움이 있죠.
PWA는 네이티브 앱보다 저렴한 비용으로 개발할 수 있고 관리의 편의성도 크기 때문에 최근 주목받고 있는 앱 종류입니다.
PWA의 장점
출처: freepik
PWA는 웹 기반임에도 네이티브 앱처럼 설치해 푸시 알람과 같은 다양한 앱 기능을 구현할 수 있고, 개발 및 유지보수 비용이 비교적 낮다는 것이 장점입니다.
1️⃣ 네이티브 앱과 유사한 경험 제공
PWA는 앱 스토어에서 앱을 별도로 설치하지 않고도 홈 화면에 아이콘을 추가할 수 있고, 푸시 알림이나 오프라인 사용처럼 네이티브 앱의 다양한 기능을 구현할 수 있습니다.
2️⃣ 빠른 속도 및 오프라인 지원
PWA는 서비스 워커(Service Worker)의 Cache API를 사용해 더욱 빠른 로딩 속도를 지원하며, 오프라인에서도 앱을 작동할 수 있습니다. 웹 앱은 네트워크 연결이 불안정할 때 접속에 제한이 있지만, PWA는 언제든 앱을 사용할 수 있어 사용자 경험 향상에 도움이 됩니다.
3️⃣ 개발 및 유지 비용 절감
PWA는 반응형 디자인으로 다양한 디바이스에 대응할 수 있으므로 앱 개발 및 유지보수 비용을 절감할 수 있습니다.
한눈에 보는 다양한 모바일 앱 종류와 차이점
모바일 앱에는 우리가 일반적으로 사용하는 네이티브 앱부터 모바일 웹 앱, 하이브리드 앱, 프로그레시브 웹 앱 등 다양한 종류가 있는데요. 한눈에 비교해 볼까요?
네이티브 앱 | 모바일 웹 | 모바일 웹 앱 | 하이브리드 앱 | 프로그레시브 웹 앱 (PWA) | |
설치 여부 | 앱 스토어 설치 ⭕ | 설치 ❌ 브라우저 이용 | 설치 ❌ 브라우저 이용 | 앱 스토어 설치 ⭕ | 브라우저에서 설치 ⭕ |
플랫폼 호환 | OS별 개발 | 모든 플랫폼 호환 | 모든 플랫폼 호환 | 최초 개발 후, 여러 플랫폼 지원 | 모든 플랫폼 호환 |
앱 업데이트 | 앱 스토어 심사 | 서버에서 즉시 반영 | 서버에서 즉시 반영 | 앱 스토어 심사 | 서버에서 즉시 반영 |
오프라인 사용 | ⭕ | ❌ | ❌ | 일부 ⭕ | ⭕ |
푸시 알림 | ⭕ | ❌ | ❌ | ⭕ | ⭕ |
개발/유지보수 비용 | 높음 | 낮음 | 낮음 | 중간 | 중간 |
이런 서비스엔 어떤 종류의 앱을 추천할까?
출처: freepik
각 앱의 특징과 서비스별로 추천하는 앱 종류를 간단히 정리합니다.
✔ 네이티브 앱
네이티브 앱은 카카오톡이나 배달의 민족 등사용자에게 다양한 기능과 편의성을 제공해야 하는 서비스에 추천합니다.
✔ 모바일 웹
모바일 웹은 뉴스 사이트나 블로그처럼 콘텐츠 위주로 제공하는 서비스에 적절해요.
✔ 모바일 웹 앱
모바일 뱅킹의 일부 기능, 예매 시스템, 공공기관 등 앱을 설치하지 않고도 핵심 기능을 빠르게 제공하고자 하는 기업은 모바일 웹 앱 형태를 활용하는 것이 좋습니다.
✔ 하이브리드 앱
하이브리드 앱은 한 번 개발로 여러 플랫폼에 대응하고자 하는 서비스에 적합한데요. 클래스 101처럼 수시로 콘텐츠를 웹으로 업데이트하되, 푸시와 같은 앱 기능을 적극적으로 제공하는 서비스에 추천합니다.
✔ 프로그레시브 웹 앱(PWA)
프로그레시브 웹 앱(PWA)는 네이티브 앱보다 저렴한 비용으로 풍성한 앱 기능을 제공하고자 하는 기업에 추천합니다. 스타벅스가 네이티브 앱 외에도 PWA 서비스를 제공하며, 핀터레스트, BMW 등 여러 기업이 PWA를 적용해 사용자에게 편의성을 제공합니다.
PWA를 포함한 모바일 앱의 종류와 특징, 적합한 서비스를 살펴봤습니다. 필요한 앱 유형은 서비스 특성, 핵심 기능, 예산과 유지보수 조건에 따라 달라집니다.
어떤 종류의 앱을 만들어야 할지 막막하다면, 전 분야 IT 제작 및 컨설팅을 제공하는 개발 조직 다빈치에 문의하세요. 다빈치는 모바일 앱 개발은 물론, 웹사이트/웹 서비스 개발과 어드민/백오피스, RPA/자동화, AI 도입 등 다양한 IT 서비스를 여러 기업에 제공해 왔습니다.
더 자세한 내용은 아래 링크를 클릭해 문의해 주세요.