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로: 앱은
WebView에 JavaScript 코드를 삽입하거나 웹페이지의 콘텐츠를 조작하거나 웹페이지에서 트리거된 이벤트에 응답할 수도 있습니다.
WebView와 브라우저의 차이점
WebView는 웹으로 연결되는 창의 핵심 기능을 제공하는 맞춤설정 가능한 구성요소입니다. 탐색 메뉴와 기타 사용자 인터페이스 요소를 제공하여 웹을 더 광범위하게 탐색할 수 있는 브라우저와 달리 WebView의 전반적인 환경은 앱의 디자인과 목적에 따라 달라집니다.
WebView가 표준 브라우저와 어떻게 다른지 자세히 알아보려면 다음 설명을 참고하세요.
UI: WebView는 웹 콘텐츠를 표시하는 데 사용되며 대부분의 다른 일반적인 브라우저와 달리 자체 헤더나 UI(예: 홈 버튼, 주소 표시줄, 설정 메뉴)가 없습니다.
기능: 많은 브라우저에는 북마크, 권한, 기록과 같이 탐색 환경을 개선하는 기능이 내장되어 있습니다.
업데이트: Android WebView는 Android의 시스템 서비스이므로 업데이트가 매월 자동으로 푸시되고 앱에 통합됩니다.
브라우저는 해당 앱 업데이트에 의존하며 최종 사용자가 기기에 업데이트를 적용해야 합니다.
시작하기
앱에서 WebView를 사용하는 방법에 관한 자세한 내용은 WebView에서 웹 앱 빌드 문서를 참고하세요.
추가 리소스
WebView 객체 또는 맞춤 탭을 사용하여 Android 기반 기기용 웹페이지를 개발하려면 다음 문서를 참고하세요.
WebView에서 웹 앱 빌드WebView객체 관리- 웹 앱에서 다양한 화면 지원
- 웹 앱 디버그
- 웹 앱 권장사항
WebView베타 선택- 삽입된 웹을 사용한 인앱 탐색
- Android 맞춤 탭 개요