모바일 / 앱
웹뷰(WebView)
웹뷰(WebView)는 모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역입니다.
쉬운 설명
모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역.
배경과 쓰임까지 이해하기
조금 더 자세히
웹뷰(WebView)는 모바일 앱 안에서 웹페이지를 보여주는 내장 브라우저 영역입니다. 앱 안의 공지나 고객지원 페이지를 표시하거나 하이브리드 웹앱의 주요 화면을 실행할 때 사용합니다.
일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기 동작이 다를 수 있어 앱 환경에서 검증해야 합니다. 한마디로, 웹뷰는 앱 화면 안에 들어간 작은 브라우저입니다.
실제로는 이렇게 만나요
앱 안의 공지, 결제 안내, 고객지원 페이지나 하이브리드 웹앱의 주요 화면을 WebView로 표시할 수 있습니다.
- 이런 거 할 때 나와요 앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.
- 이렇게 생겼어요 웹뷰(WebView)은(는) Hybrid Web App, Mobile Optimization, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 모바일 / 앱 작업을 하다가 Hybrid Web App, Mobile Optimization, Frontend를 확인하는 화면
헷갈리기 쉬운 점
일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기, 보안 정책이 다를 수 있어 실제 앱 환경에서 검증해야 합니다.
왜 알아두면 좋을까요?
앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.
Checklist
실제로 볼 때 확인할 것
- 01
허용할 주소와 이동 범위를 제한한다
- 02
로그인과 뒤로 가기 동작을 확인한다
- 03
웹과 앱 사이 메시지를 검증한다
관계 지도
현재 개념 웹뷰(WebView)
함께 보면 좋은 개념
하이브리드 웹앱(Hybrid Web App) 웹 기술로 만든 화면을 네이티브 앱 컨테이너 안에서 실행하는 앱 방식. 모바일 최적화(Mobile Optimization) 모바일 최적화는 작은 화면과 터치·입력·통신 환경을 고려해 휴대전화에서 서비스를 쓰기 편하게 개선하는 작업입니다. 프론트엔드(Frontend) 프론트엔드는 사용자가 앱에서 보고 조작하는 화면과 그 화면의 동작을 만드는 부분입니다. API 프로그램이 다른 프로그램의 기능이나 데이터를 정해진 방식으로 요청하는 연결 규칙.