모바일 / 앱

웹뷰(WebView)

웹뷰(WebView)는 모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역입니다.

쉬운 설명

모바일 앱 안에서 웹페이지나 웹 기반 화면을 보여주는 내장 브라우저 영역.

배경과 쓰임까지 이해하기

조금 더 자세히

웹뷰(WebView)는 모바일 앱 안에서 웹페이지를 보여주는 내장 브라우저 영역입니다. 앱 안의 공지나 고객지원 페이지를 표시하거나 하이브리드 웹앱의 주요 화면을 실행할 때 사용합니다.

일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기 동작이 다를 수 있어 앱 환경에서 검증해야 합니다. 한마디로, 웹뷰는 앱 화면 안에 들어간 작은 브라우저입니다.

실제로는 이렇게 만나요

앱 안의 공지, 결제 안내, 고객지원 페이지나 하이브리드 웹앱의 주요 화면을 WebView로 표시할 수 있습니다.

  • 이런 거 할 때 나와요 앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.
  • 이렇게 생겼어요 웹뷰(WebView)은(는) Hybrid Web App, Mobile Optimization, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
  • 나오는 화면 예시 모바일 / 앱 작업을 하다가 Hybrid Web App, Mobile Optimization, Frontend를 확인하는 화면

헷갈리기 쉬운 점

일반 브라우저와 쿠키, 파일 업로드, 새 창, 뒤로 가기, 보안 정책이 다를 수 있어 실제 앱 환경에서 검증해야 합니다.

왜 알아두면 좋을까요?

앱을 벗어나 외부 브라우저를 열지 않고 웹 콘텐츠를 보여주거나 웹 화면과 네이티브 앱 기능을 결합할 수 있습니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    허용할 주소와 이동 범위를 제한한다

  2. 02

    로그인과 뒤로 가기 동작을 확인한다

  3. 03

    웹과 앱 사이 메시지를 검증한다

관계 지도