[Android] 안드로이드 DataBinding 완벽 가이드: 개념, 도입 배경, 자동화의 원리와 ViewBinding과의 차이

안드로이드 DataBinding 완벽 가이드

• 안드로이드 개발에서는 XML 레이아웃과 코드 간의 상호작용이 필수적이다. DataBinding은 이러한 상호작용을 자동화하여 UI 업데이트를 쉽게 관리할 수 있도록 도와준다. 이 글에서는 DataBinding의 개념과 도입 배경, ViewBinding과의 차이점, 그리고 내부 동작 방식과 자동화 원리를 다루어 안드로이드 UI 개발을 한층 더 쉽게 만들어주는 방법을 살펴보겠다.
• 여기에서는 DataBinding의 전체적 개념 및 내부 원리를 설명하는 데 중점을 두며, 사용법 예제는 이전 포스팅을 참고하시기 바란다.

https://yujinius45.tistory.com/128

[Android] DataBinding 동작 원리 파헤치기

 

https://yujinius45.tistory.com/133

[Android] ViewBinding과 DataBinding 비교 - 글자 수에 따라 텍스트 색상 변경하기

 

---

목차

1. DataBinding이란 무엇인가?
2. DataBinding의 도입 배경
3. ViewBinding과의 관계
4. DataBinding의 특징
5. DataBinding의 내부 동작과 자동화 원리

---

1. DataBinding이란 무엇인가?

• DataBinding은 Android Jetpack 라이브러리의 하나로, XML 레이아웃과 데이터 객체를 자동으로 연결하여 UI와 데이터 간의 동기화를 실현한다. 이를 통해 개발자는 수동으로 UI 업데이트 코드를 작성할 필요 없이, 데이터 변경 시 UI가 자동으로 업데이트되도록 설정할 수 있다. DataBinding을 사용하면 코드에서 findViewById 같은 반복적인 작업이 줄어들며, 코드가 더 간결해진다.

---

2. DataBinding의 도입 배경

• 초창기 안드로이드에서는 UI 요소를 코드에서 직접 참조하여 업데이트하는 방식이 일반적이었다. 이 방식은 복잡한 레이아웃에서 특히 코드의 유지보수를 어렵게 만들었다.
• 이를 해결하기 위해 2015년 Google I/O에서 DataBinding이 발표되었다. DataBinding은 UI와 데이터의 결합을 선언적으로 정의할 수 있도록 하여 코드의 명료성을 높이고 유지보수를 용이하게 한다.

---

3. ViewBinding과의 관계

• ViewBinding은 레이아웃 파일의 각 뷰에 대한 직접 참조를 자동으로 생성하여 findViewById 호출을 없앤다. 그러나 ViewBinding은 단순히 뷰 참조를 관리하는 데 초점을 두고 있으며, 데이터와 UI 간의 동기화 기능은 지원하지 않는다.
• DataBinding은 이와 달리 데이터 객체와 UI 간의 동기화를 포함한다. 이를 통해 데이터가 변경될 때 UI가 자동으로 갱신되며, 양방향 바인딩을 사용하면 UI 입력도 데이터 객체에 즉시 반영된다. 즉, ViewBinding이 뷰 참조를 단순화하는 데 중점을 둔다면, DataBinding은 UI와 데이터 간의 상호작용을 더욱 깊이 있게 관리하는 데 중점을 둔다.

❓ DataBinding과 ViewBinding 누가 먼저 나왔는가?

• DataBinding이 ViewBinding보다 먼저 나왔다: DataBinding은 2015년에 Google I/O에서 처음 소개되었고, Android Studio 1.3부터 지원되었다. 반면, ViewBinding은 DataBinding의 복잡성을 줄이기 위해 2019년에 Android Studio 3.6과 함께 도입되었다. DataBinding이 더 먼저 등장했고, 데이터와 UI 간의 양방향 동기화 기능을 포함한 반면, ViewBinding은 뷰 참조만을 단순하게 관리하는 데 중점을 두고 있다.

❓ DataBinding과 ViewBinding 컴파일된 클래스의 위치가 같다?

• 둘 다 컴파일된 클래스의 위치가 databinding 폴더이다: DataBinding과 ViewBinding 모두 컴파일 시 자동으로 바인딩 클래스를 생성하는데, 이 클래스들은 프로젝트의 databinding 폴더에 위치한다. DataBinding의 경우 이 폴더에 있는 ViewDataBinding을 기반으로 데이터와 UI 간의 연결이 구현되며, 이 클래스들은 데이터 변경 사항에 따라 UI를 자동으로 업데이트하는 기능을 제공한다. 이와 관련된 내용은 이전 포스팅을 참고하길 바란다.

https://yujinius45.tistory.com/126

[Android] ViewBinding 동작 원리 파헤치기

 

https://yujinius45.tistory.com/128

[Android] DataBinding 동작 원리 파헤치기

 

---

4. DataBinding의 특징

• DataBinding은 다양한 기능을 통해 UI와 데이터 간의 상호작용을 자동화한다. 주요 특징은 다음과 같다:

1. 단방향 및 양방향 바인딩
   • DataBinding은 단방향(데이터 → UI)과 양방향(UI ↔ 데이터) 바인딩을 모두 지원하여 UI와 데이터가 상호 실시간으로 동기화될 수 있다.
2. Observable과 LiveData 지원
   • Observable 또는 LiveData와 같은 관찰 가능한 데이터 클래스를 통해 UI가 데이터의 변경 사항을 자동으로 감지하고 반영할 수 있다. Observable은 DataBinding 자체의 변경 감지 메커니즘을, LiveData는 Android Lifecycle에 맞춘 데이터 관찰 기능을 제공한다.
