[swift] RxDataSources와 MVVM 아키텍처의 결합 방법

28 Nov 2023

swift

이번 포스트에서는 RxSwift와 MVVM 아키텍처를 사용하여 iOS 앱을 개발할 때, RxDataSources를 활용하여 테이블뷰를 구성하는 방법에 대해 알아보겠습니다.

RxDataSources 소개

RxDataSources는 RxSwift와 함께 사용되는 테이블뷰나 컬렉션뷰의 데이터 소스를 관리하기 위한 라이브러리입니다. 기존의 테이블뷰 데이터 소스를 구현하는 데 필요한 코드를 크게 줄여주고, 데이터의 변화를 자동으로 처리할 수 있는 기능을 제공합니다.

MVVM 아키텍처 소개

MVVM은 Model-View-ViewModel의 약자로, iOS 앱 개발에서 시간에 따라 변하는 데이터와 UI를 분리하여 로직과 디자인을 관리할 수 있는 아키텍처 패턴입니다. Model은 앱의 데이터를 나타내고, View는 사용자에게 데이터를 표시하며 이벤트를 받습니다. ViewModel은 View와 Model 사이에서 데이터를 처리하고, View에게 데이터를 전달합니다.

RxDataSources와 MVVM 아키텍처의 결합

MVVM 아키텍처와 함께 RxDataSources를 사용하면 테이블뷰의 데이터 소스 관리를 더욱 효율적으로 할 수 있습니다.

아래는 간단한 예제 코드입니다.

import UIKit
import RxSwift
import RxCocoa
import RxDataSources

class MyViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    private let disposeBag = DisposeBag()
    
    let items = BehaviorRelay<[String]>(value: [])
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // RxTableViewSectionedReloadDataSource를 생성하여 아이템과 셀을 바인딩합니다.
        let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String, String>>(configureCell: { (dataSource, tableView, indexPath, item) -> UITableViewCell in
            let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
            cell.textLabel?.text = item
            return cell
        })
        
        // 데이터에 변화가 있을 때마다 테이블뷰를 업데이트합니다.
        items.asObservable()
            .map { [SectionModel(model: "", items: $0)] }
            .bind(to: tableView.rx.items(dataSource: dataSource))
            .disposed(by: disposeBag)
    }
}

위의 코드에서 items는 테이블뷰의 아이템을 관리하는 BehaviorRelay입니다. items에 변화가 있을 때마다 RxTableViewSectionedReloadDataSource를 사용하여 테이블뷰의 아이템과 셀을 바인딩합니다. 이렇게 함으로써 테이블뷰의 데이터 소스를 간단하게 관리할 수 있습니다.

이제 items를 MVVM 아키텍처의 ViewModel에 연결하고, 다양한 비즈니스 로직과 UI 업데이트를 수행하는 등의 추가 작업을 진행할 수 있습니다.

마무리

이렇게 RxDataSources와 MVVM 아키텍처를 결합하여 테이블뷰의 데이터 소스를 관리하는 방법에 대해 알아보았습니다. RxDataSources를 사용하면 테이블뷰를 더욱 쉽게 구성하고 관리할 수 있으며, MVVM 아키텍처의 장점을 함께 활용할 수 있습니다.

더 자세한 내용은 아래의 참고 자료를 확인하시기 바랍니다.

감사합니다!