feat(chat): Talk 탭에 스크롤 페이지네이션 추가
This commit is contained in:
		@@ -9,7 +9,7 @@ import Foundation
 | 
			
		||||
import Moya
 | 
			
		||||
 | 
			
		||||
enum TalkApi {
 | 
			
		||||
    case getTalkRooms
 | 
			
		||||
    case getTalkRooms(page: Int)
 | 
			
		||||
    case createChatRoom(request: CreateChatRoomRequest)
 | 
			
		||||
    case enterChatRoom(roomId: Int, characterImageId: Int?)
 | 
			
		||||
    case sendMessage(roomId: Int, request: SendChatMessageRequest)
 | 
			
		||||
@@ -89,8 +89,11 @@ extension TalkApi: TargetType {
 | 
			
		||||
    
 | 
			
		||||
    var task: Moya.Task {
 | 
			
		||||
        switch self {
 | 
			
		||||
        case .getTalkRooms:
 | 
			
		||||
            return .requestPlain
 | 
			
		||||
        case .getTalkRooms(let page):
 | 
			
		||||
            return .requestParameters(
 | 
			
		||||
                parameters: ["page": page],
 | 
			
		||||
                encoding: URLEncoding.queryString
 | 
			
		||||
            )
 | 
			
		||||
            
 | 
			
		||||
        case .createChatRoom(let request):
 | 
			
		||||
            return .requestJSONEncodable(request)
 | 
			
		||||
 
 | 
			
		||||
@@ -13,7 +13,7 @@ import Moya
 | 
			
		||||
class TalkRepository {
 | 
			
		||||
    private let api = MoyaProvider<TalkApi>()
 | 
			
		||||
    
 | 
			
		||||
    func getTalkRooms() -> AnyPublisher<Response, MoyaError> {
 | 
			
		||||
        return api.requestPublisher(.getTalkRooms)
 | 
			
		||||
    func getTalkRooms(page: Int) -> AnyPublisher<Response, MoyaError> {
 | 
			
		||||
        return api.requestPublisher(.getTalkRooms(page: page))
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -19,9 +19,9 @@ struct TalkView: View {
 | 
			
		||||
                    .foregroundColor(.white)
 | 
			
		||||
            } else {
 | 
			
		||||
                ScrollView(.vertical, showsIndicators: false) {
 | 
			
		||||
                    VStack(spacing: 24) {
 | 
			
		||||
                        ForEach(0..<viewModel.talkRooms.count, id: \.self) {
 | 
			
		||||
                            let item = viewModel.talkRooms[$0]
 | 
			
		||||
                    LazyVStack(spacing: 24) {
 | 
			
		||||
                        ForEach(0..<viewModel.talkRooms.count, id: \.self) { index in
 | 
			
		||||
                            let item = viewModel.talkRooms[index]
 | 
			
		||||
                            TalkItemView(item: item)
 | 
			
		||||
                                .padding(.horizontal, 24)
 | 
			
		||||
                                .contentShape(Rectangle())
 | 
			
		||||
@@ -31,6 +31,17 @@ struct TalkView: View {
 | 
			
		||||
                                            step: .chatRoom(id: item.chatRoomId)
 | 
			
		||||
                                        )
 | 
			
		||||
                                }
 | 
			
		||||
                                .onAppear {
 | 
			
		||||
                                    // 마지막 셀 등장 시 다음 페이지 로드
 | 
			
		||||
                                    if index == viewModel.talkRooms.count - 1 {
 | 
			
		||||
                                        viewModel.loadNextPage()
 | 
			
		||||
                                    }
 | 
			
		||||
                                }
 | 
			
		||||
                        }
 | 
			
		||||
                        if viewModel.isLoadingMore {
 | 
			
		||||
                            ProgressView()
 | 
			
		||||
                                .progressViewStyle(CircularProgressViewStyle(tint: .white))
 | 
			
		||||
                                .padding(.vertical, 12)
 | 
			
		||||
                        }
 | 
			
		||||
                    }
 | 
			
		||||
                    .padding(.vertical, 24)
 | 
			
		||||
 
 | 
			
		||||
@@ -16,40 +16,82 @@ final class TalkViewModel: ObservableObject {
 | 
			
		||||
    @Published var isLoading: Bool = false
 | 
			
		||||
    @Published var errorMessage: String = ""
 | 
			
		||||
    @Published var isShowPopup = false
 | 
			
		||||
    @Published var isLoadingMore: Bool = false
 | 
			
		||||
    
 | 
			
		||||
    // MARK: - Private
 | 
			
		||||
    private let repository = TalkRepository()
 | 
			
		||||
    private var subscription = Set<AnyCancellable>()
 | 
			
		||||
    
 | 
			
		||||
    private var page: Int = 0
 | 
			
		||||
    private var isLastPage: Bool = false
 | 
			
		||||
    private var isLoadingPage: Bool = false
 | 
			
		||||
    
 | 
			
		||||
    // MARK: - API
 | 
			
		||||
    func getTalkRooms() {
 | 
			
		||||
        isLoading = true
 | 
			
		||||
        // 초기 로드: 페이지 리셋 후 0페이지 요청
 | 
			
		||||
        page = 0
 | 
			
		||||
        isLastPage = false
 | 
			
		||||
        talkRooms.removeAll()
 | 
			
		||||
        fetch(page: page, isInitial: true)
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    func loadNextPage() {
 | 
			
		||||
        guard !isLastPage, !isLoadingPage else { return }
 | 
			
		||||
        page += 1
 | 
			
		||||
        fetch(page: page, isInitial: false)
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    private func fetch(page: Int, isInitial: Bool) {
 | 
			
		||||
        if isInitial {
 | 
			
		||||
            isLoading = true
 | 
			
		||||
        } else {
 | 
			
		||||
            isLoadingMore = true
 | 
			
		||||
        }
 | 
			
		||||
        isLoadingPage = true
 | 
			
		||||
        
 | 
			
		||||
        repository.getTalkRooms()
 | 
			
		||||
            .sink { result in
 | 
			
		||||
                switch result {
 | 
			
		||||
                case .finished:
 | 
			
		||||
                    DEBUG_LOG("finish")
 | 
			
		||||
                case .failure(let error):
 | 
			
		||||
                    ERROR_LOG(error.localizedDescription)
 | 
			
		||||
        repository.getTalkRooms(page: page)
 | 
			
		||||
            .sink { [weak self] completion in
 | 
			
		||||
                guard let self = self else { return }
 | 
			
		||||
                DispatchQueue.main.async {
 | 
			
		||||
                    self.isLoading = false
 | 
			
		||||
                    self.isLoadingMore = false
 | 
			
		||||
                    self.isLoadingPage = false
 | 
			
		||||
                }
 | 
			
		||||
            } receiveValue: { response in
 | 
			
		||||
                
 | 
			
		||||
                if case let .failure(error) = completion {
 | 
			
		||||
                    ERROR_LOG(error.localizedDescription)
 | 
			
		||||
                    DispatchQueue.main.async {
 | 
			
		||||
                        self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
 | 
			
		||||
                        self.isShowPopup = true
 | 
			
		||||
                    }
 | 
			
		||||
                } else {
 | 
			
		||||
                    DEBUG_LOG("fetch page=\(page) finished")
 | 
			
		||||
                }
 | 
			
		||||
            } receiveValue: { [weak self] response in
 | 
			
		||||
                guard let self = self else { return }
 | 
			
		||||
                let responseData = response.data
 | 
			
		||||
                self.isLoading = false
 | 
			
		||||
                
 | 
			
		||||
                do {
 | 
			
		||||
                    let jsonDecoder = JSONDecoder()
 | 
			
		||||
                    let decoded = try jsonDecoder.decode(ApiResponse<[TalkRoom]>.self, from: responseData)
 | 
			
		||||
                    
 | 
			
		||||
                    if let data = decoded.data, decoded.success {
 | 
			
		||||
                        self.talkRooms = data
 | 
			
		||||
                        if data.isEmpty {
 | 
			
		||||
                            // 빈 데이터면 마지막 페이지로 인식
 | 
			
		||||
                            self.isLastPage = true
 | 
			
		||||
                            return
 | 
			
		||||
                        }
 | 
			
		||||
                        if isInitial || self.talkRooms.isEmpty && page == 0 {
 | 
			
		||||
                            self.talkRooms = data
 | 
			
		||||
                        } else {
 | 
			
		||||
                            self.talkRooms.append(contentsOf: data)
 | 
			
		||||
                        }
 | 
			
		||||
                    } else {
 | 
			
		||||
                        if let message = decoded.message {
 | 
			
		||||
                            self.errorMessage = message
 | 
			
		||||
                        } else {
 | 
			
		||||
                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
 | 
			
		||||
                        }
 | 
			
		||||
                        
 | 
			
		||||
                        self.isShowPopup = true
 | 
			
		||||
                    }
 | 
			
		||||
                } catch {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user