앱 생태계

PWA vs WebView 앱, 뭐가 다를까?

둘 다 웹사이트를 앱으로 만드는 방법입니다. 그런데 쇼핑몰에는 하나만 맞습니다.

웹사이트가 있으면 앱으로 만들 수 있는 방법이 두 가지 있습니다. 하나는 PWA, 하나는 WebView 앱 입니다.


이름은 달라도 기본 개념은 같습니다. "이미 있는 웹사이트를 앱처럼 쓸 수 있게 한다." 그런데 실제로 써보면 꽤 다릅니다. 어떻게 다른지 하나씩 살펴볼게요.


image


PWA가 뭔가요?

PWA는 Progressive Web App의 줄임말입니다. 앱을 따로 개발하지 않고, 웹사이트 자체를 앱처럼 동작하게 만드는 방식입니다.

사용자가 웹사이트에 접속하면 브라우저가 "이 사이트를 홈 화면에 추가할까요?" 라고 물어봅니다. 추가하면 앱 아이콘이 생기고, 열면 주소창 없이 앱처럼 실행됩니다.

별도로 앱을 만든 게 아닙니다. 그냥 웹사이트인데, 앱처럼 보이게 한 것입니다.


PWA가 동작하려면 세 가지가 필요합니다

Service Worker : 앱이 꺼져 있어도 백그라운드에서 동작하는 작은 프로그램입니다. 캐시를 관리해서 오프라인에서도 페이지를 보여주고, 푸시 알림도 이걸로 처리합니다.

Web App Manifest : 앱 이름, 아이콘, 배경색 등을 정의하는 설정 파일입니다. 브라우저가 이 파일을 보고 "홈 화면에 추가" 옵션을 활성화합니다.

HTTPS : Service Worker는 보안 연결에서만 동작합니다. 이미 SSL 인증서가 있다면 추가 작업 없이 충족됩니다.

image


WebView 앱이 뭔가요?

WebView 앱은 앱 안에 브라우저 창을 넣은 구조입니다.

겉보기에는 일반 앱과 똑같습니다. 앱 스토어에서 설치하고, 아이콘을 눌러 실행합니다. 그런데 내부를 들여다보면 앱이 브라우저를 품고 있고, 그 브라우저가 내 웹사이트를 불러오는 방식입니다.

카카오톡에서 링크를 탭했을 때 앱을 나가지 않고 내부에서 웹페이지가 열리는 경험, 그게 WebView와 같은 원리입니다.

구조는 이렇습니다.

앱 껍데기 (Android / iOS)
└── WebView 창
└── 내 웹사이트

웹사이트를 수정하면 앱 업데이트 없이 바로 반영됩니다. 서버에서 바꾸면 끝이기 때문입니다.


image


가장 큰 차이점 3가지

1. 앱 스토어에 올라가냐, 안 올라가냐

WebView 앱은 Google Play Store, Apple App Store에 정식 등록됩니다. "앱 있어요?" 했을 때 스토어에서 검색해서 설치할 수 있고, 앱 아이콘이 자동으로 홈 화면에 생깁니다.

PWA는 스토어에 등록되지 않습니다. 사용자가 직접 웹사이트에 들어와서 "홈 화면에 추가"를 눌러야 합니다. 이 과정을 모르는 사람이 많아서 실제 설치율이 낮습니다.

쇼핑몰처럼 신규 고객이 중요한 서비스라면 이 차이가 크게 느껴집니다.


2. iOS에서 잘 되냐, 안 되냐

PWA의 가장 큰 약점은 iPhone입니다.

PWA는 Safari 브라우저에 완전히 의존하는데, Apple이 오랫동안 PWA 기능을 제대로 지원하지 않았습니다. 푸시 알림은 2023년에야 겨우 지원됐고, 오프라인 동작은 아직도 불안정한 경우가 있습니다. 무엇보다 홈 화면 추가가 Safari에서만 됩니다. Chrome이나 다른 브라우저로 접속하면 그 기능 자체가 없습니다.

