📝 SeSAC의 'JetPack과 Kotlin을 활용한 Android App 개발' 강좌를 정리한 글 입니다.

---

💬 AAC 개요

❓ AAC 란?

• 2017 Google I/O 에서 발표

• 2018 Google I/O 에서 발표된 JetPack 으로 통합

• Architecture Components 가 공개되기 전까지는 안드로이드 앱에서 특정 Architecture 가권장되지 않았다.

• 개발자들에게 따라 MVP, MVC, MVVM, MVPP 등 다양한 아키텍처가 선택

• 안드로이드 앱을 위한 아키텍처를 정의하고 이를 구현하기 위한 라이브러리를 제공하고자 architecture components 을 공개

따라서 JetPack 은 크게 AAC 와 androidx 로 나뉜다고 볼 수 있겠다. 초기 안드로이드 어플리케이션은 단순한 구조를 갖졌지만, 점점 요구하는 기능이 많아짐에 따라 구조가 복잡해졌다. 그리고 구글이 딱히 아키텍처 구조 로 지정한 것이 없었기 때문에 개발자들은 저마다 임의의 아키텍처를 선택하여 앱을 개발해왔다. 그러다 드디어 구글에서 권장 아키텍처를 내놓았고, 이 아키텍처의 구현을 지원하는 라이브러리가 바로 AAC 라고 보면 되겠다.

📚 AAC 의 구성 요소

📓 DataBinding

<layout>
	<data>
    	<variable name="model1" type="com.example.test_databinding.User" />
	</data>
    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
    	android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text='@{"i am include xml.. binding data: "+model1.name}' />
</layout>

• Data 를 UI 에 쉽게 Binding 하기 위한 라이브러리

• findViewById() 에 의한 View 객체 획득 및 이용의 번거로움을 제거하기 위한 목적

• DI 로 유명한 Butterknife 등의 라이브러리 이용보다 효율적

• Android Architecture Component 의 구성요소

findViewById 로 객체 획득하는 것이 번거로워 나온 기술이 DataBinding , 그리고 DataBinding 에서 객체 획득 요소만 추출해서 나온 것이 바로 viewBindg 이다. 때문에 DataBinding 은 좀 더 아키텍처 요소 에 가깝다고 볼 수 있겠다. 데이터는 코드에서 머물고, 실제 UI 에 찍히는 부분은 XML 에서 처리하는 방식이다.

📓 Lifecycle Aware Components

• Activity / Fragment 의 Lifecycle 처리를 따로 구성

• Activity 는 Lifecycle Owner 가 되며 이를 처리하는 곳이 Lifecycle Observer

Lifecycle 관련 작업을 Observer 에서 처리하는 방식. Observer 는 Owner의 Lifecycle 변화를 감지한다.

즉, Lifecycle 관련 코드를 분리시킴으로서 편하게 코드 작성을 할 수 있게끔 지원하는 것이 목적인 컴포넌트라고 볼 수 있다.

📓 Navigation Components

• Navigation Component 는 화면간 이동을 간편하게 작성하게 하는 JetPack 의 Library 혹은 Tool

• 하나의 main activity 에 여러 개의 fragment 로 화면을 설계하는 것을 목적으로 함

화면을 fragment 로 구성할 때 화면 전환 흐름과 전달되는 데이터를 한눈에 볼 수 있게 도식화 해주는 컴포넌트.

📓 Room

• SOLite 추상화 라이브러리

• 안드로이드 앱의 데이터베이스 이용을 Room 으로 권고

Retrofit 과 비슷한 목적을 가진다. 우리가 인터페이스를 생성하고 어노테이션과 데이터를 주면, Room 에서 알아서 SQL 구현체를 만들어 준다. DBMS 를 위한 컴포넌트.

📓 Paging

• RecyclerView 에서 페이징 처리를 쉽고 효율적으로 작성하게 하기 위한 라이브러리

• 페이징 된 데이터의 메모리 내 캐싱

• 요청 중복 제거 기능이 기본으로 제공

• 데이터의 끝까지 스크롤할 때 어댑터가 자동으로 데이터를 요청
  
  

📓 WorkManager

• WorkManager 는 특정 작업을 유예(Defer) 처리, 비동기 처리를 제공

• JobScheduler, FirebaseJobDispatcher, AlarmManager 등을 통합한 라이브러리

---

💬 MVVM 모델

• 권장사항은 어플리케이션은 Separation of concerns 에 의해 작성

• 그로 인한 UI 와 모델이 분리

AAC 의 핵심 아키텍처 이다.

