[swift] IGListDiffKit과 함께하는 페이징 처리

20 Nov 2023

swift

페이징 처리는 대부분의 앱에서 필요한 기능이며, IGListDiffKit은 페이징 처리를 간편하게 구현할 수 있는 도구입니다. IGListDiffKit은 iOS 앱 개발에 사용되는 Swift 프레임워크입니다. 이 글에서는 IGListDiffKit을 사용하여 페이징 처리를 하는 방법에 대해 알아보겠습니다.

IGListDiffKit 소개

IGListDiffKit은 컬렉션 뷰의 데이터 업데이트를 좀 더 효율적으로 처리할 수 있도록 도와주는 프레임워크입니다. IGListDiffKit은 데이터의 변경 사항을 감지하고, 변경된 부분만 업데이트하여 컬렉션 뷰의 퍼포먼스를 향상시켜줍니다.

페이징 처리 구현

IGListDiffKit을 사용하여 페이징 처리를 구현하는 방법은 다음과 같습니다.

데이터 모델을 생성합니다. 데이터 모델은 페이징 처리에 필요한 정보들을 담고 있어야 합니다. 예를 들어, 현재 페이지 번호, 페이지당 아이템 개수, 전체 아이템 개수 등을 포함할 수 있습니다.
컨트롤러에 IGListCollectionView와 IGListAdapter를 생성합니다. IGListCollectionView는 IGListDiffKit을 사용한 컬렉션 뷰이고, IGListAdapter는 데이터 모델과 컬렉션 뷰를 연결해주는 역할을 합니다.
페이징 처리를 위한 기능을 구현합니다. IGListDiffKit은 객체의 식별을 위해 NSDiffableDataSourceSnapshot을 사용합니다. NSDiffableDataSourceSnapshot을 사용하여 데이터 변화를 탐지하고, 변경된 부분만 화면에 업데이트할 수 있습니다. 페이징 처리를 위해 API 요청 후 반환된 데이터를 기존 데이터에 추가하고, IGListAdapter의 performUpdates(animated:completion:) 메소드를 호출하여 화면을 업데이트합니다.
페이지가 로드되면 페이징 처리를 시작합니다. 첫 번째 페이지를 로드하기 위해 API 요청을 보내고, 반환된 데이터를 데이터 모델에 추가합니다. 이후 스크롤을 통해 다음 페이지를 요청하고, 반환된 데이터를 데이터 모델에 추가합니다. 이 과정을 반복하여 페이징 처리를 완성합니다.

아래는 IGListDiffKit을 사용하여 페이징 처리를 하는 예시 코드입니다.

import IGListDiffKit

class PagingViewController: UIViewController {
    private var dataModel: DataModel = DataModel()
    @IBOutlet private weak var collectionView: UICollectionView!

    lazy var adapter: ListAdapter = {
        return ListAdapter(updater: ListAdapterUpdater(), viewController: self)
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        adapter.collectionView = collectionView
        adapter.dataSource = self

        loadFirstPage()
    }

    // 첫번째 페이지 로드
    private func loadFirstPage() {
        APIService.shared.fetchFirstPage { [weak self] data in
            guard let self = self else { return }
            self.dataModel.addData(data)
            self.adapter.performUpdates(animated: true, completion: nil)
        }
    }

    // 스크롤이 마지막에 도달할 때 호출
    private func loadNextPage() {
        APIService.shared.fetchNextPage { [weak self] data in
            guard let self = self else { return }
            self.dataModel.addData(data)
            self.adapter.performUpdates(animated: true, completion: nil)
        }
    }
}

extension PagingViewController: ListAdapterDataSource {
    func objects(for listAdapter: ListAdapter) -> [ListDiffable] {
        return dataModel.items
    }

    func listAdapter(_ listAdapter: ListAdapter, sectionControllerFor object: Any) -> ListSectionController {
        return ItemSectionController()
    }

    func emptyView(for listAdapter: ListAdapter) -> UIView? {
        return nil
    }
}

위 코드에서 DataModel은 페이징 처리에 필요한 정보를 담고 있습니다. APIService는 API 요청을 보내는 역할을 수행합니다. ItemSectionController는 아이템을 컬렉션 뷰에 표시하는 컨트롤러입니다. 위 코드에서 DataModel, APIService, ItemSectionController는 개발자가 직접 구현해야 합니다.

결론

IGListDiffKit을 사용하여 페이징 처리를 구현하는 방법에 대해 알아보았습니다. IGListDiffKit은 iOS 앱의 컬렉션 뷰 업데이트를 효율적으로 처리해주는 강력한 도구입니다. 이를 활용하여 데이터의 페이징 처리를 간편하게 구현할 수 있습니다.

IGListDiffKit 소개

페이징 처리 구현

결론

참고 자료