search

cyberman0306 / govDietAndroidApp

0 stars 0 forks source link

이미지 저장 #2

Open cyberman0306 opened 10 months ago

cyberman0306 commented 10 months ago

안드로이드 코틀린에서 Jetpack Compose를 사용하여 웹 페이지의 HTML에서 img 태그의 src URL을 찾아 화면에 이미지를 띄우는 기본적인 샘플 코드를 제공하겠습니다. 이 코드는 WebView를 사용하여 웹 페이지를 로드하고, JavaScript를 이용하여 HTML 내부의 img 태그들을 찾아 그 src 속성을 추출한 후, Compose UI에서 이미지를 표시하는 방법을 보여줍니다.

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.runtime.*
import androidx.compose.ui.viewinterop.AndroidView
import android.webkit.WebView
import android.webkit.WebViewClient

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            var imageUrls by remember { mutableStateOf(listOf<String>()) }

            // WebView를 통해 웹페이지 로드
            AndroidView(factory = { context ->
                WebView(context).apply {
                    webViewClient = object : WebViewClient() {
                        override fun onPageFinished(view: WebView, url: String) {
                            // JavaScript를 사용하여 img 태그들의 src 속성 추출
                            view.evaluateJavascript(
                                "(function() { return Array.from(document.getElementsByTagName('img')).map(img => img.src); })();"
                            ) { result ->
                                // JSON 형태의 결과를 Kotlin List로 변환
                                imageUrls = result.removePrefix("[").removeSuffix("]")
                                    .split(',').map { it.trim('"') }
                            }
                        }
                    }
                    loadUrl("https://www.example.com") // 웹 페이지 URL
                }
            })

            // 추출된 이미지 URL들을 화면에 표시
            LazyColumn {
                items(imageUrls) { imageUrl ->
                    // 여기서 이미지를 로드하여 표시하는 방법을 구현
                }
            }
        }
    }
}

이 코드는 다음과 같은 단계로 작동합니다:

  1. WebView를 사용하여 웹페이지를 로드합니다.
  2. 페이지 로딩이 완료되면, JavaScript를 실행하여 모든 img 태그의 src 속성을 추출합니다.
  3. 추출된 이미지 URL들을 imageUrls 리스트에 저장합니다.
  4. LazyColumn을 사용하여 imageUrls 리스트에 있는 각 이미지 URL에 대한 UI를 구성합니다.

이 예제에서는 실제 이미지를 로드하고 표시하는 방법은 구현되어 있지 않습니다. 이미지 로딩을 위해서는 외부 라이브러리(예: Coil, Picasso)를 사용하거나, Image 컴포넌트와 같은 추가적인 Compose UI 요소를 사용해야 합니다.

cyberman0306 commented 10 months ago

이미지의 URL을 가져온 후, 해당 이미지를 안드로이드 기기의 내부 저장소에 저장하고, 저장된 이미지를 불러와서 표시하는 로직을 구현하는 방법에 대해 설명드리겠습니다. 이를 위해 Kotlin에서 파일 I/O와 Jetpack Compose UI를 사용합니다.

1. 이미지 저장 로직

먼저 URL에서 이미지를 다운로드하고 내부 저장소에 저장하는 함수를 만듭니다. 이 예제에서는 Coroutine을 사용하여 비동기적으로 처리합니다.

import android.content.Context
import android.graphics.Bitmap
import android.graphics.BitmapFactory
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.withContext
import java.io.FileOutputStream
import java.io.InputStream
import java.net.URL

suspend fun downloadAndSaveImage(context: Context, imageUrl: String, filename: String) {
    withContext(Dispatchers.IO) {
        val url = URL(imageUrl)
        val connection = url.openConnection()
        connection.connect()
        val inputStream: InputStream = connection.getInputStream()
        val bitmap: Bitmap = BitmapFactory.decodeStream(inputStream)
        saveImageToInternalStorage(context, bitmap, filename)
    }
}

fun saveImageToInternalStorage(context: Context, bitmap: Bitmap, filename: String) {
    context.openFileOutput(filename, Context.MODE_PRIVATE).use { fos ->
        bitmap.compress(Bitmap.CompressFormat.PNG, 100, fos)
    }
}

2. 내부 저장소에서 이미지 불러오기

이제 저장된 이미지를 불러오는 함수를 작성합니다.

import android.graphics.BitmapFactory

fun loadImageFromInternalStorage(context: Context, filename: String): Bitmap? {
    return try {
        val fileInputStream = context.openFileInput(filename)
        BitmapFactory.decodeStream(fileInputStream)
    } catch (e: Exception) {
        null
    }
}

