아키텍처 구성요소

ViewModel 및 LiveData에 관해 살펴보고 ViewModel 및 LiveData를 사용한 데이터 결합은 물론 LiveData 변환에 관해서도 알아봅니다. 플레이어들이 가능한 최고 점수를 달성하기 위해 협력하는 2인용 제스처 스타일 게임인 GuessTheWord 앱을 완성합니다.

 

ViewModel

Codelab

GuessTheWord 앱의 시작 코드를 가져옵니다. 단어 목록, 현재 단어, 점수와 같은 게임 상태를 보유한 ViewModel을 만듭니다. 이 데이터가 ViewModel에 저장되면 앱은 기기 회전과 같은 구성 변경 시에도 상태를 유지합니다.

LiveData 및 LiveData 관찰자

Codelab

ViewModel 내에서 LiveData 및 MutuableLiveData를 사용하여 앱의 UI 데이터(표시할 데이터)를 캡슐화합니다. LiveData 값이 변경될 때 프래그먼트가 UI를 업데이트할 수 있도록 LiveData에 관찰자를 추가합니다.

ViewModel 및 LiveData를 사용한 데이터 결합

Codelab

LiveData 및 ViewModel을 데이터 결합과 통합하여 레이아웃의 뷰가 앱의 프래그먼트를 사용해 정보를 중계하지 않고도 ViewModel 객체와 직접 통신할 수 있게 합니다.

LiveData 변환

Codelab

LiveData를 다른 결과로 변환하고 기본 LiveData가 변경될 때마다 UI에 새 결과가 표시되도록 합니다.

아키텍처 구성요소 퀴즈

지식을 테스트하고 아키텍처 구성요소 배지를 획득하세요.