[swift] RxDataSources에서 사용할 데이터 모델 구성 방법

28 Nov 2023

swift

RxDataSources는 Swift에서 사용하기 편리한 데이터 소스 라이브러리입니다. 이 라이브러리를 사용하여 테이블뷰나 컬렉션뷰 등의 UI 요소에 데이터를 쉽게 연결할 수 있습니다. 이번 글에서는 RxDataSources에서 사용할 데이터 모델을 구성하는 방법에 대해 알아보겠습니다.

섹션과 아이템

RxDataSources를 사용하여 데이터 모델을 구성할 때, 데이터는 섹션과 아이템으로 구성됩니다. 섹션은 주로 테이블뷰의 섹션을 나타내며, 아이템은 섹션 내의 항목을 나타내는 것이 일반적입니다. 섹션이 여러 개일 수 있고, 각 섹션마다 다양한 개수의 아이템이 있을 수 있습니다.

struct SectionModel {
    let title: String
    let items: [ItemModel]
}

struct ItemModel {
    let name: String
    let price: Int
}

위의 코드는 데이터 모델을 구성하기 위한 예시입니다. SectionModel은 섹션의 모델을 나타내고, ItemModel은 각 아이템의 모델을 나타냅니다. 이 예시에서는 섹션의 제목과 아이템의 이름과 가격을 담고 있습니다.

섹션과 아이템의 Observable 생성

RxDataSources를 사용하여 데이터를 바인딩하기 위해서는 데이터를 Observable 타입으로 변환해야 합니다. 섹션과 아이템은 각각 SectionModel과 ItemModel로부터 생성된 배열이어야 합니다.

import RxDataSources
import RxSwift

let sections = Observable.just([
    SectionModel(title: "Fruits", items: [
        ItemModel(name: "Apple", price: 100),
        ItemModel(name: "Banana", price: 200)
    ]),
    SectionModel(title: "Vegetables", items: [
        ItemModel(name: "Carrot", price: 150),
        ItemModel(name: "Tomato", price: 300)
    ])
])

위의 코드는 Observable<[SectionModel]> 타입의 변수 sections를 생성하는 예시입니다. 각 섹션마다 여러 개의 아이템이 있으며, 이 데이터를 Observable로 만들기 위해 Observable.just 메서드를 사용합니다.

RxDataSources와 테이블뷰 연결

마지막으로 RxDataSources를 사용하여 데이터를 테이블뷰에 바인딩하는 작업을 해보겠습니다. 이를 위해 RxTableViewSectionedReloadDataSource를 사용합니다.

import RxDataSources
import RxCocoa
import RxSwift

let dataSource = RxTableViewSectionedReloadDataSource<SectionModel>(configureCell: { dataSource, tableView, indexPath, item in
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    cell.textLabel?.text = item.name
    cell.detailTextLabel?.text = "\(item.price)"
    return cell
})

sections
    .bind(to: tableView.rx.items(dataSource: dataSource))
    .disposed(by: disposeBag)

위의 예시 코드에서는 dataSource 변수를 생성하고, configureCell 클로저를 통해 테이블뷰 셀을 구성합니다. 셀에 표시할 내용을 설정한 후, sections Observable을 바인딩하여 테이블뷰에 데이터를 표시합니다.

이제, RxDataSources를 통해 구성한 데이터 모델을 테이블뷰와 바인딩할 수 있게 되었습니다.

결론

이번 글에서는 RxDataSources를 사용하여 데이터 모델을 구성하는 방법에 대해 알아보았습니다. 섹션과 아이템으로 이루어진 데이터 모델을 생성하고, Observable로 변환하여 테이블뷰와 바인딩하는 과정을 살펴보았습니다. RxDataSources를 사용하면 간편하게 데이터를 UI 요소에 바인딩할 수 있으므로, 프로젝트에서 유용하게 활용할 수 있을 것입니다.

참고 문서

RxDataSources GitHub 저장소: https://github.com/RxSwiftCommunity/RxDataSources