양방향으로 데이터가 흐르지 않는 경우에는 MVVM 패턴이 과연 의미가 있는가 .. ?

<aside> ✏️

2022.10.31 일

MVVM + Rx가 양방향 데이터인 구조에서는 왜 좋은지 알 것 같다.

모델과 뷰가 서로를 모르고 있는 상황에서 데이터와 UI는 서로 별도로 업데이트가 되기 때문에 MVVM 패턴과 Rx를 이용해서 둘 사이의 연관성을 부여하는 것이다.

예를 들면 버튼을 탭해서 화면의 정보가 바뀌는 경우,

• 처음에는 화면에 초기 정보가 보여지다가 (뷰)
• 버튼을 탭하게 되면 (뷰)
• 이것을 인지하여 새로운 정보를 받아오고 (뷰모델)
• 이 정보가 화면에 보여지면서 UI가 업데이트 되는 것이다. (뷰) </aside>

작업

상세화면

거점지를 하나 선택하면 → 그 거점지에 있는 차량의 정보를 보여주는 상세 화면을 개선해보자.

MVVM + RxSwift를 사용해서 개선하자면 아래와 같다.

먼저 인풋과 아웃풋을 나눠보자

• 인풋
  • 화면 전환 (이전 화면에서 차량 종류 하나를 탭했을 때)
  • 앱으로 이동 버튼을 눌렀을 때
• 아웃풋
  • 해당 거점지의 정보 보여주기 (뷰모델에서 뷰로 이동하는 데이터)

이슈