• 데이터를 한 번에 받아오면 앱이 느려질 수 있어 페이지별로 데이터를 받아옴

// willDisplayCell
        collectionView.rx.willDisplayCell
            .filter { $0.at.section == 1 }
            .map {
                let currentItem = $0.at.item
                if (currentItem + 1) % 6 == 0 && currentItem != 0 {
                    return currentItem / 6 + 1
                }
                return nil
            }
            .compactMap { $0 }
            .map { Reactor.Action.willDisplayCell($0) }
            .bind(to: reactor.action)
            .disposed(by: disposeBag)

• 현재는 willDisplayCell로 셀이 보여질 때를 감지해 마지막 item일 경우 다음 불러올 페이지 계산해 reactor에 보냄
• 근데 이렇게 하니 스크롤 될 때 마다 이전에 불러왔던 %6 == 0 인 item들도 계산 돼 reactor에서 Set을 사용해 이미 불러온 페이지는 안 불러오도록 설정함

func setUpCommentSection(_ currentPage: Int = 0) -> Observable<Mutation> {
        let currentPage = currentPage
        let query: [String: Int] = ["page": currentPage]
        
        if currentState.loadedPage.contains(currentPage) { return .empty() }
        
        return CommunityAPI.fetchCommunityComment(currentState.communityId, query)
            .catch { _ in .empty() }
            .flatMap { data -> Observable<Mutation> in
                var commentItem = self.currentState.commentItem
                
                let newComments = data.comments.filter { newComment in
                    !commentItem.contains(where: { $0?.commentId == newComment.commentId })
                }
                commentItem.append(contentsOf: newComments)

                
                return .concat([
                    .just(.setCommentItem(commentItem)),
                    .just(.setCommentCount(data.commentCount)),
                    .just(.setLoadedPage(currentPage))
                ])
            }
    }

• 그래서 이전에 있는 페이지인지 체크하고 insert하는 로직이 추가됨

개선점

• rxcocoa에 prefetchItem을 사용

• willDisplayCell은 방출하는 데이터가 Cell, IndexPath로 이루어져 있는 반면 prefetchItems는 IndexPath만으로 이루어져 있어 효율적일것이라 생각

• IndexPath 배열이 내려오고, 오름차순으로 내려오므로 가장 마지막 인덱스 값을 얻어와서 그 인덱스 값이 현재 데이터 소스의 마지막 인덱스일때 api를 호출하도록 구현

  • 이렇게 하면 이전에 불러왔던 페이지인지, 아이템개수에 따른 페이지 계산이 필요 없음

  // PrefetchItems
  collectionView.rx.prefetchItems
  .compactMap(\.last?.item)
  .map { Reactor.Action.prefetchItems($0) }
  .bind(to: reactor.action)
  .disposed(by: disposeBag)