klaus/sodalive-ios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(creator): 시리즈 섹션을 연결한다

Browse Source
This commit is contained in:
Yu Sung
2026-07-03 15:07:24 +09:00
parent 32174cd0af
commit ed6240fdd0
9 changed files with 188 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
SodaLive.xcodeproj/project.pbxproj
View File

@@ -43,6 +43,9 @@
CC01011A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift */; };
CC01021A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift */; };
CC01031A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift */; };
CC01011B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift */; };
CC01021B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift */; };
CC01031B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC01001B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift */; };
CC0101082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC0100082FF0100000A5BBA3 /* CreatorChannelView.swift */; };
CC0102082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC0100082FF0100000A5BBA3 /* CreatorChannelView.swift */; };
CC0103082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */ = {isa = PBXBuildFile; fileRef = CC0100082FF0100000A5BBA3 /* CreatorChannelView.swift */; };
@@ -1774,6 +1777,7 @@
CC0100182FF0100000A5BBA3 /* CreatorChannelScheduleSection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CreatorChannelScheduleSection.swift; sourceTree = "<group>"; };
CC0100192FF0100000A5BBA3 /* CreatorChannelAudioContentListItem.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CreatorChannelAudioContentListItem.swift; sourceTree = "<group>"; };
CC01001A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CreatorChannelAudioSection.swift; sourceTree = "<group>"; };
CC01001B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CreatorChannelSeriesSection.swift; sourceTree = "<group>"; };
0BBDC3ECBBE049EAA4057D3A /* PostChannelDonationRequest.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; path = PostChannelDonationRequest.swift; sourceTree = "<group>"; };
0EC05859619BDC03056911E7 /* MainTab.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; path = MainTab.swift; sourceTree = "<group>"; };
189350EA101CF12EEBA6EC1D /* MainTabBarView.swift */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = sourcecode.swift; path = MainTabBarView.swift; sourceTree = "<group>"; };
@@ -2700,6 +2704,7 @@
CC0100182FF0100000A5BBA3 /* CreatorChannelScheduleSection.swift */,
CC0100192FF0100000A5BBA3 /* CreatorChannelAudioContentListItem.swift */,
CC01001A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift */,
CC01001B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift */,
);
path = Components;
sourceTree = "<group>";
@@ -5641,6 +5646,7 @@
CC0101182FF0100000A5BBA3 /* CreatorChannelScheduleSection.swift in Sources */,
CC0101192FF0100000A5BBA3 /* CreatorChannelAudioContentListItem.swift in Sources */,
CC01011A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */,
CC01011B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */,
CC0101082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */,
CC0101112FF0100000A5BBA3 /* CreatorChannelTitleBar.swift in Sources */,
CC0101122FF0100000A5BBA3 /* CreatorChannelHeaderSection.swift in Sources */,
@@ -6445,6 +6451,7 @@
CC0102182FF0100000A5BBA3 /* CreatorChannelScheduleSection.swift in Sources */,
CC0102192FF0100000A5BBA3 /* CreatorChannelAudioContentListItem.swift in Sources */,
CC01021A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */,
CC01021B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */,
CC0102082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */,
CC0102112FF0100000A5BBA3 /* CreatorChannelTitleBar.swift in Sources */,
CC0102122FF0100000A5BBA3 /* CreatorChannelHeaderSection.swift in Sources */,
@@ -7265,6 +7272,7 @@
CC0103182FF0100000A5BBA3 /* CreatorChannelScheduleSection.swift in Sources */,
CC0103192FF0100000A5BBA3 /* CreatorChannelAudioContentListItem.swift in Sources */,
CC01031A2FF0100000A5BBA3 /* CreatorChannelAudioSection.swift in Sources */,
CC01031B2FF0100000A5BBA3 /* CreatorChannelSeriesSection.swift in Sources */,
CC0103082FF0100000A5BBA3 /* CreatorChannelView.swift in Sources */,
CC0103112FF0100000A5BBA3 /* CreatorChannelTitleBar.swift in Sources */,
CC0103122FF0100000A5BBA3 /* CreatorChannelHeaderSection.swift in Sources */,