원래 일반적으로 많이 사용하고 있던 소프트웨어 모델.
주로 프론트엔드 어플리케이션에 들어가는 모델이다. 프론트엔드 어플리케이션의 주된 목적은 화면 , 즉 View 이다. AAC 도 이 MVVM 을 목적으로 한다.

Model + View + ViewModel = MVVM

• Model : 실제 비즈니스 업무 로직이 구현되는 부분, 혹은 비즈니스 데이터가 표현되는 부분 (발생, 관리)

• View : 화면, 흔히 Presentation 로직이라고 표현한다.

• ViewModel : Model 과 View 의 매개 역할자. Model 이 교체 되더라도 View 영향이 미치지 않는다.

즉, 화면을 구성하는 UI, View 와 비즈니스 업무 로직을 제공하는 Model 을 분리한다는 의미.

🔎 NVVM 모델 구조

화면 출력은 Activity 혹은 Fragment 같은 View 에서 처리한다. 업무 로직은 Repository 에 담고 DB 관련은 Room , 웹 관련은 Retrofit 으로 구현한다. 그리고 View 와 Repository 사이에 매개 역할자 ViewModel 을 두어 View 는 이벤트 입력만 받고, Repository 는 이벤트 처리만 작업한다. 처리된 데이터는 Repository -> ViewMoel 로 전달되어 LiveData 로 View 에 전달된다. 또한 Lifecycle 까지 Owner 에서 분리하여 제어한다.

Activity / Fragment : View

- UI 를 구성하고 유저와 상호 작용. Lifecycle 변경을 감지

- Lifecycle 변경이 발생하면 ViewModel 에 전달

- ViewModel 에서 전달한 LiveData 의 내용을 화면에 출력

ViewModel : View 와 Model 의 분리 역할자

- View 와 Model 을 분리시키기 위한 가교 역할

- View 의 Lifecycle 변경을 감지하고 변경이 발생하면 Repository 을 실행

Repository : 데이터 처리, 흔히 말하는 'Model'

- 데이터의 저장 및 획득이 주 목적

- Room : 데이터 영속화

- SQLite 매핑 라이브러리

---

💬 ViewModel

• MVVM 의 핵심은 화면에서 B/L 을 분리해서 개발하는 것

• Activity, Fragment 에서 UI 를 처리하고 ViewModel 에서 B/L 을 처리

• Activity 에서 onSaveInstanceState() 함수를 이용해 작성하는 Bundle 데이터 저장도 ViewModel 로 대체가 가능
  
  

🧷 dependency

val lifecycle_version = "2.5.1"

implementation("androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version")

📝 ViewModel 클래스 작성

class MyViewModel: ViewModel() {
	val user: MutableLiveData<User>
    	get() {
        	val user = MutableLiveData<User>()
            user.postValue(User("Gildong", "hong1"))
            return user
	}
}

• ViewModel 상속으로 작성
  
  

📓 ViewModelProvider

val model = ViewModelProvider(this).get(MyViewModel::class.java)
model.user.observe(this, {
	binding.textView.text = "${it.firstName} - ${it.lastName}"
})

• Activity 에서 ViewModel 이용

• ViewModelProvider 를 이용한 객체 생성

• 직접 객체 생성도 가능

• ViewModelProvider 을 이용해 객체 생성을 해야 Activity 상태 변화에 따른 ViewModel 이 재생성되는 것을 막을 수 있음 = 직접 객체 생성 시 ViewModel 의 상태 데이터 저장 기능을 못 씀

📌 delegator

val model: MyViewModel by viewModels()

• Kotlin property delegate 이용

ViewModelProvider 로 객체를 생성하는 것을 좀 더 단순화시킨 delegator 가 제공된다. 요즘 거의 이 delegator 이용하는 추세라고 한다.

코틀린 프로그램에서 by 들어가는 것이 delegator 를 뜻한다.
사용하려면 dependency 를 추가해 주어야 한다.

val activity_version = "1.6.1"

implementation("androidx.activity:activity-ktx:$activity_version")

📓 ViewModel Lifecycle

• ViewModel Lifecycle

• Activity Scope 내에서 Singleton

ViewModel 의 객체도 결국 액티비티에서 획득한다. 액티비티는 상태 변화(화면 회전 등) 가 발생하면 종료되면서 모든 데이터가 날라가지만, ViewModelProvider 를 사용해 얻은 ViewModel 객체는 종료되지 않는다. ViewModel 내에 데이터가 있다면 View 는 해당 데이터를 얻어오기만 하면 되기 때문에, bundle 을 대체하는 기법으로 사용할 수 있는 것이다.

또한 하나의 액티비티에서 여러 번 생성 하더라도 Singleton 으로 유지가 된다.

📓 AndroidViewModel

