프로그레시브 웹 앱(PWA)

PWA는 ‘Progressive Web Apps’의 줄인 말로 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공합니다. 설치할 필요가 없기 때문에 사용자는 앱을 다운로드하거나 업데이트하는 불편함이 없고 웹 브라우저에서 쉽게 액세스 할 수 있습니다. 이러한 구조는 앱이 사용자의 디바이스에 저장되는 것과는 달리, PWA는 웹 브라우저에서 바로 실행되며, 사용자는 홈 화면에 아이콘을 추가해 쉽고 빠르게 앱을 방문할 수 있습니다 또한 앱의 업데이트가 쉽게 이루어지며, 알림을 허용한 사용자에게는 푸시 알림을 보낼 수 있습니다.

프로그레시브 웹 앱(PWA) 장점

1. APP

PWA는 일반 웹사이트와는 다르게 앱과 비슷한 사용자 경험을 제공합니다. 전체 화면 모드로 표시 되어 앱과 유사한 외관을 가지고 있습니다.

2.WEP

앱이 사용자의 디바이스에 저장되는 것과는 달리, PWA는 웹 브라우저에서 바로 실행 되므로 사용자는 홈 화면에 아이콘을 추가해 쉽고 빠르게 앱을 방문할 수 있습니다. 또한, 스토어에서 다운로드하고 설치할 필요가 없기 때문에 사용자에게 매우 편리한 기능을 제공합니다.

3. 푸시알림

PWA는 일반적인 앱처럼 푸시 알림을 보낼 수 있습니다. 푸시 알림을 보내기 위해서는 사용자가 사이트에 방문했을 때 알림 허용 메시지를 띄워 ‘차단’ 또는 ‘ 허용’을 선택할 수 있고, 알림을 허용한 사용자에게는 푸시 알림을 보낼 수 있습니다. 브라우저를 닫고 있는 사용자에게도 푸시 알림을 보낼 수 있어서 사용자와의 접촉 횟수를 늘릴 수 있습니다.

4. 보안

PWA는 https에서만 사용이 가능합니다. 이것은 일반 인터넷 데이터보다 더욱 보안이 강화되어 있다는 것을 의미합니다. 이러한 보안 강화는 PWA가 안전하고 안정적인 온라인 환경을 제공할 수 있는 이유 중 하나이며, 사용자들이 더욱 안심하고 PWA를 이용할 수 있도록 도와줍니다.

5. 표시속도의 고속화

PWA에는 프리캐시 기능이 있어, 사용자가 페이지를 읽고 있는 동안 다음 페이지의 데이터를 읽어 들일 수 있기 때문에 페이지의 표시속도를 향상할 수 있습니다.

모바일 브라우저와의 차이점

• 읽기 속도 PWA는 프리캐시 기능이 있어 페이지를 보는 동안 다음 페이지를 미리 읽어 들입니다. 네트워크의 품질에 관계없이 빠르게 표시되기 때문에 사용자는 보다 빠르게 사이트를 열람할 수 있습니다. 또한 백그라운드에서 업데이트하기 때문에 다시 로드할 필요도 없습니다.
• 앱과 같은 인터페이스 기존의 모바일 브라우저에 비해 사용자 인터페이스의 자유도가 높아집니다. 전체화면 모드 표시가 가능하여 앱과 같이 사용자의 몰입감을 높일 수 있습니다. 등록·주문·결제·연락처 등의 기능을 원활하게 구축할 수 있습니다.
• 사용자와의 접촉 기회 증가 사용자의 허가가 있으면 앱과 같이 홈 화면에 아이콘 추가 및 푸시 알림도 가능하기 때문에, 사용자와의 접촉 빈도가 증가할 수 있습니다.

앱과의 차이점

가장 큰 차이점은, 앱스토어를 통해 다운로드 및 설치할 필요가 없다는 것입니다. 이것은 개발의 자유도를 높여줍니다. 즉, Apple과 Google의 정책에 구속될 필요가 없으며, 심사를 통과할 필요도 없어 곧바로 공개할 수 있습니다.

또한, 플랫폼별로 앱을 개발할 필요가 없고 오직 하나의 PWA를 구축하는 것만으로, 장치에 관계없이 일관된 내용을 제공할 수 있습니다.

웹 푸시 알림 허용 브라우저

최근까지도 ios에서만 웹 푸시 알림의 사용이 불가했었는데요, 최근 ios 16.4 버전이 업데이트되면서 ios에서도 웹 푸시 알림을 받아볼 수 있게 되었습니다.
관련 아티클 : IOS 16.4 – 모바일 웹 푸시 알림 기능 제공

iOS 및 iPadOS 사용 현황

2023년 2월 14일 기준 아이폰 사용자의 72%가 iOS 16을 사용하고 있으므로, 웹 푸시 알림을 받을 수 있는 사용자는 빠른 속도로 증가할 것으로 예상됩니다.