[swift] RxDataSources를 사용한 앱의 지속적인 개선 방법

28 Nov 2023

swift

소개

앱 개발에서 데이터 소스 처리는 매우 중요한 부분입니다. 특히 테이블 뷰나 컬렉션 뷰와 같은 UI 컴포넌트에서 데이터를 효율적으로 관리하고 업데이트하는 것은 사용성과 성능에 큰 영향을 미칩니다. RxDataSources는 ReactiveX와 결합된 데이터 소스 라이브러리로, 이러한 문제를 간편하게 해결할 수 있습니다.

RxDataSources 사용하기

RxDataSources는 UITableView와 UICollectionView에서 섹션과 아이템의 데이터 관리를 더욱 편리하게 만들어줍니다. 다음은 RxDataSources의 기본 사용법입니다.

import RxDataSources

let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String, Int>>(
    configureCell: { dataSource, tableView, indexPath, item in
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = "Item \(item)"
        return cell
    },
    titleForHeaderInSection: { dataSource, sectionIndex in
        return "Section \(sectionIndex)"
    }
)

let sections = [
    SectionModel(model: "Section 0", items: [0, 1, 2]),
    SectionModel(model: "Section 1", items: [3, 4, 5]),
    SectionModel(model: "Section 2", items: [6, 7, 8])
]

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

위 예제에서는 RxTableViewSectionedReloadDataSource를 사용하여 데이터 소스를 설정하고, bind(to:) 메서드를 사용하여 데이터 소스를 테이블 뷰와 바인딩합니다. RxDataSources를 사용하면 테이블 뷰의 데이터 소스 처리를 더욱 간결하고 선언적으로 할 수 있습니다.

지속적인 개선 방법

RxDataSources를 사용하여 앱의 데이터 소스를 처리하는 것만으로도 많은 이점을 얻을 수 있지만, 앱의 성능을 더욱 향상시키고 유지보수를 더욱 용이하게 하는 몇 가지 방법을 소개하겠습니다.

1. 섹션과 아이템의 타입 지정

RxDataSources를 사용할 때 섹션과 아이템의 타입을 지정하는 것은 추천되는 방법입니다. 이를 통해 컴파일 타임에 데이터 타입의 일관성을 유지하고 오류를 사전에 방지할 수 있습니다.

struct Section {
    var header: String
    var items: [Item]
}

struct Item {
    var name: String
    var price: Double
}

let dataSource = RxTableViewSectionedReloadDataSource<Section>(
    configureCell: { dataSource, tableView, indexPath, item in
        // ...
    },
    titleForHeaderInSection: { dataSource, sectionIndex in
        return dataSource[sectionIndex].header
    }
)

이와 같이 섹션과 아이템의 타입을 구조체로 정의하여 사용하면, 타입 안정성이 보장되며 데이터를 더욱 쉽게 관리할 수 있습니다.

2. Diffing 기능 활용

RxDataSources는 변경된 데이터만 업데이트하는 Diffing 기능을 제공합니다. 이를 활용하면 변경이 발생한 아이템만 효율적으로 업데이트할 수 있으므로, 성능을 향상시킬 수 있습니다.

let dataSource = RxTableViewSectionedAnimatedDataSource<Section>(
    configureCell: { dataSource, tableView, indexPath, item in
        // ...
    },
    titleForHeaderInSection: { dataSource, sectionIndex in
        return dataSource[sectionIndex].header
    }
)

let initialSections = [
    Section(header: "Section 0", items: [Item(name: "A", price: 10), Item(name: "B", price: 20)]),
    Section(header: "Section 1", items: [Item(name: "C", price: 30), Item(name: "D", price: 40)])
]

let updatedSections = [
    Section(header: "Section 0", items: [Item(name: "A", price: 10), Item(name: "B", price: 25)]),
    Section(header: "Section 2", items: [Item(name: "E", price: 50)])
]

let changeset = StagedChangeset(source: initialSections, target: updatedSections)
dataSource.apply(changeset)

위 예제에서는 RxTableViewSectionedAnimatedDataSource를 사용하여 셀 애니메이션 기능을 활용합니다. StagedChangeset을 사용하여 변경된 데이터를 계산하고, apply() 메서드를 호출하여 테이블 뷰를 업데이트합니다.

3. Custom Binder 활용

RxDataSources에서 제공하는 기본 바인더만으로도 간편하게 데이터를 처리할 수 있지만, 필요에 따라 커스텀 바인더를 활용하여 더욱 유연하게 데이터를 다룰 수 있습니다.

extension Reactive where Base: UICollectionView {
    func items<DataSource: SectionedViewDataSourceType & UICollectionViewDataSource, S: ObservableType>
        (dataSource: DataSource)
        -> (_ source: S)
        -> Disposable
        where DataSource.SectionModel == SectionModel<String, Int>
    {
        return { source in
            return source.bind(to: self.base.rx.items(dataSource: dataSource))
        }
    }
}

let dataSource = RxCollectionViewSectionedReloadDataSource<SectionModel<String, Int>>(
    configureCell: { dataSource, collectionView, indexPath, item in
        // ...
    },
    configureSupplementaryView: { dataSource, collectionView, kind, indexPath in
        // ...
    }
)

let sections = [
    SectionModel(model: "Section 0", items: [0, 1, 2]),
    SectionModel(model: "Section 1", items: [3, 4, 5]),
    SectionModel(model: "Section 2", items: [6, 7, 8])
]

Observable.just(sections)
    .bind(to: collectionView.rx.items(dataSource: dataSource))
    .disposed(by: disposeBag)

위 예제는 UICollectionView에 대한 커스텀 바인더를 만드는 방법을 보여줍니다. 이를 통해 UICollectionViewDataSource를 준수하는 어떠한 데이터 소스에 대해서도 사용할 수 있습니다.

결론

RxDataSources는 데이터 소스 관리를 훨씬 간편하게 만들어주는 강력한 라이브러리입니다. 이 포스트에서는 RxDataSources의 기본 사용법과 몇 가지 개선 방법을 소개했습니다. 앱의 성능을 향상시키고 유지보수를 용이하게 만들기 위해 RxDataSources를 적극 활용해보세요.

참고 자료

RxDataSources GitHub 페이지