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