프로젝트

일반

사용자정보

Actions

지원 #22

진행중

Android Studio 최신버전에서 WebView 구현 가이드 작성

minkyu park이(가) 4달 전에 추가함.

상태:
신규
우선순위:
보통
담당자:
시작일:
2025/09/08
완료일:
진척도:

0%

추정시간:

설명

Android Studio 최신버전에서 WebView 구현 가이드 작성

📦 1. 프로젝트 생성

  • Android Studio 실행
  • [New Project] → [Empty Views Activity] 선택
  • 프로젝트 이름 및 패키지 설정
  • 언어: Kotlin
  • 최소 SDK: 필요에 따라 선택 (API 21 이상 권장)

🌐 2. 인터넷 권한 추가

<!-- AndroidManifest.xml -->
<uses-permission android:name="android.permission.INTERNET" />
<application
    android:usesCleartextTraffic="true" <!-- HTTP 접근 허용 (HTTPS만 사용할 경우 생략 가능) -->
    ... >
</application>

🧱 3. WebView 레이아웃 추가

<!-- res/layout/activity_main.xml -->
<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

🧠 4. WebView 초기화 및 설정

// MainActivity.kt
import android.os.Bundle
import android.webkit.WebView
import android.webkit.WebViewClient
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val webView = findViewById<WebView>(R.id.webview)
        webView.webViewClient = WebViewClient() // 내부에서 페이지 로드

        val webSettings = webView.settings
        webSettings.javaScriptEnabled = true // 자바스크립트 활성화

        webView.loadUrl("https://www.example.com") // 원하는 URL로 변경
    }
}

🧪 5. 디버깅 팁

  • WebView가 빈 화면일 경우:
    • 인터넷 권한 확인
    • HTTPS가 아닌 경우 usesCleartextTraffic 설정 확인
    • JavaScript가 필요한 페이지라면 settings.javaScriptEnabled = true 확인
  • Chrome에서 디버깅:
    • USB 디버깅 활성화 후 chrome://inspect 접속

🧰 6. 추가 설정 (선택 사항)

  • WebChromeClient 설정 → 알림창, 전체화면 등 지원
  • JavaScript 인터페이스 추가 → 웹과 앱 간 데이터 교환
  • WebView 캐시/히스토리 관리
Actions

내보내기 Atom PDF