From 822174656981839e3f1d3a794863f32160deb657 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Thu, 23 Oct 2025 18:55:53 +0900
Subject: [PATCH] =?UTF-8?q?feat(image):=20=EB=A9=94=EC=9D=B8=20=ED=99=88,?=
 =?UTF-8?q?=20=EC=B1=84=ED=8C=85=20-=20=ED=86=A1=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EC=97=90=20DownsampledKFImage=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 수평 리스트 HStack → LazyHStack으로 교체해 프리로딩/메모리 개선
---
 .../Sources/Chat/Original/OriginalTabItemView.swift | 13 ++++---------
 SodaLive/Sources/Chat/Talk/TalkItemView.swift       | 12 ++++--------
 SodaLive/Sources/Content/ContentItemView.swift      | 11 +++++------
 .../Content/Main/V2/ContentMainBannerViewV2.swift   | 12 +++++-------
 .../Content/Series/DayOfWeekSeriesView.swift        |  4 ++--
 .../Sources/Content/Series/SeriesItemView.swift     | 13 ++++++-------
 .../Sources/Home/HomeCreatorRankingItemView.swift   | 11 +++++------
 SodaLive/Sources/Home/HomeLiveItemView.swift        | 10 +++++-----
 SodaLive/Sources/Home/HomeTabView.swift             | 12 ++++++------
 SodaLive/Sources/Home/HomeWeeklyChartItemView.swift | 10 +++++-----
 .../RecommendChannelContentItemView.swift           | 10 +++++-----
 .../RecommendChannel/RecommendChannelItemView.swift | 11 +++++------
 12 files changed, 57 insertions(+), 72 deletions(-)