WebView 앱은 Android와 iOS 모두 동일하게 동작합니다.


3. SNS 로그인이 되냐, 안 되냐

카카오, 네이버, 구글 로그인이 필요한 서비스라면 꼭 확인해야 할 부분입니다.

PWA에서 SNS 로그인은 OAuth 리다이렉트 방식으로 처리됩니다. 문제는 WebView 환경에서 이 흐름이 자주 끊긴다는 점입니다. 구글은 아예 WebView에서의 OAuth 인증을 정책상 차단했습니다.

WebView 앱은 App-to-App 방식을 쓸 수 있습니다. 로그인 버튼을 누르면 카카오 앱이나 구글 앱이 직접 열려서 인증하고 돌아오는 방식입니다. 훨씬 안정적입니다.


image



그래서 어떤 걸 써야 하나요?

PWA가 맞는 경우

뉴스, 블로그처럼 콘텐츠 중심 서비스에 적합합니다. 앱 개발 없이 빠르게 앱 경험을 주고 싶을 때, 오프라인에서도 읽을 수 있게 하고 싶을 때 유용합니다. 단, 웹 개발자가 있어서 Service Worker를 직접 관리할 수 있는 환경이어야 합니다.

WebView 앱이 맞는 경우

쇼핑몰, 예약 서비스, 커뮤니티처럼 로그인과 결제가 들어가는 서비스라면 WebView 앱이 낫습니다. 앱 스토어에 올려서 신규 고객을 유입하고 싶을 때, iOS 사용자가 많을 때, SNS 로그인이 필수일 때도 마찬가지입니다.

한 줄로 정리하면, 이미 웹사이트가 있고 앱 스토어에 올리고 싶다면 WebView 앱입니다.

image


WebView 앱, 직접 만들기 어렵지 않나요?

WebView 앱의 한 가지 단점은 만드는 과정이 복잡하다는 겁니다. Android는 Android Studio, iOS는 Xcode를 써야 하고, 앱 서명, 스토어 등록까지 처음 하는 사람에게는 생소한 과정이 많습니다.

AppBox는 이 과정을 웹에서 클릭 몇 번으로 해결합니다. 웹사이트 주소를 넣고 아이콘과 이름을 설정하면 30초 안에 Android, iOS 앱이 모두 빌드됩니다. 스토어 등록용 파일도 바로 받을 수 있습니다.





정리

PWA와 WebView 앱은 "웹사이트를 앱처럼 보이게 한다"는 목표는 같지만 구조와 경험이 다릅니다.

PWA는 앱 스토어 없이 빠르게 배포할 수 있고, 오프라인 지원과 캐싱이 강점입니다. 다만 iOS 제약과 낮은 설치율이 현실적인 한계입니다.

WebView 앱은 앱 스토어에 정식 등록되고, iOS와 Android 모두 안정적으로 동작하며, SNS 로그인도 문제없습니다. 쇼핑몰이나 비즈니스 앱이라면 대부분 WebView 앱이 맞습니다.

어떤 방식이 맞는지 모르겠다면 이렇게 생각하면 됩니다. 내 서비스가 앱 스토어에 없어도 괜찮다면 PWA, 스토어에 있어야 한다면 WebView 앱입니다.


써보는 게 제일 빠릅니다

써보는 게 제일 빠릅니다

써보는 게
제일 빠릅니다

지금 바로 실행해 보세요. 고객님의 비즈니스 성장은 생각보다 가까이 있습니다.

지금 바로 실행해 보세요. 고객님의 비즈니스 성장은 생각보다 가까이 있습니다.

지금 바로 실행해 보세요. 고객님의
비즈니스 성장은 생각보다 가까이 있습니다.

www.naver.com
QR 코드를 촬영하면 입력하신 주소의
앱 예시 화면을 테스트할 수 있습니다.
* 스캔 후 바로 앱 다운로드 이동합니다.