참고자료 |
User-Agent MDN
userAgent가 복잡해진 이유 & 브라우저의 역사 알아보기
Mobile WebView 살펴보기 - Medium
웹뷰(WebView) - 토스 페이먼츠
App에서 웹뷰(WebView)는 왜 쓰는 것일까? 웹뷰의 장점과 단점, 웹뷰란?
웹뷰와 모바일뷰 대응을 하던 중 사용된
userAgent를 비롯한 웹뷰, 모바일뷰의 개념에 대해 정리한 문서
- WebView : 모바일
앱내 웹 화면- MobileView : 모바일
브라우저내 화면
userAgent 은 HTTP 요청을 보내는 디바이스와 브라우저 등 사용자 소프트웨어의 식별 정보를 담고 있는 request header 의 한 종류이다.
userAgent 가 사용되는 곳은 대개 웹 분야로, HTTP 요청을 보내는 디바이스와 브라우저라 함은 대개 웹 브라우저를 뜻한다.
⭐️ 여기서 웹 페이지에 접속할 때 각 플랫폼에 맞는 페이지, 즉 모바일 페이지나 데스크탑용 페이지로 연결하려면 거기에 맞는 정보가 필요한데, 그 정보가 바로 userAgent 이다.
userAgent 는 왜 필요한가?
userAgent 는 웹 브라우저별로 맞춤형 서비스를 제공하기 위해 만들어졌다.
- 특정 브라우저에서만 제공하는 기능이 있는 경우, 서버에서는
userAgent를 읽어서 분기 처리를 해준다. - 로그를 남길 때 사용자가 어느 기기, 어떤 환경에서 접근했는지 정보를 얻어낼 때도 사용한다.
WebView 란
각 운영체제(OS)별 내장된 웹 브라우저를 앱에서 표현할 수 있는 방법을 뜻한다.
즉, WebView를 이용하면 앱 내에서 웹페이지를 호출하여 하이브리드 형태의 앱을 개발하는데 유용하게 사용이 가능하다.
WebView를 사용하는 이유
기술적 한계 때문이라고 할 수 있다.
- ex) 결제 모듈 - App 내에서 결제 모듈을 사용해야 할 때, App으로 새로 개발하기에는 시간이 많이 걸리기 때문에 WebView를 끌어다가 사용하는 것
이런 경우 웹뷰를 이용한 하이브리드앱을 개발한다면 개발 속도가 빨라진다.
이 외에도 웹뷰 부분은 앱 심사 없이도 업데이트가 가능하기 때문에 빠른 배포가 가능하다.
WebView 사용 시 주의해야 할 점
브라우저 기반이기 때문에 Native API를 직접 가져다 쓸 수 없으며, 기기와 직접적인 연동이 어렵다.
- 웹뷰는 브라우저를 띄우는 개념이기 때문에 디바이스를 컨트롤 할 수 없음
또한, 웹뷰만으로 이루어진 앱은 스토어 심사가 어려울 수 있다.
- 허가 없는 웹사이트를 무단으로 사용하거나, 웹사이트만 보여주는 단순한 앱이 스토에 등록되는 걸 방지하고 있기 때문
