[TECH] Android ViewBinding이란?

[티끌] 티끌 서비스에 적용된 Android View Binding 이야기
 
안녕하세요 티플의 안드로이드 개발자 김유정입니다 :D
오늘은 티플 재시작부터 티플 서비스에 사용된 Android View Binding 기술에 대해 소개하고자 합니다.
 

---

👩‍💻View Binding이란?

 
View Binding이란 Kotlin 코드 작성 시 안드로이드 뷰와의 상호작용을 쉽게 해주는 기능입니다.
View Binding을 허용하면 각 레이아웃 마다 바인딩 클래스가 자동으로 생성되고, 
레이아웃 ID가 있는 뷰에서 이를 직접 참조하여 findViewById를 대체할 수 있다는 장점을 가지며 특징은 아래와 같습니다.

• Null Safe : 뷰 바인딩은 뷰의 직접 참조를 생성하므로 유효하지 않은 뷰 ID로 인해 null 포인터 예외(NPE)가 발생할 위험이 없다. 
• Type safety : 각 바인딩 클래스에 있는 필드의 유형이 XML 파일에서 참조하는 뷰와 일치한다. 즉 타입이 다른 경우 발생하는 오류를 방지할 수 있다.
• 빠른 컴파일 속도 : 따로 xml 파일에 태그가 필요하지 않고 자동으로 적용되므로 사용 편의성을 가진다.

 

---

👩‍💻왜 사용할까?

 
앞서 View Binding이 findViewById를 대체할 수 있다고 말씀드렸습니다.
findViewById를 사용할 때 어떤 불편함이 있는지 예시를 통해 보여드리겠습니다.
화면상에 다음과 같은 버튼을 배치했을 때 Kotlin 파일에서 이에 접근하려면 어떻게 해야 할까요?
 

 
 findViewById를 사용해 버튼을 정의하고 해당 버튼이 클릭되었을 때의 이벤트를 정의해야 합니다.
 

 
버튼이 1개일 경우 큰 불편함을 느끼지 않을 있지만
아래와 같이 버튼이 3개로 증가할 경우 각각을 모두 findViewById로정의해야 하는 불편함이 발생합니다.
실제 서비스를 제작하면 하나의 View 안에 여러개의 요소가 들어가기 때문에 각각을 정의하는 것은 매우 비효율적인데요
View Binding을 사용하면 이러한 과정을 생략할 수 있게 되는 것이죠 :)
 

 

---

👩‍💻어떻게 사용할까?

 
앞서 작성한 코드를 View Binding을 사용해 다시 작성하는 과정을 보여드리겠습니다.
 
1. build.gradle에 View Binding를 추가합니다.

 
2. Activity 상에 사용하고자 하는 요소를 배치합니다.

 
3. 생성된 Binding 클래스에 포함된 inflate() 메서드를 호출해 Binding 인스턴스를 생성한 후, 루트 뷰를 setContentView()에 전달하여 화면상의 활성 뷰로 만듭니다.

 
4. 이제 모든 준비가 끝났으니 Binding을 사용하여 각 객체를 findViewById를 사용한 정의 없이 사용할 수 있습니다.

 
5. 애뮬레이터를 실행해보면 로직이 잘 동작하는 것을 확인하실 수 있답니다 :D !

 

---

👩‍💻마치며

 
오랜 시간 프로젝트를 이어오다 보니 티끌의 소스 코드에도 다양한 변화가 있었는데요.
간단하지만 적용 후 가장 많이 활용되고 있는 Binding에 대해 소개할 수 있어 즐거운 시간이었습니다.
 
다음엔 가장 오랜 시간 고민했던 오류 해결 과정을 소개하는 포스트와 함께 돌아오겠습니다.
감사합니다 :) !

📩 Contact : yuu-jeong@naver.com
📲 SNS : https://instagram.com/yu.eek