header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix 모바일 앱: 앱에 WebView 추가하기

4 분
WebView 요소를 사용해 기본 모바일 앱에 웹 콘텐츠를 삽입하면 외부 브라우저 없이도 원활하게 볼 수 있습니다. 자체 사이트 또는 외부 소스의 콘텐츠를 추가해 콘텐츠가 앱의 필수적인 부분처럼 느껴지도록 만들 수 있습니다. WebView 요소를 추가하면 사용자는 콘텐츠를 보기 위해 외부 브라우저를 열 필요가 없습니다. 

삽입된 콘텐츠의 크기를 사용자 지정하고 WebView 요소 내에서 삽입된 사이트 머리글 및 바닥글 표시를 제어할 수 있습니다.
참고:
이 요소는 기본 모바일 앱에서만 사용할 수 있는 만큼, 모바일 앱 프리미엄 플랜을 구매하세요.
외부 사이트가 앱에 삽입된 브랜드 앱을 보여주는 스크린샷

나만의 앱에 WebView 요소를 추가하려면:

대시보드
Wix 앱
Wix Studio 앱
  1. 대시보드의 모바일 앱으로 이동합니다.
  2. 모바일 앱 이름이 있는 탭을 클릭합니다. 
  3. 모바일 앱 편집을 클릭합니다. 
  4. 상단에서 화면 드롭다운을 클릭해 편집할 화면을 선택합니다. 
  5. 왼쪽에서 요소를 클릭합니다. 
  6. 삽입을 클릭한 후 WebView 요소를 선택합니다. 
  7. 오른쪽 패널에서 다음을 사용자 지정합니다. 
    • 콘텐츠: 삽입하고자 하는 사이트의 페이지 URL을 입력합니다. 
    • 레이아웃: WebView의 높이를 선택합니다.
      • 동적: WebView의 높이는 화면에 따라 자동으로 조정됩니다.
      • 고정: WebView의 높이를 픽셀 단위로 설정합니다.
    • 표시 옵션: 버튼을 활성화해 사이트 머리글 및 바닥글을 표시합니다. A screenshot showing how to customize your webview element on your desktop.
    • 여백: 여백 슬라이더를 끌어 WebView 주변의 여백을 조정합니다.
      참고: 개별 편집 아이콘을 클릭해 여백을 개별적으로 조정하세요. 
    • 기본 설정: 기본 설정을 클릭한 후 전체Android, iOS 중 요소를 표시할 기기를 선택합니다.
      참고: 회원이 모바일 기기에서 사용하는 운영 체제에 따라 사이트 요소를 표시하거나 숨길 수 있습니다. 요소는 기본적으로 모든 운영 체제에서 표시되지만 iOS, Android 또는 둘 다에서 표시할 항목을 결정할 수 있습니다.   
  8. 저장을 클릭합니다.