AndroidViewModel 은 ViewModel 의 서브 클래스

ViewModel()									// 매개변수 x

AndroidViewModel(Application application)	//	매개변수로 context 이용

ViewModel 을 생성할 때 ViewModel() 을 상속 받아 작성하는 것이 일반적이다. 이때 ViewModel 의 생성자에는 매개변수가 없다. 그런데 가끔 AndroidViewModel(Application application) 을 상속 받아 ViewModel 을 작성할 때가 있다. 이는 ViewModel 내에서 컨텍스트 객체, 어플리케이션 객체를 이용하고자 하는 경우이다.

📓 Fragment 에서 ViewModel

• Fragment 에서 ViewModel 이용

• Activity 내에 Fragment 가 여러 개 있는 경우 Fragment 간 ViewModel 공유 필요

ViewModel 의 Lifecycle 은 Owner 를 따라간다.

프래그먼트 각각 ViewModel 을 줄 수도 있고, 하나의 ViewModel 을 공유할 수도 있다. 그리고 이 때 ViewModel 의 Lifecycle 은 누구를 Owner 로 지정했는지에 따라 달라진다.

❓ ViewModel 공유

val model = ViewModelProvider(requireActivity()).get(MyFragmentViewModel::class.java)

• ViewModel 의 Owner 를 Activity 로 변경

ViewModelProvider 로 객체를 생성할 때 get() 함수로 ViewModel 정보를 준다.
그리고 ViewModelProvider 의 매개변수로 Lifecycle Owner 를 준다. Owner 를 액티비티로 지정하면 여러 개의 프래그먼트에서 공유할 수 있고, 프래그먼트로 지정하면 해당 프래그먼트의 라이프사이클만 감지하기 때문에 공유되지 않는다.

---

💬 LiveData

📝 ViewModel 소스 코드

class MyViewModel: ViewModel() {
	fun someData(): String{
    	return "hello"
	}
    fun someData2(): MutableLiveData<String> {
    	val liveData = MutableLiveData<String>()
        thread {
        	SystemClock.sleep(3000)
            liveData.postValue("world")
		}
        return liveData
	}
}

• ViewModel 의 결과

• ViewModel 에서 String 등의 결과를 리턴 시킬 수도 있지만 LiveData 을 리턴 시켜 Observer 로 결과 이용

일단 리턴값을 넘긴 후에 Observer 가 값 변경을 감지하면 데이터를 전달한다.

📝 View 소스 코드

val observer = object : Observer<String> {
	override fun onChanged(t: String?) {
    	Log.d("kotdev", "onChanged...$t")
	}
}
model.someData2().observe(this, observer)

val liveData = model.someData2()
//.................
liveData.removeObservers(this)

• LiveData 의 변경을 감지하는 observer 는 Observer 를 구현한 클래스

• LiveData 의 값이 변경되면 Observer 의 onChanged() 함수가 자동 호출

• 더 이상 감지가 필요 없는 경우 명시적으로 removeObservers 함수 호출
  
  

📌 Custom LiveData

class MyLiveData : LiveData<String>() {
	fun sayHello(name: String) {
    	postValue("Hello $name")
	}
}

val liveData1 = MyLiveData()
liveData1.observe(this) {
	Log.d(
    	"kotdev", "result: $it"
	)
}
liveData1.sayHello("kotdev")

• LiveData 를 상속 받아 작성

• ViewModel 이외에 다른 곳에서 사용 가능
  
  

🧩 실습 예제

🧷 dependency

• build.gradle.kts

implementation("androidx.lifecycle:lifecycle-viewmodel-ktx:2.5.1")
implementation("androidx.activity:activity-ktx:$1.6.1")

🎨 액티비티 레이아웃

• activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_blue_light"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/resultView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:textSize="25dp"
        android:textStyle="bold" />

    <Button
        android:id="@+id/button"
        style="@style/Widget.MaterialComponents.Button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="call sum" />

</LinearLayout>

📬 ViewModel

• MyViewModel.kt

package com.kotdev99.android.c100

class MyViewModel : ViewModel() {
	var sum = 0
	fun calSum(): MutableLiveData<String> {
		val liveData = MutableLiveData<String>()
		thread {
			for (i in 1..10) {
				sum += i
				liveData.postValue(sum.toString())
				SystemClock.sleep(100)
			}
		}
		return liveData
	}
}

📂 메인 소스 코드

• MainActivity.kt

package com.kotdev99.android.c100

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        val model: MyViewModel by viewModels()  // ViewModelProvider 를 이용한 것과 동일

        binding.button.setOnClickListener {
            model.calSum().observe(this) {
                binding.resultView.text = it
            }
        }
    }
}

📲 결과