PWA vs WebView 앱, 뭐가 다를까?

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

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

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

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

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

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

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

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

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

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

구조는 이렇습니다.

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

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

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

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

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

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

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

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

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

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

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

PWA가 맞는 경우

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

WebView 앱이 맞는 경우

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

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

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

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

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

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

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

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