21
SodaLive/Resources/Assets.xcassets/v2/ic_series_original.imageset/Contents.json vendored Normal file
View File

@@ -0,0 +1,21 @@
{
"images" : [
{
"filename" : "ic_series_original.png",
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

BIN
SodaLive/Resources/Assets.xcassets/v2/ic_series_original.imageset/ic_series_original.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 603 B

21
SodaLive/Resources/Assets.xcassets/v2/img_new_only.imageset/Contents.json vendored Normal file
View File

@@ -0,0 +1,21 @@
{
"images" : [
{
"filename" : "img_new_only.png",
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

BIN
SodaLive/Resources/Assets.xcassets/v2/img_new_only.imageset/img_new_only.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 482 B

8
SodaLive/Sources/V2/CreatorChannel/CreatorChannelView.swift
View File

@@ -159,7 +159,8 @@ struct CreatorChannelView: View {
onTapLive: showLiveDetail,
onTapContent: showContentDetail,
onTapDonate: showDonationDialog,
onTapSchedule: handleScheduleTap
onTapSchedule: handleScheduleTap,
onTapSeries: showSeriesDetail
)
} else {
CreatorChannelPlaceholderTabView(title: viewModel.selectedTab.title)
@@ -201,6 +202,11 @@ struct CreatorChannelView: View {
)
}
private func showSeriesDetail(_ seriesId: Int) {
guard seriesId > 0 else { return }
AppState.shared.setAppStep(step: .seriesDetail(seriesId: seriesId))
}
private func showCommunity(_ creatorId: Int) {
guard creatorId > 0 else { return }
AppState.shared.setAppStep(step: .creatorCommunityAll(creatorId: creatorId))

117
SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelSeriesSection.swift Normal file
View File

@@ -0,0 +1,117 @@
import SwiftUI
struct CreatorChannelSeriesSection: View {
let series: [CreatorChannelSeriesResponse]
let onSelectTab: (CreatorChannelTab) -> Void
let onTapSeries: (Int) -> Void
init(
series: [CreatorChannelSeriesResponse],
onSelectTab: @escaping (CreatorChannelTab) -> Void,
onTapSeries: @escaping (Int) -> Void = { _ in }
) {
self.series = series
self.onSelectTab = onSelectTab
self.onTapSeries = onTapSeries
}
var body: some View {
if series.isEmpty == false {
VStack(alignment: .leading, spacing: SodaSpacing.s14) {
SectionTitle(title: I18n.CreatorChannelHome.series) {
onSelectTab(.series)
}
ScrollView(.horizontal, showsIndicators: false) {
HStack(alignment: .top, spacing: SodaSpacing.s8) {
ForEach(series) { item in
CreatorChannelSeriesCard(series: item) {
onTapSeries(item.seriesId)
}
}
}
.padding(.leading, SodaSpacing.s14)
.padding(.trailing, SodaSpacing.s20)
}
}
.padding(.top, SodaSpacing.s20)
}
}
}
private struct CreatorChannelSeriesCard: View {
let series: CreatorChannelSeriesResponse
let action: () -> Void
private let baseDeviceWidth: CGFloat = 402
private let maxThumbnailWidth: CGFloat = 163
private let maxThumbnailHeight: CGFloat = 230
private var scale: CGFloat {
min(1, UIScreen.main.bounds.width / baseDeviceWidth)
}
private var thumbnailWidth: CGFloat {
maxThumbnailWidth * scale
}
private var thumbnailHeight: CGFloat {
maxThumbnailHeight * scale
}
var body: some View {
Button(action: action) {
thumbnail
}
.buttonStyle(.plain)
}
private var thumbnail: some View {
ZStack(alignment: .topLeading) {
DownsampledKFImage(
url: URL(string: series.coverImageUrl),
size: CGSize(width: thumbnailWidth, height: thumbnailHeight)
)
.background(Color.gray800)
if series.isOriginal {
HStack(spacing: 4) {
Image("ic_series_original")
.resizable()
.scaledToFit()
.frame(width: 14, height: 14)
Image("img_new_only")
.resizable()
.scaledToFit()
.frame(height: 14)
}
.padding(.horizontal, 8)
.padding(.vertical, 5)
.background(Color.gray900)
}
}
.frame(width: thumbnailWidth, height: thumbnailHeight)
.clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
}
}
struct CreatorChannelSeriesSection_Previews: PreviewProvider {
static var previews: some View {
CreatorChannelSeriesSection(
series: (1...3).map { index in
CreatorChannelSeriesResponse(
seriesId: index,
title: "시리즈 제목",
coverImageUrl: "https://picsum.photos/300/420?\(index)",
numberOfContent: 10,
isNew: index.isMultiple(of: 2),
isOriginal: true
)
},
onSelectTab: { _ in }
)
.background(Color.black)
.previewLayout(.sizeThatFits)
}
}

11
SodaLive/Sources/V2/CreatorChannel/Home/CreatorChannelHomeView.swift
View File

@@ -7,6 +7,7 @@ struct CreatorChannelHomeView: View {
let onTapContent: (Int) -> Void
let onTapDonate: () -> Void
let onTapSchedule: (CreatorActivityType, Int) -> Void
let onTapSeries: (Int) -> Void
init(
response: CreatorChannelHomeResponse,
@@ -14,7 +15,8 @@ struct CreatorChannelHomeView: View {
onTapLive: @escaping (Int) -> Void = { _ in },
onTapContent: @escaping (Int) -> Void = { _ in },
onTapDonate: @escaping () -> Void = {},
onTapSchedule: @escaping (CreatorActivityType, Int) -> Void = { _, _ in }
onTapSchedule: @escaping (CreatorActivityType, Int) -> Void = { _, _ in },
onTapSeries: @escaping (Int) -> Void = { _ in }
) {
self.response = response
self.onSelectTab = onSelectTab
@@ -22,6 +24,7 @@ struct CreatorChannelHomeView: View {
self.onTapContent = onTapContent
self.onTapDonate = onTapDonate
self.onTapSchedule = onTapSchedule
self.onTapSeries = onTapSeries
}
var body: some View {
@@ -54,6 +57,12 @@ struct CreatorChannelHomeView: View {
onSelectTab: onSelectTab,
onTapContent: onTapContent
)
CreatorChannelSeriesSection(
series: response.series,
onSelectTab: onSelectTab,
onTapSeries: onTapSeries
)
}
.frame(maxWidth: .infinity, alignment: .leading)
.background(Color.black)

7
docs/20260701_크리에이터_채널_홈/plan-task.md
View File

@@ -450,17 +450,18 @@
### Phase 11: 시리즈 섹션
- [ ] **Task 11.1: 시리즈 섹션 구현**
- [x] **Task 11.1: 시리즈 섹션 구현**
- 대상 파일:
- 생성: `SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelSeriesSection.swift`
- 수정: `SodaLive/Sources/V2/CreatorChannel/Home/CreatorChannelHomeView.swift`
- 작업 내용:
- `series.isEmpty`이면 섹션을 표시하지 않는다.
- 각 item의 `seriesId`, `title`, `coverImageUrl`, `numberOfContent`, `isNew`, `isOriginal`을 표시한다.
- 각 item의 `seriesId`, `coverImageUrl`, `isNew`, `isOriginal`을 사용한다.
- 카드에는 시리즈 제목과 콘텐츠 수를 표시하지 않는다.
- 전체보기는 부모에서 주입받은 `onSelectTab(.series)` closure로 연결한다.
- item tap은 기존 `AppStep.seriesDetail(seriesId:)` 흐름으로 연결한다.
- 검증 기준:
- 실행 명령: `rg "struct CreatorChannelSeriesSection|seriesId|coverImageUrl|numberOfContent|isNew|isOriginal|onSelectTab|\\.series|seriesDetail" SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelSeriesSection.swift SodaLive/Sources/V2/CreatorChannel/Home/CreatorChannelHomeView.swift`
- 실행 명령: `rg "struct CreatorChannelSeriesSection|seriesId|coverImageUrl|isNew|isOriginal|onSelectTab|\\.series|seriesDetail" SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelSeriesSection.swift SodaLive/Sources/V2/CreatorChannel/Home/CreatorChannelHomeView.swift`
- 기대 결과: 시리즈 카드, 전체보기, 상세 진입이 확인된다.
### Phase 12: 커뮤니티 섹션