diff --git a/SodaLive/Sources/Chat/Original/OriginalTabItemView.swift b/SodaLive/Sources/Chat/Original/OriginalTabItemView.swift
index 82dc090..d50aaf5 100644
--- a/SodaLive/Sources/Chat/Original/OriginalTabItemView.swift
+++ b/SodaLive/Sources/Chat/Original/OriginalTabItemView.swift
@@ -15,15 +15,10 @@ struct OriginalTabItemView: View {
     
     var body: some View {
         VStack(alignment: .leading, spacing: 4) {
-            KFImage(URL(string: item.imageUrl!))
-                .placeholder { Color.gray.opacity(0.2) }
-                .retry(maxCount: 2, interval: .seconds(1))
-                .cancelOnDisappear(true)
-                .resizable()
-                .scaledToFill()
-                .frame(width: size, height: size * 432 / 306)
-                .clipped()
-                .cornerRadius(16)
+            DownsampledKFImage(
+                url: URL(string: item.imageUrl!),
+                size: CGSize(width: size, height: size * 432 / 306)
+            ).cornerRadius(16)
             
             Text(item.title)
                 .font(.custom(Font.preRegular.rawValue, size: 18))
diff --git a/SodaLive/Sources/Chat/Talk/TalkItemView.swift b/SodaLive/Sources/Chat/Talk/TalkItemView.swift
index 051f7e7..0b0fa4e 100644
--- a/SodaLive/Sources/Chat/Talk/TalkItemView.swift
+++ b/SodaLive/Sources/Chat/Talk/TalkItemView.swift
@@ -16,14 +16,10 @@ struct TalkItemView: View {
     
     var body: some View {
         HStack(spacing: 13) {
-            KFImage(URL(string: item.imageUrl))
-                .placeholder { Circle().fill(Color.gray.opacity(0.2)) }
-                .retry(maxCount: 2, interval: .seconds(1))
-                .cancelOnDisappear(true)
-                .resizable()
-                .scaledToFill()
-                .frame(width: 76, height: 76)
-                .clipShape(Circle())
+            DownsampledKFImage(
+                url: URL(string: item.imageUrl),
+                size: CGSize(width: 76, height: 76)
+            ).clipShape(Circle())
             
             VStack(alignment: .leading, spacing: 6) {
                 HStack(spacing: 4) {
diff --git a/SodaLive/Sources/Content/ContentItemView.swift b/SodaLive/Sources/Content/ContentItemView.swift
index c0c7520..2a3394f 100644
--- a/SodaLive/Sources/Content/ContentItemView.swift
+++ b/SodaLive/Sources/Content/ContentItemView.swift
@@ -17,12 +17,11 @@ struct ContentItemView: View {
     var body: some View {
         VStack(alignment: .leading, spacing: 0) {
             ZStack(alignment: .top) {
-                KFImage(URL(string: item.coverImageUrl))
-                    .cancelOnDisappear(true)
-                    .resizable()
-                    .scaledToFill()
-                    .frame(width: 160, height: 160, alignment: .top)
-                    .cornerRadius(16)
+                DownsampledKFImage(
+                    url: URL(string: item.coverImageUrl),
+                    size: CGSize(width: 160, height: 160)
+                )
+                .cornerRadius(16)
                 
                 HStack(alignment: .top, spacing: 0) {
                     Spacer()
diff --git a/SodaLive/Sources/Content/Main/V2/ContentMainBannerViewV2.swift b/SodaLive/Sources/Content/Main/V2/ContentMainBannerViewV2.swift
index 13fabe9..15da358 100644
--- a/SodaLive/Sources/Content/Main/V2/ContentMainBannerViewV2.swift
+++ b/SodaLive/Sources/Content/Main/V2/ContentMainBannerViewV2.swift
@@ -112,13 +112,11 @@ struct ContentMainBannerImageView: View {
     var body: some View {
         Group {
             if let boundURL {
-                KFImage(boundURL)
-                    .cancelOnDisappear(true)
-                    .downsampling(size: CGSize(width: width, height: height))
-                    .resizable()
-                    .scaledToFill()
-                    .frame(width: width, height: height)
-                    .cornerRadius(4.7)
+                DownsampledKFImage(
+                    url: boundURL,
+                    size: CGSize(width: width, height: height)
+                )
+                .cornerRadius(4.7)
             } else {
                 Color.clear
                     .frame(width: width, height: height)
diff --git a/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift b/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
index 0716c2d..0c4c367 100644
--- a/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
+++ b/SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift
@@ -56,7 +56,7 @@ struct DayOfWeekSeriesView: View {
             .padding(.horizontal, 24)
             
             ScrollView(.horizontal, showsIndicators: false) {
-                HStack(spacing: 5) {
+                LazyHStack(spacing: 5) {
                     ForEach(0..<dayOfWeekItems.count, id: \.self) {
                         let item = dayOfWeekItems[$0]
                         DayOfWeekDayView(dayOfWeek: item.dayOfWeekStr, isSelected: dayOfWeek == item.dayOfWeek)
@@ -72,7 +72,7 @@ struct DayOfWeekSeriesView: View {
             }
             
             ScrollView(.horizontal, showsIndicators: false) {
-                HStack(spacing: 16) {
+                LazyHStack(spacing: 16) {
                     ForEach(0..<seriesList.count, id: \.self) {
                         SeriesItemView(item: seriesList[$0])
                     }
diff --git a/SodaLive/Sources/Content/Series/SeriesItemView.swift b/SodaLive/Sources/Content/Series/SeriesItemView.swift
index e10d954..7dfa160 100644
--- a/SodaLive/Sources/Content/Series/SeriesItemView.swift
+++ b/SodaLive/Sources/Content/Series/SeriesItemView.swift
@@ -17,13 +17,12 @@ struct SeriesItemView: View {
     var body: some View {
         VStack(alignment: .leading, spacing: 4) {
             ZStack {
-                KFImage(URL(string: item.coverImage))
-                    .cancelOnDisappear(true)
-                    .resizable()
-                    .scaledToFill()
-                    .frame(width: 160, height: 227, alignment: .center)
-                    .cornerRadius(16)
-                    .clipped()
+                DownsampledKFImage(
+                    url: URL(string: item.coverImage),
+                    size: CGSize(width: 160, height: 227)
+                )
+                .cornerRadius(16)
+                .clipped()
                 
                 VStack(alignment: .leading, spacing: 0) {
                     HStack(spacing: 0) {
diff --git a/SodaLive/Sources/Home/HomeCreatorRankingItemView.swift b/SodaLive/Sources/Home/HomeCreatorRankingItemView.swift
index d46d07e..bba0e5d 100644
--- a/SodaLive/Sources/Home/HomeCreatorRankingItemView.swift
+++ b/SodaLive/Sources/Home/HomeCreatorRankingItemView.swift
@@ -22,12 +22,11 @@ struct HomeCreatorRankingItemView: View {
     var body: some View {
         ZStack(alignment: .topLeading) {
             VStack(spacing: 0) {
-                KFImage(URL(string: item.profileImageUrl))
-                    .cancelOnDisappear(true)
-                    .resizable()
-                    .scaledToFill()
-                    .frame(width: 84, height: 84, alignment: .top)
-                    .clipShape(Circle())
+                DownsampledKFImage(
+                    url: URL(string: item.profileImageUrl),
+                    size: CGSize(width: 84, height: 84)
+                )
+                .clipShape(Circle())
                                
                 Text(item.nickname)
                     .font(.custom(Font.preRegular.rawValue, size: 16))
diff --git a/SodaLive/Sources/Home/HomeLiveItemView.swift b/SodaLive/Sources/Home/HomeLiveItemView.swift
index 505793e..d2e2fa4 100644
--- a/SodaLive/Sources/Home/HomeLiveItemView.swift
+++ b/SodaLive/Sources/Home/HomeLiveItemView.swift
@@ -17,11 +17,11 @@ struct HomeLiveItemView: View {
         HStack(spacing: 16) {
             ZStack(alignment: .bottom) {
                 ZStack {
-                    KFImage(URL(string: item.creatorProfileImage))
-                        .cancelOnDisappear(true)
-                        .resizable()
-                        .frame(width: 62, height: 62)
-                        .clipShape(Circle())
+                    DownsampledKFImage(
+                        url: URL(string: item.creatorProfileImage),
+                        size: CGSize(width: 62, height: 62)
+                    )
+                    .clipShape(Circle())
                 }
                 .padding(7)
                 .overlay {
diff --git a/SodaLive/Sources/Home/HomeTabView.swift b/SodaLive/Sources/Home/HomeTabView.swift
index 6d455bd..2e1fbe9 100644
--- a/SodaLive/Sources/Home/HomeTabView.swift
+++ b/SodaLive/Sources/Home/HomeTabView.swift
@@ -93,7 +93,7 @@ struct HomeTabView: View {
                                     .padding(.horizontal, 24)
                                     
                                     ScrollView(.horizontal, showsIndicators: false) {
-                                        HStack(spacing: 16) {
+                                        LazyHStack(spacing: 16) {
                                             ForEach(0..<viewModel.liveList.count, id: \.self) { index in
                                                 HomeLiveItemView(item: viewModel.liveList[index]) { roomId in
                                                     if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
@@ -134,7 +134,7 @@ struct HomeTabView: View {
                                     .padding(.horizontal, 24)
                                     
                                     ScrollView(.horizontal, showsIndicators: false) {
-                                        HStack(spacing: 16) {
+                                        LazyHStack(spacing: 16) {
                                             ForEach(0..<viewModel.creatorRanking.count, id: \.self) {
                                                 let item = viewModel.creatorRanking[$0]
                                                 HomeCreatorRankingItemView(
@@ -205,7 +205,7 @@ struct HomeTabView: View {
                                     .padding(.horizontal, 24)
                                     
                                     ScrollView(.horizontal, showsIndicators: false) {
-                                        HStack(spacing: 16) {
+                                        LazyHStack(spacing: 16) {
                                             ForEach(0..<viewModel.originalAudioDramaList.count, id: \.self) {
                                                 SeriesItemView(item: viewModel.originalAudioDramaList[$0])
                                             }
@@ -269,7 +269,7 @@ struct HomeTabView: View {
                                     .padding(.horizontal, 24)
                                     
                                     ScrollView(.horizontal, showsIndicators: false) {
-                                        HStack(spacing: 16) {
+                                        LazyHStack(spacing: 16) {
                                             ForEach(0..<viewModel.recommendChannelList.count, id: \.self) {
                                                 RecommendChannelItemView(item: viewModel.recommendChannelList[$0])
                                             }
@@ -293,7 +293,7 @@ struct HomeTabView: View {
                                     .padding(.horizontal, 24)
                                     
                                     ScrollView(.horizontal, showsIndicators: false) {
-                                        HStack(spacing: 16) {
+                                        LazyHStack(spacing: 16) {
                                             ForEach(0..<viewModel.freeContentList.count, id: \.self) { index in
                                                 ContentItemView(item: viewModel.freeContentList[index])
                                             }
@@ -315,7 +315,7 @@ struct HomeTabView: View {
                                         .padding(.horizontal, 24)
                                         
                                         ScrollView(.horizontal, showsIndicators: false) {
-                                            HStack(spacing: 16) {
+                                            LazyHStack(spacing: 16) {
                                                 ForEach(0..<curation.items.count, id: \.self) { index in
                                                     let item = curation.items[index]
                                                     ContentItemView(
diff --git a/SodaLive/Sources/Home/HomeWeeklyChartItemView.swift b/SodaLive/Sources/Home/HomeWeeklyChartItemView.swift
index 49e9930..3479696 100644
--- a/SodaLive/Sources/Home/HomeWeeklyChartItemView.swift
+++ b/SodaLive/Sources/Home/HomeWeeklyChartItemView.swift
@@ -21,11 +21,11 @@ struct HomeWeeklyChartItemView: View {
                 .foregroundColor(Color(hex: "B5E7FA"))
                 .frame(width: 30)
             
-            KFImage(URL(string: content.coverImageUrl))
-                .cancelOnDisappear(true)
-                .resizable()
-                .frame(width: 60, height: 60)
-                .cornerRadius(12)
+            DownsampledKFImage(
+                url: URL(string: content.coverImageUrl),
+                size: CGSize(width: 60, height: 60)
+            )
+            .cornerRadius(12)
             
             VStack(alignment: .leading, spacing: 6) {
                 Text(content.title)
diff --git a/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift b/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift
index 4d92d77..fdd9594 100644
--- a/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift
+++ b/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift
@@ -16,11 +16,11 @@ struct RecommendChannelContentItemView: View {
     
     var body: some View {
         HStack(spacing: 16) {
-            KFImage(URL(string: item.thumbnailImageUrl))
-                .cancelOnDisappear(true)
-                .resizable()
-                .frame(width: 60, height: 60)
-                .cornerRadius(12)
+            DownsampledKFImage(
+                url: URL(string: item.thumbnailImageUrl),
+                size: CGSize(width: 60, height: 60)
+            )
+            .cornerRadius(12)
             
             VStack(alignment: .leading, spacing: 2) {
                 Text(item.title)
diff --git a/SodaLive/Sources/Home/RecommendChannel/RecommendChannelItemView.swift b/SodaLive/Sources/Home/RecommendChannel/RecommendChannelItemView.swift
index 91bdef1..c71f110 100644
--- a/SodaLive/Sources/Home/RecommendChannel/RecommendChannelItemView.swift
+++ b/SodaLive/Sources/Home/RecommendChannel/RecommendChannelItemView.swift
@@ -17,12 +17,11 @@ struct RecommendChannelItemView: View {
     var body: some View {
         VStack(alignment: .leading, spacing: 12) {
             HStack(spacing: 6) {
-                KFImage(URL(string: item.creatorProfileImageUrl))
-                    .cancelOnDisappear(true)
-                    .resizable()
-                    .aspectRatio(contentMode: .fill)
-                    .frame(width: 80, height: 80, alignment: .top)
-                    .clipShape(Circle())
+                DownsampledKFImage(
+                    url: URL(string: item.creatorProfileImageUrl),
+                    size: CGSize(width: 80, height: 80)
+                )
+                .clipShape(Circle())
                 
                 VStack(alignment: .leading, spacing: 4) {
                     Text(item.creatorNickname)