refactor: AsyncImage -> KFImage 로 변경

SodaLive/Sources/Chat/Character/Detail/Gallery/CharacterDetailGalleryView.swift

@@ -6,6 +6,7 @@
 //
 
 import SwiftUI
+import Kingfisher
 
 struct CharacterDetailGalleryView: View {
     @StateObject var viewModel = CharacterDetailGalleryViewModel()
@@ -146,16 +147,17 @@ struct CharacterDetailGalleryView: View {
             
             ZStack {
                 // 이미지
-                AsyncImage(url: URL(string: item.imageUrl)) { image in
+                KFImage(URL(string: item.imageUrl))
-                    image
+                    .placeholder {
+                        Rectangle()
+                            .fill(Color.gray.opacity(0.3))
+                    }
+                    .cancelOnDisappear(true)
+                    .downsampling(size: CGSize(width: width, height: height))
                     .resizable()
                     .scaledToFill()
                     .frame(width: width, height: height)
                     .clipped()
-                } placeholder: {
-                    Rectangle()
-                        .fill(Color.gray.opacity(0.3))
-                }
                 
                 // 미소유 이미지 오버레이
                 if !item.isOwned {

SodaLive/Sources/Chat/Character/Detail/Gallery/ImageViewerView.swift

@@ -6,6 +6,7 @@
 //
 
 import SwiftUI
+import Kingfisher
 
 struct ImageViewerView: View {
     let images: [String]
@@ -18,14 +19,15 @@ struct ImageViewerView: View {
             
             TabView(selection: $selectedIndex) {
                 ForEach(Array(images.enumerated()), id: \.offset) { index, imageUrl in
-                    AsyncImage(url: URL(string: imageUrl)) { image in
+                    KFImage(URL(string: imageUrl))
-                        image
+                        .placeholder {
-                            .resizable()
-                            .aspectRatio(contentMode: .fit)
-                    } placeholder: {
                             ProgressView()
                                 .tint(.white)
                         }
+                        .cancelOnDisappear(true)
+                        .downsampling(size: CGSize(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height))
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
                     .tag(index)
                 }
             }

SodaLive/Sources/Chat/Talk/Room/Settings/ChatBgSelectionView.swift

@@ -6,6 +6,7 @@
 //
 
 import SwiftUI
+import Kingfisher
 
 struct ChatBgSelectionView: View {
     
@@ -77,16 +78,17 @@ struct ChatBgSelectionView: View {
             
             ZStack(alignment: .bottomTrailing) {
                 // 이미지
-                AsyncImage(url: URL(string: item.imageUrl)) { image in
+                KFImage(URL(string: item.imageUrl))
-                    image
+                    .placeholder {
+                        Rectangle()
+                            .fill(Color.gray.opacity(0.3))
+                    }
+                    .cancelOnDisappear(true)
+                    .downsampling(size: CGSize(width: width, height: height))
                     .resizable()
                     .scaledToFill()
                     .frame(width: width, height: height)
                     .clipped()
-                } placeholder: {
-                    Rectangle()
-                        .fill(Color.gray.opacity(0.3))
-                }
                 .overlay {
                     Rectangle()
                         .stroke(lineWidth: 5)