[kotlin] MVVM 아키텍처를 활용한 앱 개발 방법 습득하기

14 Dec 2023

kotlin

안녕하세요! 이번 포스트에서는 안드로이드 앱 개발을 위해 MVVM (Model-View-ViewModel) 아키텍처를 활용하는 방법에 대해 알아보겠습니다. MVVM은 안드로이드 앱을 구조화하고 유지보수하기 쉽도록 도와주는 아키텍처 디자인 패턴입니다. 이 패턴을 활용하면 코드의 가독성과 유연성을 향상시킬 수 있습니다.

MVVM 아키텍처 소개

MVVM 아키텍처는 세 가지 주요 컴포넌트로 구성됩니다:

Model: 앱의 데이터와 비즈니스 로직을 담당합니다.
View: 사용자 인터페이스를 표시하고 사용자 입력을 처리합니다.
ViewModel: View와 Model 간의 통신을 담당하고, View에 표시될 데이터를 가공하여 제공합니다.

MVVM 아키텍처의 핵심 아이디어는 각 컴포넌트 간의 강한 의존성을 제거하여 유연하고 테스트하기 쉬운 코드를 작성하는 것입니다.

MVVM 아키텍처를 활용한 안드로이드 앱 개발 단계

MVVM 아키텍처를 활용하여 안드로이드 앱을 개발하는 단계는 다음과 같습니다:

1. 모델 클래스 작성

앱에서 사용될 데이터와 데이터 처리 로직을 포함한 모델 클래스를 작성합니다.

class User(val id: Int, val name: String, val email: String)

2. 뷰모델 클래스 작성

ViewModel 클래스는 View와 Model 사이의 인터페이스 역할을 합니다. View에 표시될 데이터를 가공하여 제공하고, 사용자 입력을 처리합니다.

class UserViewModel(private val userRepository: UserRepository) : ViewModel() {
    val users: LiveData<List<User>> = userRepository.getUsers()
}

3. 뷰 작성

XML 레이아웃 파일을 작성하여 사용자 인터페이스를 설계합니다. 그리고 해당 뷰에 뷰모델을 연결합니다.

<androidx.constraintlayout.widget.ConstraintLayout>
    ...
    <TextView
        android:text="@{userViewModel.users}"
        ... />
    ...
</androidx.constraintlayout.widget.ConstraintLayout>

4. 데이터바인딩을 이용한 뷰와 뷰모델 연결

데이터바인딩을 통해 뷰와 뷰모델을 연결하고, 뷰에 표시될 데이터를 설정합니다.

val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
binding.userViewModel = userViewModel

5. 모델과 뷰모델 연결

모델과 뷰모델을 연결하여 데이터를 불러오고 처리합니다.

class UserRepository(private val userDao: UserDao) {
    fun getUsers(): LiveData<List<User>> {
        return userDao.getUsers()
    }
}

이러한 단계를 통해 MVVM 아키텍처를 활용하여 안드로이드 앱을 개발할 수 있습니다. MVVM은 안드로이드 앱의 구조를 명확히하고, 유지보수가 쉬운 코드를 작성하는 데 도움을 줍니다.

이상으로 MVVM 아키텍처를 활용한 안드로이드 앱 개발에 대해 알아보았습니다. 이 포스트가 도움이 되었기를 바라며, 더 많은 정보를 찾고 싶으시다면 안드로이드 공식 문서를 참고해보시기 바랍니다.

감사합니다!