[kotlin] Jetpack Compose에서 웹 페이지 열기 및 웹 브라우징하기

11 Dec 2023

kotlin

Jetpack Compose는 사용자 인터페이스를 만들기 위한 모던한 툴킷으로, 안드로이드 앱의 UI를 만들고 관리하는 데 도움을 줍니다. 이 기술을 사용하여 웹 페이지를 열고 웹 브라우징하는 방법을 이해해 보겠습니다.

1. 웹 뷰 추가

우선, Jetpack Compose UI에서 웹 뷰를 추가해야 합니다. 아래와 같이 AndroidView를 사용하여 WebView를 추가할 수 있습니다.

import android.webkit.WebView
import android.webkit.WebViewClient
import androidx.compose.runtime.Composable
import androidx.compose.ui.viewinterop.AndroidView
import androidx.compose.foundation.layout.fillMaxSize

@Composable
fun WebViewComponent(url: String) {
    AndroidView(
        factory = { context ->
            WebView(context).apply {
                settings.javaScriptEnabled = true
                webViewClient = WebViewClient()
                loadUrl(url)
            }
        },
        update = { view ->
            view.loadUrl(url)
        },
        modifier = Modifier.fillMaxSize()
    )
}

위 코드는 Jetpack Compose에서 웹 뷰를 추가하고 URL을 로드하는 WebViewComponent를 정의합니다.

2. 사용하기

이제 WebViewComponent를 실제로 사용하여 웹 페이지를 불러와보겠습니다.

@Composable
fun MyScreen() {
    WebViewComponent(url = "https://www.example.com")
}

위와 같이 MyScreen 함수 내부에서 WebViewComponent를 사용하여 특정 URL의 웹 페이지를 로드할 수 있습니다.

결론

이제 Jetpack Compose를 활용하여 웹 페이지를 열고 브라우징하는 방법을 배웠습니다. 이를 통해 안드로이드 앱에 웹 콘텐츠를 통합하는 데 도움이 될 것입니다.

참고: Jetpack Compose 및 WebView에 대한 더 자세한 내용은 Android 개발자 문서를 참고하세요.

위 문서에서는 Jetpack Compose를 사용하여 WebView를 통한 웹 페이지 브라우징하는 방법을 설명했습니다. QTestorea.5