Android를 사용하면 앱 내에서 웹의 기능을 활용할 수 있습니다. 따라서 특정 유형의 콘텐츠를 표시하는 유연성과 효율성을 활용할 수 있습니다.
WebView를 사용하여 콘텐츠 삽입
WebView API를 사용하면 앱 내에서 웹 콘텐츠를 표시하기 위한 미니 브라우저의 기능에 액세스할 수 있습니다. 이를 통해 웹 기반 환경을 앱 내에서 핵심 또는 지원 부분으로 제공할 수 있습니다. 그림 1과 같이
WebView로 할 수 있는 작업
앱에서 WebView를 사용하여 다음 작업을 할 수 있습니다.
웹 삽입:
WebView는 버튼 또는 텍스트 필드와 마찬가지로 구성요소로 앱의 사용자 인터페이스에 통합됩니다.콘텐츠 로드:
WebView는 다양한 소스에서 웹 콘텐츠를 로드할 수 있습니다.- 원격 URL: 일반 브라우저와 마찬가지로 인터넷에서 웹페이지를 가져와 표시할 수 있습니다.
- 로컬 파일: 앱의 리소스 내에 저장된 HTML, CSS, JavaScript 파일을 로드할 수 있습니다.
- 동적으로 생성된 콘텐츠: 앱에서 HTML 콘텐츠를 동적으로 생성하여
WebView에 제공할 수 있습니다.
렌더링:
WebView는 브라우저 엔진을 사용하여 HTML, CSS, JavaScript를 파싱하고 렌더링하여 앱 UI의 지정된 영역 내에 결과 웹페이지를 표시합니다.JavaScript 실행:
WebView는 로드된 웹페이지의 컨텍스트 내에서 JavaScript 코드를 실행할 수 있습니다. 이를 통해WebView내에서 동적 상호작용과 업데이트가 가능합니다.앱과 상호작용:
WebView가 더 강력해지는 부분입니다. 웹페이지와 앱 간의 양방향 통신을 지원합니다.JavaScript에서 앱 코드로:
WebView에서 실행되는 JavaScript 코드는 앱의 호스트 API를 호출하여 카메라, GPS 또는 센서와 같은 기기 기능에 액세스할 수 있습니다.앱 코드에서 JavaScript로: 앱은 JavaScript 코드를
WebView에 삽입하거나 웹페이지의 콘텐츠를 조작하거나 웹페이지에서 트리거된 이벤트에 응답할 수도 있습니다.
WebView와 브라우저의 차이점
WebView는 웹으로 연결되는 창의 핵심 기능을 제공하는 고도로 맞춤설정된 구성요소입니다. 웹을 더 광범위하게 탐색하기 위한 탐색 메뉴와 기타 사용자 인터페이스 요소를 제공하는 브라우저와 달리 WebView의 전반적인 환경은 앱의 디자인과 목적에 따라 결정됩니다.
WebView와 표준 브라우저의 차이점을 더 잘 이해하려면 다음 설명을 참고하세요.
UI: WebView는 웹 콘텐츠를 표시하는 데 사용되며 대부분의 일반적인 브라우저(예: 홈 버튼, 주소 표시줄 또는 설정 메뉴)와 같은 자체
헤더 또는 UI가 없습니다.
기능: 많은 브라우저에는 북마크, 권한 또는 기록과 같은 탐색 환경을 개선하기 위한 기본 제공 기능이 있습니다.
업데이트: Android WebView는 Android의 시스템 서비스이므로 업데이트
가 매월 자동으로 푸시되고 앱에 통합됩니다.
브라우저는 해당 앱 업데이트에 의존하며 최종 사용자가 기기에 업데이트를 적용해야 합니다.
시작하기
앱에서 WebView를 사용하는 방법에 관한 자세한 내용은
WebView에서 웹 앱 빌드 문서를 참고하세요.
추가 리소스
WebView 객체 또는 맞춤 탭을 사용하여 Android 기반 기기용 웹페이지를 개발하려면 다음 문서를 참고하세요.
WebView에서 웹 앱 빌드WebView객체 관리- 웹 앱에서 다양한 화면 지원
- 웹 앱 디버그
- 웹 앱 권장사항
WebView베타 참여- 삽입된 웹을 사용한 인앱 탐색
- Android 맞춤 탭 개요