[kotlin] Jetpack Compose에서 오프라인 작업 처리하기

11 Dec 2023

kotlin

앱을 개발하다보면 네트워크 연결 없이도 작업을 처리해야 하는 경우가 있습니다. 이러한 경우에는 오프라인 작업을 효율적으로 처리할 수 있는 메커니즘이 필요합니다. Jetpack Compose를 사용하면 오프라인 작업 처리를 간단하게 할 수 있습니다.

오프라인 작업 처리를 위한 ViewModel

ViewModel은 UI 관련 데이터를 저장하고 관리하는 데 사용됩니다. 오프라인 작업을 처리하기 위해서는 ViewModel에 해당 작업을 수행하는 메서드를 구현하고, 오프라인 상태를 파악하여 적절히 처리해야 합니다.

class MyViewModel : ViewModel() {
    private val _data = mutableStateOf<Data?>(null)
    val data: State<Data?> = _data

    fun fetchData() {
        if (isOffline()) {
            // 오프라인 상태 처리
        } else {
            // 네트워크에서 데이터 가져오기
        }
    }

    private fun isOffline(): Boolean {
        // 오프라인 상태 여부 확인 로직 구현
    }
}

위의 예시에서 fetchData() 메서드에서는 오프라인 상태를 파악하여 적절히 처리하도록 구현되어 있습니다.

오프라인 상태 감지

오프라인 상태를 감지하기 위해서는 Android 시스템 서비스 중 ConnectivityManager를 사용할 수 있습니다.

private fun isOffline(context: Context): Boolean {
    val connectivityManager = context.getSystemService(Context.CONNECTIVITY_SERVICE) as ConnectivityManager
    val networkInfo = connectivityManager.activeNetworkInfo
    return networkInfo == null || !networkInfo.isConnected
}

위의 코드에서는 ConnectivityManager를 사용하여 네트워크 상태를 확인하는 방법을 보여줍니다.

Jetpack Compose에서의 오프라인 처리 UI

오프라인 상태를 감지하고, 오프라인일 때 UI를 적절하게 표시할 수 있습니다.

@Composable
fun MyScreen(viewModel: MyViewModel) {
    val data by viewModel.data.collectAsState()

    if (data == null) {
        if (isOffline(LocalContext.current)) {
            OfflineMessage()
        } else {
            CircularProgressIndicator()
        }
    } else {
        DataDisplay(data)
    }
}

MyScreen의 @Composable 함수에서 collectAsState를 사용하여 데이터 상태를 감지하고, 그에 따라 오프라인 상태에 따른 UI를 표시하도록 구현되어 있습니다.

결론

Jetpack Compose를 사용하여 오프라인 작업 처리는 매우 간단하게 할 수 있습니다. ViewModel을 이용하여 오프라인 상태를 감지하고, 이에 따른 UI를 적절히 처리할 수 있습니다.

참고: Jetpack Compose 공식 문서

위의 내용을 통해 Jetpack Compose에서 오프라인 작업 처리하는 방법을 간단하게 알아보았습니다.