Web / App / Web App / WebView

📢 Web, App, Web App, WebView 각각을 비교해서 이해해보자

 

※ 24년 작성한 글 이에요

 

 

사이드 프로젝트를 진행하며 어떤 것을 선택할까 고민하며 조사해봤어요

 

 

🧐 WebApp과 WebView?

Web, App 개발을 해봤지만 요즘 유행하는 WebApp, WebView을 비교해서 알아 놓으면 좋을 것 같았어요

 

 

🤔 각각의 사용 용도와 장/단점

Web

사용 용도

• 브라우저를 통한 서비스 접근

사용 이유

• 유저가 플랫폼 상관 없이 PC, 모바일, 태블릿 등 다양한 기기에서 접근 가능

장점

• 플랫폼 독립적 : iOS, Android 상관 없음
• 업데이트 용이
• 검색 엔진 노출

단점

• 디바이스 기능 접근 제한 : 카메라, GPS, 푸시 알림 등 디바이스 기능 접근 제한
• 오프라인 사용 못함
• 네이티브 앱에 비해 복잡한 인터랙션에 제약

 

App

사용 용도

• iOS, Android 같은 특정 플랫폼에 설치하여 사용 (Play Store, App Store)

사용 이유

• 디바이스 고유 기능 (카메라, GPS, 센서 등)을 최대한 활용
• 고성능 및 높은 반응 속도가 요구 되는 경우 사용

장점

• 디바이스 기능 사용 가능 (카메라, GPS, 푸시 알림 등)
• 오프라인 사용 가능 (네트워크 없어도 동작하도록 설계 가능)

단점

• 플랫폼 별 개발 필요 (iOS : swift, Android : Kotlin)
  • Flutter, React Native 라는 대안이 있긴 함
• 업데이트 번거로움 : 앱 스토어를 통해 업데이트 배포 및 사용자가 수동 업데이트 해야함
• 높은 개발 비용 : 다양한 플랫폼에 맞춘 개발과 유지보수 비용 필요

 

Web App

사용 용도

• Web 기술(HTML, CSS, Javascript)로 개발된 Application
• 네이티브 앱과 유사한 사용자 경험 제공
• Progressive Web App(PWA)가 대표적임

사용 이유

• 하나의 코드 베이스로 다양한 플랫폼에서 일관된 사용자 경험을 제공
• 네이티브 앱처럼 동작

장점

• 크로스 플랫폼 : 하나의 코드 베이스로 iOS, Android, 데스크톱 등 다양한 플랫폼에서 동일한 경험 제공
• 배포 용이 : 앱 스토어 거치지 않고 배포 및 업데이트 가능
• 오프라인 지원 : PWA의 경우, 오프라인에서도 기본적인 기능 제공

단점

• 디바이스 기능 접근 제한 (iOS의 경우 더 많이 제한)

 

WebView

사용 용도

• 네이티브 앱 내부에서 웹 페이지를 로딩
• 기존 웹 콘텐츠를 재사용하거나, 앱 내 일부 기능에 웹 기술을 적용

사용 이유

• 이미 존재하는 웹 콘텐츠를 네이티브 앱 안에 포함시켜 빠르게 개발

장점

• 빠른 개발 : 기존 웹 콘텐츠 재사용
• 유지보수 용이 : 웹뷰에 표시되는 웹 콘텐츠는 서버에서 관리되어 업데이트가 수시로 가능

단점

• 네이티브 앱 대비 성능 저하
• 브릿지 등을 통한 디바이스 기능 사용을 위한 추가 기능 구현

 

 

🛍️ Takeaway

Web App과 WebView의 차이를 알 수 있음