[swift] RxDataSources를 사용한 네트워크 데이터 처리 방법

28 Nov 2023

swift

RxDataSources는 RxSwift의 확장팩으로, 테이블뷰나 컬렉션뷰에 데이터를 바인딩하는 작업을 간단하게 처리할 수 있도록 도와줍니다. 이번 포스트에서는 RxDataSources를 사용하여 네트워크 데이터를 처리하는 방법을 알아보겠습니다.

설치

RxDataSources를 사용하기 위해서는 먼저 RxSwift와 RxCocoa를 프로젝트에 추가해야 합니다. 이후에 RxDataSources를 설치할 수 있습니다.

pod 'RxSwift'
pod 'RxCocoa'
pod 'RxDataSources'

데이터 모델

먼저, 네트워크에서 가져온 데이터를 담을 모델을 만들어야 합니다. 예를 들어, 사용자 정보를 담는 User 모델을 만들 수 있습니다.

struct User {
    let id: Int
    let name: String
    let email: String
}

데이터 요청

네트워크에서 데이터를 가져오기 위해 API 클라이언트를 구성할 수 있습니다. 예를 들어, 사용자 정보를 가져오는 API 클라이언트를 만들 수 있습니다.

class UserAPIClient {
    func getUsers() -> Observable<[User]> {
        // 네트워크 요청 로직을 구현합니다.
        return Observable<[User]>.just([User(id: 1, name: "John Doe", email: "john@example.com")])
    }
}

데이터 처리

위에서 생성한 UserAPIClient를 사용하여 네트워크에서 데이터를 가져온 후, RxDataSources를 사용하여 테이블뷰에 데이터를 바인딩할 수 있습니다.

class ViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    
    let disposeBag = DisposeBag()
    let userAPIClient = UserAPIClient()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String, User>>(
            configureCell: { dataSource, tableView, indexPath, user in
                let cell = tableView.dequeueReusableCell(withIdentifier: "UserCell", for: indexPath) as! UserCell
                cell.configure(with: user)
                return cell
            }
        )

        userAPIClient.getUsers()
            .map { [SectionModel(model: "Users", items: $0)] }
            .bind(to: tableView.rx.items(dataSource: dataSource))
            .disposed(by: disposeBag)
    }
}

위의 코드에서, RxTableViewSectionedReloadDataSource를 사용하여 데이터를 섹션별로 바인딩합니다. configureCell 클로저에서는 테이블뷰 셀을 구성하는 로직을 작성하고, userAPIClient.getUsers() 메소드를 통해 네트워크에서 사용자 데이터를 가져오고, 가져온 데이터를 map 메소드를 사용하여 SectionModel로 변환한 후, bind(to:) 메소드를 사용하여 테이블뷰에 바인딩합니다.

결론

RxDataSources를 사용하면 네트워크 데이터를 간편하게 테이블뷰나 컬렉션뷰에 바인딩할 수 있습니다. 위의 예시를 참고하여 프로젝트에 적용해보세요. 자세한 내용은 RxDataSources 공식 문서를 참고하시기 바랍니다.