# databinding
[Android] Databinding 🔗
데이터바인딩을 공부한다면, Jetpack과 AAC를 들어본 적 있을 것이다.Jetpack은 2018년 구글 IO행사에서 발표된 안드로이드 앱 개발 패키지 묶음 입니다.Databinding은 JetPack의 구성 요소 중 아키텍처와 관련된 AAC부분에 속한다. 이름 그대
[Android] DataBinding 사용 방법
DataBinding은 안드로이드 Jetpack 라이브러리 중 하나인 데이터 결합 라이브러리입니다. XML과 Data를 연결하여 유지관리와 성능향상, 메모리 누수 및 NULL 포인터 예외를 방지 할 수 있습니다.
[Android] ViewBinding vs DataBinding
view와 상호 작용하는 코드를 더욱 쉽게 작성할 수 있도록 도와주는 기능.xml파일에서 각 뷰는 id값을 가진다.일단, layout Component를 코드 단으로 고치는 과정이 매우 골칫거리 (findViewById가 대표적 예시)그래서 layout Componen
[Kotlin Android JetPack] 뷰모델에서 XML로 데이터 바로 꽂기 - DataBinding & LiveData - 라이브 데이터
기능 분리도 했으니 이제 반응형으로 UI를 구성해보자. 어떻게? Data Binding과 LiveData만 있으면 문제 없어!
[Kotlin Android JetPack] 뷰모델에서 XML로 데이터 바로 꽂기 - DataBinding & LiveData - 데이터 바인딩
기능 분리도 했으니 이제 반응형으로 UI를 구성해보자. 어떻게? Data Binding과 LiveData만 있으면 문제 없어!
Android: DataBinding
프로그래밍 방식이 아닌 선언적 방식을 사용하여 레이아웃의 UI 구성 요소를 앱의 데이터 소스에 바인딩할 수 있는 Android Jetpack의 라이브러리. 액티비티에서 UI 호출을 제거하여 코드를 더 간단하고 쉽게 유지 및 관리할 수 있다.
Databinding 반영 시점, RxJava Thread
꼭 이번주에 있었던 문제는 아니지만, 최근 개발하다가 삽질한 이력을 남겨본다.View들의 Visibility를 데이터 바인딩을 이용해 변경하고 있었다. 위처럼 uiVisible를 할당하면 Activity나 Fragment에서 uiVisible을 true / false로
.png?w=768)
[Android] Databinding을 알아보자!😎
Android 생태계에서 이미 많이 사용되고 있는 DataBinding(데이터바인딩)은 간단하게 xml파일에 data를 연결(binding)해서 사용할 수 있게 도와줍니다.즉, 레이아웃의 구성요소를 앱의 데이터 소스와 결합 할 수 있게 하는 Android JetPack
Step 15: Aggregation Binding Using a Factory Function
factory 함수를 사용하여 훨씬 더 유연하고 복잡한 데이터를 표시 할 수 있다. Preview 15_preview.png Coding Data Binding - Step 15. webapp/view/App.view.xml List 컨트롤에 factory 속성을 추가한다. 만약 데이터가 없다면 List 컨트롤은 비어있게 된다. webapp/c...
Step 14: Expression Binding
expression 바인딩을 사용하여 형식을 지정하거나 계산된 데이터를 직접 삽입 할 수 있다. 이번 튜토리얼은 일정 값보다 높거나 낮을때 가격의 색상을 변경한다. Preview 14_preview.png Coding Data Binding - Step 14. webapp/view/App.view.xml ObjectListItem 컨트롤에서 새로운...
Step 13: Element Binding
이번 튜토리얼은 바인딩 된 컨트롤이있는 양식을 사용하면서 element 바인딩을 통해 선택한 엔티티에 바인딩한다. Preview 13_preview.png Coding Data Binding - Step 13. webapp/view/App.view.xml 클릭한 product데이터를 채우기 위해 ObjectListItem 컨트롤에서 onItemSe...
Step 11: Validation Using the Message Manager
이번 튜토리얼에선 currency 데이터 유형에서 사용자 입력이 currency 요구 사항을 준수하는지 체크하는 기능을 살펴본다. 데이터 형식 유효성 검사는 사용자(UI)에게 알려줄 수 없는 SAPUI5에서 관리한다. 따라서 유효성 검사 기능으로 발생하는 오류 메시지를 다시 사용자에게 알려줘야 한다. 전체view를 "Message Manager"라는 기능에...
Step 10: Property Formatting Using Data Types
SAPUI5는 Boolean, Currency, Date 및 Float와 같은 간단한 데이터 유형을 제공한다. 이러한 데이터 유형은 화면에 표시되는 값의 형식이 올바르게 지정되고 필드가 입력용으로 열려 있으면 사용자가 입력한 값이 해당 데이터 유형의 요구사항을 준수하는지 확인하기 위해 컨트롤에 적용될 수 있다. 이번 튜토리얼에선 Currency 유형의 Sa...
Step 9: Formatting Values
이번 튜토리얼에선 이메일을 보내는 링크를 추가 한다. 이를 위해 모델의 데이터를 sap.m.URLHelper.normalizeEmail API를 사용한다. 사용자가 이름을 변경하자 마자 전자 메일도 변경되도록 사용자 정의 포맷터 함수를 사용한다. Preview 09_preview.png Coding Data Binding - Step 9. weba...
Step 8: Binding Paths: Accessing Properties in Hierarchically Structured Models
6 단계에서 우리는 ResourceModel의 필드가 평면 구조로 되었다고 설명했다. 그러나 이는 resource models만 해당된다. JSON 및 OData 모델의 속성은 거의 계층 구조로 정렬된다. 따라서 이번 튜토리얼에선 계층 구조로된 모델 객체에서 필드를 참조하는 방법을 알아본다. Preview 08_preview.png Coding D...
Step 7: (Optional) Resource Bundles and Multiple Languages
i18n의 resourcebundle이 있는 이유는 앱이 여러 언어로 실행되도록 하기 위해서다. 이번 튜토리얼에서 테스트로 독일어로 번역되도록 해보자. Preview 07_preview.png 07_preview2.png Coding Data Binding - Step 7.
Step 6: Resource Models
이번 튜토리얼은 다국어 번역 기능에 대해서 알아본다. 일반적으로 언어 별 텍스트가 백엔드 시스템에서 직접 파생되지 않는 한 변환 가능한 텍스트를 모델에 직접 배치하는 것은 좋은 프로그래밍 방법으로 간주되지 않는다. 따라서 모든 번역 가능한 텍스트를 리소스 번들에 배치하여 동적으로 만든다. Preview 06_preview.png Coding Dat...
Step 5: One-Way Data Binding
이전 튜토리얼인 양방향 바인딩 동작과 달리 단방향 데이터 바인딩은 데이터가 한 방향으로만 전송된다. 모델에서 바인딩 인스턴스를 통해 사용자에 전달되지만 다른 방향으로는 전달되지 않는다. 이번 튜토리얼에선 이전 예제를 단방향 데이터 바인딩으로 변경한다. 사용자 인터페이스에서 모델로 돌아가는 데이터 흐름에 대해 설명한다. Preview 05_preview....
Step 4: Two-Way Data Binding
지금까지 튜토리얼에서 사용하여 모델 속성의 값을 읽고 표시했다. sap.m.Input 필드를 사용하여 성 및 이름 필드가 표시되도록 사용자 인터페이스를 변경하고 두 입력 필드를 모두 활성화 또는 비활성화하는 데 추가 확인 컨트롤을 사용한다. 이번 튜토리얼에선 양방향 데이터 바인딩 기능을 알아보고 뷰 정의를 XML 파일로 한다. Preview 04_pre...