3. BindingAdapter로 커스텀 바인딩 확장
   • BindingAdapter를 사용해 뷰의 속성에 대해 커스텀 바인딩 로직을 정의할 수 있다. 이를 통해 기존 속성 외에도 사용자 정의 속성을 바인딩할 수 있다.
4. 컴파일 타임에 생성되는 바인딩 클래스
5. DataBinding은 컴파일 시점에 XML 레이아웃 파일을 분석하여 바인딩 클래스를 생성하므로 성능 최적화에 도움이 된다.

• DataBinding은 코드의 간결함과 유지보수성을 높이며 Jetpack Compose로 전환하기 전에 선언형 UI 개념을 체험할 수 있는 좋은 기회를 제공한다.

---

5. DataBinding의 내부 동작과 자동화의 원리

• DataBinding은 관찰자 패턴(Observer Pattern)을 통해 데이터 변경 시 UI가 자동으로 갱신되도록 구현되어 있다. 이 패턴을 통해 데이터가 변할 때마다 UI가 이를 반영하도록 한다.

관찰자 패턴(Observer Pattern, 옵저버 패턴)의 적용

• 관찰자 패턴은 데이터의 변화가 발생할 때 이를 자동으로 감지하고, 해당 변화를 UI에 반영한다. DataBinding에서는 Observable 인터페이스와 ObservableField 클래스를 통해 관찰 가능한 데이터 객체를 설정할 수 있다. ObservableField는 데이터 변경이 발생할 때 이를 감지하고 UI가 자동으로 업데이트되도록 한다.
• 예를 들어, 아래와 같이 ObservableField를 사용하면 name의 변경 시 자동으로 UI에 반영된다.

import androidx.databinding.ObservableField

class User {
    val name = ObservableField<String>()
}

양방향 데이터 바인딩

• DataBinding은 단방향 바인딩뿐 아니라 양방향 바인딩도 지원하여, UI에서 발생한 입력이 데이터 객체에 자동으로 반영된다. @={} 구문을 사용하여 양방향 바인딩을 설정할 수 있다.

<EditText
    android:text="@={viewModel.userName}" />

• 이 구문을 사용하면 UI 변경이 viewModel.userName에 즉시 반영되며, 데이터 변경 역시 UI에 반영된다.

BindingAdapter를 통한 커스텀 바인딩

• DataBinding은 BindingAdapter로 커스텀 속성을 정의할 수 있어, 직접 바인딩할 수 없는 속성이나 동작을 구현할 수 있다.

@BindingAdapter("app:imageUrl")
fun loadImage(view: ImageView, url: String) {
    // 예를 들어 이미지 로딩 로직을 추가
}

• 위와 같이 정의한 imageUrl 속성은 XML 레이아웃에서 커스텀 속성으로 사용될 수 있다.

---

자동화의 원리

• DataBinding의 자동화는 관찰자 패턴, 양방향 바인딩, BindingAdapter 등 다양한 요소의 조합으로 이루어진다. 특히 LiveData와 잘 결합하여 사용되며, LiveData는 Android의 생명 주기 인식을 통해 데이터 변경이 생명 주기와 함께 안전하게 UI에 반영되도록 한다.
• LiveData도 관찰자 패턴(Observer Pattern)을 사용하여 자동화의 원리에 포함된다. DataBinding과 결합된 LiveData는 관찰자 패턴을 통해 데이터 변경을 UI에 반영하는 중요한 역할을 한다.
• LiveData는 데이터 소스와 UI 간의 안전한 동기화를 위해 설계된 것으로, 생명 주기를 인식하여 관찰자가 활성 상태일 때만 UI에 업데이트를 반영한다. LiveData의 자동 업데이트는 Observer 인터페이스에 의해 UI에 통지되어 실시간으로 변경 사항이 반영되도록 한다.
• https://developer.android.com/topic/libraries/architecture/livedata
• 따라서, DataBinding이 UI의 자동화를 이루는 데 있어 관찰자 패턴 기반의 LiveData와 Observable을 통한 데이터-UI 동기화는 필수적인 역할을 하며, 이 두 가지가 조합되어 선언형 UI 작성 방식에 적합한 자동화 환경을 제공한다.
• 이러한 자동화는 UI를 간결하고 선언적으로 작성할 수 있도록 도와주며, Jetpack Compose와 같은 선언형 UI 접근 방식을 보다 쉽게 이해할 수 있게 해준다.

---

DataBinding을 사용하며 느낀 점

• DataBinding을 사용하며 안드로이드에서 UI와 데이터를 효율적으로 동기화할 수 있다는 점이 특히 유용하게 느껴졌다. 양방향 바인딩과 관찰자 패턴을 통해 데이터가 변경될 때마다 UI가 자동으로 업데이트되며, 덕분에 setText(), set~ 같은 명령형 코드의 사용이 줄어들어 코드가 간결해지고 가독성이 높아진다.
• 특히, 실시간으로 텍스트의 포맷이나 글자 수, 특수문자 포함 여부 등을 확인해야 하는 패스워드 입력창과 같은 상황에서 DataBinding을 활용할 때 편리할 것이라고 생각된다.

마무리

• 앞으로는 DataBinding과 밀접하게 사용되는 Observer 패턴과 LiveData를 다루며, 이들이 데이터 흐름을 어떻게 관리하고 자동으로 UI에 반영되는지에 대해 더욱 깊이 탐구할 예정이다.
• 또한, findViewById, ViewBinding, DataBinding을 한데 모아 각각의 차이점과 장단점을 종합적으로 살펴보고, Jetpack Compose와도 비교하여 현대 안드로이드 개발에서 UI와 데이터 결합을 위한 다양한 방식을 다룰 계획이다.
• 앞으로의 포스팅에서 깊이 있는 설명을 이어갈 예정이니, 많은 관심 부탁드린다.