feat(chat-character): 신규 캐릭터 전체보기 화면 및 API 연동 추가
This commit is contained in:
Yu Sung
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// RecentCharactersResponse.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 9/12/25.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
|
||||
/// 신규 캐릭터 전체보기 응답 모델
|
||||
/// 서버 스펙: totalCount(Long), content(List<Character>)
|
||||
struct RecentCharactersResponse: Decodable {
|
||||
let totalCount: Int
|
||||
let content: [Character]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
//
|
||||
// NewCharacterRepository.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 9/12/25.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import Combine
|
||||
import CombineMoya
|
||||
import Moya
|
||||
|
||||
final class NewCharacterRepository {
|
||||
private let api = MoyaProvider<CharacterApi>()
|
||||
|
||||
func getRecentCharacters(page: Int, size: Int) -> AnyPublisher<Response, MoyaError> {
|
||||
return api.requestPublisher(.getRecentCharacters(page: page, size: size))
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
//
|
||||
// NewCharacterListViewModel.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 9/12/25.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import Combine
|
||||
import Moya
|
||||
|
||||
final class NewCharacterListViewModel: ObservableObject {
|
||||
// MARK: - Outputs
|
||||
@Published private(set) var totalCount: Int = 0
|
||||
@Published private(set) var items: [Character] = []
|
||||
@Published var isLoading: Bool = false
|
||||
@Published var isLoadingMore: Bool = false
|
||||
@Published var errorMessage: String = ""
|
||||
@Published var isShowPopup: Bool = false
|
||||
|
||||
// MARK: - Private
|
||||
private let repository = NewCharacterRepository()
|
||||
private var subscription = Set<AnyCancellable>()
|
||||
private var currentPage: Int = 0
|
||||
private let pageSize: Int = 20
|
||||
private var hasMorePages: Bool = true
|
||||
|
||||
// MARK: - API
|
||||
func fetch() {
|
||||
// 초기 로드
|
||||
currentPage = 0
|
||||
hasMorePages = true
|
||||
items.removeAll()
|
||||
request(page: currentPage)
|
||||
}
|
||||
|
||||
func loadMoreIfNeeded(currentIndex: Int) {
|
||||
guard hasMorePages,
|
||||
!isLoading,
|
||||
!isLoadingMore,
|
||||
currentIndex >= items.count - 1 else { return }
|
||||
loadMore()
|
||||
}
|
||||
|
||||
// MARK: - Private
|
||||
private func loadMore() {
|
||||
guard hasMorePages, !isLoadingMore else { return }
|
||||
isLoadingMore = true
|
||||
currentPage += 1
|
||||
request(page: currentPage, isLoadMore: true)
|
||||
}
|
||||
|
||||
private func request(page: Int, isLoadMore: Bool = false) {
|
||||
if !isLoadMore {
|
||||
isLoading = true
|
||||
}
|
||||
|
||||
repository.getRecentCharacters(page: page, size: pageSize)
|
||||
.receive(on: DispatchQueue.main)
|
||||
.sink { [weak self] completion in
|
||||
switch completion {
|
||||
case .finished:
|
||||
DEBUG_LOG("finish")
|
||||
case .failure(let error):
|
||||
ERROR_LOG(error.localizedDescription)
|
||||
if isLoadMore {
|
||||
self?.isLoadingMore = false
|
||||
} else {
|
||||
self?.isLoading = false
|
||||
}
|
||||
self?.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||
self?.isShowPopup = true
|
||||
}
|
||||
} receiveValue: { [weak self] response in
|
||||
guard let self = self else { return }
|
||||
do {
|
||||
let jsonDecoder = JSONDecoder()
|
||||
let decoded = try jsonDecoder.decode(ApiResponse<RecentCharactersResponse>.self, from: response.data)
|
||||
if let data = decoded.data, decoded.success {
|
||||
self.totalCount = data.totalCount
|
||||
if isLoadMore {
|
||||
self.items.append(contentsOf: data.content)
|
||||
self.isLoadingMore = false
|
||||
} else {
|
||||
self.items = data.content
|
||||
self.isLoading = false
|
||||
}
|
||||
// hasMore 계산 (총 개수 대비 현재 로드 수)
|
||||
if self.items.count >= self.totalCount || data.content.isEmpty {
|
||||
self.hasMorePages = false
|
||||
}
|
||||
} else {
|
||||
if let message = decoded.message {
|
||||
self.errorMessage = message
|
||||
} else {
|
||||
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||
}
|
||||
self.isShowPopup = true
|
||||
if isLoadMore {
|
||||
self.isLoadingMore = false
|
||||
} else {
|
||||
self.isLoading = false
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
if isLoadMore {
|
||||
self.isLoadingMore = false
|
||||
} else {
|
||||
self.isLoading = false
|
||||
}
|
||||
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||
self.isShowPopup = true
|
||||
}
|
||||
}
|
||||
.store(in: &subscription)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,123 @@
|
||||
//
|
||||
// NewCharacterListView.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 9/12/25.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct NewCharacterListView: View {
|
||||
@StateObject private var viewModel = NewCharacterListViewModel()
|
||||
|
||||
private let horizontalPadding: CGFloat = 12
|
||||
private let gridSpacing: CGFloat = 12
|
||||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
BaseView(isLoading: $viewModel.isLoading) {
|
||||
VStack(spacing: 8) {
|
||||
// Toolbar
|
||||
DetailNavigationBar(title: "신규 캐릭터 전체보기")
|
||||
|
||||
VStack(alignment: .leading, spacing: 12) {
|
||||
// 전체 n개
|
||||
HStack(spacing: 0) {
|
||||
Text("전체 ")
|
||||
.font(.custom(Font.preRegular.rawValue, size: 12))
|
||||
.foregroundColor(Color(hex: "e2e2e2"))
|
||||
Text("\(viewModel.totalCount)")
|
||||
.font(.custom(Font.preRegular.rawValue, size: 12))
|
||||
.foregroundColor(Color(hex: "ff5c49"))
|
||||
Text("개")
|
||||
.font(.custom(Font.preRegular.rawValue, size: 12))
|
||||
.foregroundColor(Color(hex: "e2e2e2"))
|
||||
Spacer()
|
||||
}
|
||||
.padding(.horizontal, 24)
|
||||
|
||||
// Grid 3열
|
||||
GeometryReader { geo in
|
||||
let totalSpacing: CGFloat = gridSpacing * 2
|
||||
let width = (geo.size.width - (horizontalPadding * 2) - totalSpacing) / 3
|
||||
|
||||
ScrollView(.vertical, showsIndicators: false) {
|
||||
LazyVGrid(
|
||||
columns: Array(
|
||||
repeating: GridItem(
|
||||
.flexible(),
|
||||
spacing: gridSpacing,
|
||||
alignment: .topLeading
|
||||
),
|
||||
count: 3
|
||||
),
|
||||
alignment: .leading,
|
||||
spacing: gridSpacing
|
||||
) {
|
||||
ForEach(viewModel.items.indices, id: \.self) { idx in
|
||||
let item = viewModel.items[idx]
|
||||
|
||||
NavigationLink(value: item.characterId) {
|
||||
CharacterItemView(
|
||||
character: item,
|
||||
size: width,
|
||||
rank: 0,
|
||||
isShowRank: false
|
||||
)
|
||||
.onAppear { viewModel.loadMoreIfNeeded(currentIndex: idx) }
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, horizontalPadding)
|
||||
|
||||
if viewModel.isLoadingMore {
|
||||
HStack {
|
||||
Spacer()
|
||||
ProgressView()
|
||||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||||
.padding(.vertical, 16)
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.frame(minHeight: 0, maxHeight: .infinity)
|
||||
}
|
||||
.padding(.vertical, 12)
|
||||
.onAppear {
|
||||
// 최초 1회만 로드하여 상세 진입 후 복귀 시 스크롤 위치가 유지되도록 함
|
||||
if viewModel.items.isEmpty {
|
||||
viewModel.fetch()
|
||||
}
|
||||
}
|
||||
}
|
||||
.background(Color.black)
|
||||
}
|
||||
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .top, autohideIn: 2) {
|
||||
GeometryReader { geo in
|
||||
HStack {
|
||||
Spacer()
|
||||
Text(viewModel.errorMessage)
|
||||
.padding(.vertical, 13.3)
|
||||
.frame(width: geo.size.width - 66.7, alignment: .center)
|
||||
.font(.custom(Font.medium.rawValue, size: 12))
|
||||
.background(Color.button)
|
||||
.foregroundColor(Color.white)
|
||||
.multilineTextAlignment(.center)
|
||||
.cornerRadius(20)
|
||||
.padding(.top, 66.7)
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
}
|
||||
.navigationDestination(for: Int.self) { characterId in
|
||||
CharacterDetailView(characterId: characterId)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
NewCharacterListView()
|
||||
.background(Color.black)
|
||||
}
|
||||
Reference in New Issue
Block a user