3. Jetpack Compose UI에 이미지 표시

마지막으로, Jetpack Compose UI에서 내부 저장소에서 불러온 이미지를 표시합니다. 이를 위해 Image 컴포넌트를 사용합니다.

import androidx.compose.runtime.Composable
import androidx.compose.ui.graphics.asImageBitmap
import androidx.compose.foundation.Image

@Composable
fun DisplayImageFromInternalStorage(context: Context, filename: String) {
    val bitmap = loadImageFromInternalStorage(context, filename)

    bitmap?.let {
        Image(bitmap = it.asImageBitmap(), contentDescription = null)
    }
}

이 코드는 Coroutine을 사용하여 이미지 다운로드를 백그라운드에서 수행하고, 내부 저장소에 저장한 후, 해당 이미지를 불러와서 Jetpack Compose UI에서 표시합니다. 필요에 따라 CoroutineScope와 ViewModel을 사용하여 이 로직을 더 효과적으로 관리할 수 있습니다.

cyberman0306 commented 10 months ago

안드로이드 애플리케이션에서 제가 제공한 downloadAndSaveImage 함수를 사용하는 예시를 보여드리겠습니다. 이 예시에서는 ViewModel과 Coroutine을 사용하여 이미지를 비동기적으로 다운로드하고 저장합니다.

먼저, 이미지를 다운로드하고 저장하는 ViewModel을 생성합니다:

import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import kotlinx.coroutines.launch

class MyViewModel(private val context: Context) : ViewModel() {
    fun downloadImage(imageUrl: String, filename: String) {
        viewModelScope.launch {
            downloadAndSaveImage(context, imageUrl, filename)
        }
    }
}

다음으로, 이 ViewModel을 사용하여 Activity나 Fragment에서 이미지를 다운로드하고 저장하는 방법입니다:

class MyActivity : AppCompatActivity() {
    private lateinit var viewModel: MyViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_my)

        viewModel = ViewModelProvider(this).get(MyViewModel::class.java)

        val imageUrl = "https://example.com/image.jpg" // 다운로드할 이미지 URL
        val filename = "myImage.png" // 저장할 파일 이름

        viewModel.downloadImage(imageUrl, filename)
    }
}

이 예시에서는 ViewModel의 downloadImage 함수를 호출하여 이미지를 다운로드하고 내부 저장소에 저장합니다. ViewModel 내부에서 Coroutine을 사용하여 네트워크 작업을 백그라운드에서 수행하고, UI 스레드를 차단하지 않습니다.

이렇게 하면 MyActivity의 onCreate 메소드에서 지정된 URL의 이미지를 다운로드하고, 지정된 파일 이름으로 내부 저장소에 저장할 수 있습니다.

cyberman0306 commented 10 months ago

이미 같은 이름의 파일이 존재하는 경우 저장하지 않도록 하는 예외 처리를 추가하기 위해서는, 파일을 저장하기 전에 해당 파일이 이미 존재하는지 확인해야 합니다. 이를 위해 File.exists() 메서드를 사용할 수 있습니다. 아래 코드는 downloadAndSaveImage 함수에 이러한 예외 처리를 추가한 예시입니다:

suspend fun downloadAndSaveImage(context: Context, imageUrl: String, filename: String) {
    withContext(Dispatchers.IO) {
        // 파일 경로 확인
        val file = File(context.filesDir, filename)
        if (!file.exists()) {
            // 파일이 존재하지 않는 경우, 다운로드 및 저장 수행
            val url = URL(imageUrl)
            val connection = url.openConnection()
            connection.connect()
            val inputStream: InputStream = connection.getInputStream()
            val bitmap: Bitmap = BitmapFactory.decodeStream(inputStream)
            saveImageToInternalStorage(context, bitmap, filename)
        }
        // 파일이 이미 존재하는 경우, 함수는 아무것도 하지 않음
    }
}

fun saveImageToInternalStorage(context: Context, bitmap: Bitmap, filename: String) {
    context.openFileOutput(filename, Context.MODE_PRIVATE).use { fos ->
        bitmap.compress(Bitmap.CompressFormat.PNG, 100, fos)
    }
}

이 코드에서는 downloadAndSaveImage 함수가 호출될 때, 먼저 context.filesDir을 사용하여 내부 저장소의 파일 디렉토리를 참조합니다. 그런 다음 File 객체를 생성하여 파일이 이미 존재하는지 확인합니다. 파일이 존재하지 않는 경우에만 다운로드 및 저장 과정을 진행합니다.

