모바일 / 앱
웹뷰(WebView)
웹뷰(WebView)는 모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역입니다.
쉬운 설명
모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역.
배경과 쓰임까지 이해하기
조금 더 자세히
웹뷰(WebView)는 모바일 앱 안에서 웹페이지를 보여주는 내장 브라우저 영역입니다. 앱 안의 공지나 고객지원 페이지를 표시하거나 하이브리드 웹앱의 주요 화면을 실행할 때 사용합니다.
일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기 동작이 다를 수 있어 앱 환경에서 검증해야 합니다. 한마디로, 웹뷰는 앱 화면 안에 들어간 작은 브라우저입니다.
실제로는 이렇게 만나요
앱 안의 공지, 결제 안내, 고객지원 페이지나 하이브리드 웹앱의 주요 화면을 WebView로 표시할 수 있습니다.
- 이런 거 할 때 나와요 앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.
- 이렇게 생겼어요 웹뷰(WebView)은(는) Hybrid Web App, Mobile Optimization, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 모바일 / 앱 작업을 하다가 Hybrid Web App, Mobile Optimization, Frontend를 확인하는 화면
헷갈리기 쉬운 점
일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기, 보안 정책이 다를 수 있어 실제 앱 환경에서 검증해야 합니다.
왜 알아두면 좋을까요?
앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.
Checklist
실제로 볼 때 확인할 것
- 01
허용할 주소와 이동 범위를 제한한다
- 02
로그인과 뒤로 가기 동작을 확인한다
- 03
웹과 앱 사이 메시지를 검증한다