안드로이드 앱 개발 공부 - MVVM 패턴 익히기

                                    🧑‍💻 VIEW

VIEW레이어는 사용자의 화면에 직접 보여지는 부분을 의미합니다.

                                    🧑‍💻 MODEL

MODEL은 데이터 저장소와 직접적으로 연계되는 레이어입니다.
안드로이드 내부의 DB와 연계하거나, API 호출이 이뤄지는 부분으로 볼 수도 있습니다.

                                    🧑‍💻 MODEL

MODEL은 데이터 저장소와 직접적으로 연계되는 레이어입니다.
안드로이드 내부의 DB와 연계하거나, API 호출이 이뤄지는 부분으로 볼 수도 있습니다.

                                    // viewmodel 적용 이전 (jetpack compose)
@Composable
fun CounterScreen() {
    var count by remember { mutableStateOf(0) }

    Text(text = "Count: $count", style = MaterialTheme.typography.headlineMedium)
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { count++ }) {
            Text("Increment")
        }
}

                                    // viewmodel 적용 이전 (jetpack compose)

class CounterViewModel: ViewModel() {
    val count = mutableStateOf(0)

    incrementCount() {
        count.value += 1
    }
}

                                    // viewmodel 적용 이전 (jetpack compose)

@Composable
fun countAppScreen(viewModel: CounterViewModel) {
    Text(text = "Count: ${viewModel.count.value}", style = MaterialTheme.typography.headlineMedium)
        Spacer(modifier = Modifier.height(16.dp))
        Button(onClick = { viewModel.incrementCount() }) {
            Text("Increment")
        }
}

                                    * 게시글 API를 통해 서버에서 데이터를 가져와 UI에 뿌려주는 상황

                                    @Singleton
interface BoardApiInterface {
    @GET("/boards")
    fun getAll(): Call<List<BoardResponse>>

    @GET("/board")
    fun getById(@Body id: Long): Call<BoardResponse>
}

                                    @ActivityScoped
@Singleton
class BoardRepository @Inject constructor(
    private val boardApiInterface: BoardApiInterface
){
    fun getAll(callback: (Result<List<BoardResponse>>) -> Unit) {
        boardApiInterface.getAll().enqueue(object : Callback<List<BoardResponse>> {
            override fun onResponse(
                call: Call<List<BoardResponse>>,
                response: Response<List<BoardResponse>>
            ) {
                if (response.isSuccessful) {
                    val boardResponse = response.body()
                }
            }

            override fun onFailure(p0: Call<List<BoardResponse>>, p1: Throwable) {
                TODO("Not yet implemented")
            }
        })
    }
}

                                    class TestViewModel @Inject constructor(
    private val boardRepository: BoardRepository
) : ViewModel() {

    // BoardApi 호출
    fun loadBoards() = liveData<> {
        emit(boardRepository.getAll())
    }
}

@Composable
fun TestView() {
    val viewModel: TestViewModel = viewModel()
    val boards by viewModel.loadBoards().observeAsState(initial = emptyList())

    // Drew your UI
}