이 방식을 사용하면 같은 이름의 파일이 이미 있을 때는 새 파일을 다운로드하고 저장하는 것을 방지할 수 있습니다.

cyberman0306 commented 10 months ago

이미지 파일들을 삭제하는 함수를 작성하고, 다른 데이터가 삭제될 가능성을 최소화하는 방법에 대해 설명하겠습니다.

이미지 삭제 함수

내부 저장소에 저장된 특정 이미지 파일을 삭제하는 함수는 다음과 같습니다. 이 함수는 파일의 이름을 매개변수로 받아 해당 파일을 내부 저장소에서 삭제합니다.

fun deleteImageFromInternalStorage(context: Context, filename: String): Boolean {
    val file = File(context.filesDir, filename)
    return if (file.exists()) {
        file.delete()
    } else {
        false
    }
}

이 함수는 파일이 존재하는 경우 해당 파일을 삭제하고 true를 반환합니다. 파일이 존재하지 않는 경우에는 false를 반환합니다.

다른 데이터 삭제 가능성 최소화

다른 중요한 데이터가 삭제되는 것을 방지하기 위해 다음과 같은 조치를 취할 수 있습니다:

  1. 명확한 파일 이름 사용: 이미지 파일의 이름을 명확하고 고유하게 지정하여, 다른 중요한 파일과 혼동되지 않도록 합니다.

  2. 전용 폴더 사용: 이미지 파일을 저장할 때, 전용 폴더를 생성하여 그 안에 저장합니다. 이렇게 하면 애플리케이션의 다른 데이터와 구분이 쉬워집니다.

  3. 파일 타입 검증: 파일을 삭제하기 전에, 해당 파일이 이미지 파일인지(예: 확장자를 통해) 확인합니다.

  4. 사용자 확인 요청: 중요한 파일일 수 있으므로, 사용자에게 삭제 전에 확인을 요청하는 것이 좋습니다.

이러한 방법들을 통해 실수로 중요한 다른 데이터를 삭제하는 것을 방지할 수 있습니다.

cyberman0306 commented 10 months ago

이미지 파일들을 삭제하는 함수를 작성하고, 다른 데이터가 삭제될 가능성을 최소화하는 방법에 대해 설명하겠습니다.

이미지 삭제 함수

내부 저장소에 저장된 특정 이미지 파일을 삭제하는 함수는 다음과 같습니다. 이 함수는 파일의 이름을 매개변수로 받아 해당 파일을 내부 저장소에서 삭제합니다.

fun deleteImageFromInternalStorage(context: Context, filename: String): Boolean {
    val file = File(context.filesDir, filename)
    return if (file.exists()) {
        file.delete()
    } else {
        false
    }
}

이 함수는 파일이 존재하는 경우 해당 파일을 삭제하고 true를 반환합니다. 파일이 존재하지 않는 경우에는 false를 반환합니다.

다른 데이터 삭제 가능성 최소화

다른 중요한 데이터가 삭제되는 것을 방지하기 위해 다음과 같은 조치를 취할 수 있습니다:

  1. 명확한 파일 이름 사용: 이미지 파일의 이름을 명확하고 고유하게 지정하여, 다른 중요한 파일과 혼동되지 않도록 합니다.

  2. 전용 폴더 사용: 이미지 파일을 저장할 때, 전용 폴더를 생성하여 그 안에 저장합니다. 이렇게 하면 애플리케이션의 다른 데이터와 구분이 쉬워집니다.

  3. 파일 타입 검증: 파일을 삭제하기 전에, 해당 파일이 이미지 파일인지(예: 확장자를 통해) 확인합니다.

  4. 사용자 확인 요청: 중요한 파일일 수 있으므로, 사용자에게 삭제 전에 확인을 요청하는 것이 좋습니다.

이러한 방법들을 통해 실수로 중요한 다른 데이터를 삭제하는 것을 방지할 수 있습니다.

cyberman0306 commented 10 months ago

내부 저장소에 저장된 특정 형태의 파일들을 자동으로 찾아서 삭제하는 기능을 구현하려면, 저장된 파일들의 목록을 검색하고, 특정 패턴이나 규칙에 해당하는 파일들을 식별하여 삭제하는 로직을 작성해야 합니다. 예를 들어, 특정 확장자를 가진 파일이나 애플리케이션에서 생성된 특정 이름 규칙을 따르는 파일들을 대상으로 할 수 있습니다.

아래 예제 코드는 특정 확장자를 가진 모든 파일을 내부 저장소에서 찾아서 삭제하는 함수입니다:

fun deleteAllImagesFromInternalStorage(context: Context, extension: String) {
    val directory = context.filesDir
    val files = directory.listFiles()
    files?.forEach { file ->
        if (file.isFile && file.name.endsWith(".$extension")) {
            file.delete()
        }
    }
}

이 함수는 지정된 확장자를 가진 모든 파일을 찾아서 삭제합니다. 예를 들어, 모든 .png 파일을 삭제하려면 deleteAllImagesFromInternalStorage(context, "png")와 같이 호출할 수 있습니다.

주의사항

이 방법을 사용하면 파일 이름을 명시적으로 지정하지 않고도 특정 조건에 맞는 파일들을 자동으로 삭제할 수 있습니다.

cyberman0306 commented 10 months ago

네, 맞습니다. 제가 제시한 함수는 귀하의 앱의 내부 저장소(local storage)에 저장된 파일들을 삭제하는 기능을 제공합니다. 안드로이드에서 각 앱은 자신만의 격리된 저장 공간을 가지고 있으며, 이 공간에는 다른 앱들이 접근할 수 없습니다. 따라서, 귀하의 앱이 자신의 내부 저장소에서 파일을 삭제한다고 해서 다른 앱의 데이터를 삭제할 가능성은 없습니다.

안드로이드의 내부 저장소는 각 앱에게 개별적으로 할당되며, 다른 앱의 내부 저장소에 접근하거나 데이터를 변경하는 것은 안드로이드 보안 모델에 의해 엄격하게 제한됩니다. 따라서, 귀하의 앱이 내부 저장소에서 파일을 삭제하는 것은 오로지 귀하의 앱에 저장된 데이터에만 영향을 미치며, 다른 앱의 데이터에는 영향을 미치지 않습니다.

확장자 기반으로 파일을 삭제하는 경우에도 이러한 보안 규칙이 적용되므로, 오직 귀하의 앱이 관리하는 파일들만이 삭제 대상이 됩니다. 따라서, 다른 앱의 데이터를 실수로 삭제하는 일은 발생하지 않습니다.

하지만, 귀하의 앱 내부에서도 중요한 데이터가 삭제되지 않도록 주의를 기울여야 합니다. 예를 들어, 특정 확장자를 가진 모든 파일을 무분별하게 삭제하기 전에 해당 파일들이 실제로 삭제해도 되는지, 중요한 데이터는 아닌지를 철저히 검토하는 것이 중요합니다.

cyberman0306 commented 10 months ago

Jetpack Compose에서 TopAppBar 내의 버튼을 사용하여 deleteAllImagesFromInternalStorage 함수를 호출하려면, 이벤트 핸들러 내에서 해당 함수를 비동기적으로 실행해야 합니다. 이를 위해 LaunchedEffect 또는 viewModelScope 내의 코루틴을 사용할 수 있습니다.

먼저, deleteAllImagesFromInternalStorage 함수를 ViewModel에 포함시키는 것이 좋습니다. 그리고 Composable에서 버튼을 누를 때 이 함수를 호출하는 방법을 구현합니다.

ViewModel에 함수 추가

class MyViewModel : ViewModel() {
    fun deleteAllImages(context: Context, extension: String) {
        viewModelScope.launch {
            deleteAllImagesFromInternalStorage(context, extension)
        }
    }
}

TopAppBar에 버튼 추가 및 함수 호출

@Composable
fun MyScreen(viewModel: MyViewModel) {
    val context = LocalContext.current

    TopAppBar(
        title = { Text("My App") },
        actions = {
            IconButton(onClick = {
                viewModel.deleteAllImages(context, "png") // 예를 들어 PNG 파일 삭제
            }) {
                Icon(Icons.Filled.Delete, contentDescription = "Delete All Images")
            }
        }
    )
    // 다른 UI 컴포넌트들...
}

이 코드에서는 TopAppBar의 IconButton을 클릭할 때 viewModel.deleteAllImages 함수를 호출합니다. 이 함수는 ViewModel 내부에서 정의되어 있으며, viewModelScope를 사용하여 비동기적으로 실행됩니다.

주의사항

이러한 방식으로 TopAppBar의 버튼을 사용하여 특정 동작을 수행하는 기능을 Jetpack Compose 애플리케이션에 쉽게 추가할 수 있습니다.