[FEAT] 카드분쇄화면 구현

GAMSS/Resources/Assets.xcassets/noteStrip.imageset/Contents.json

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

GAMSS/Sources/Core/DateFormatterFactory.swift

@@ -21,8 +21,15 @@ enum DateFormatterFactory {
         return formatter
     }
 
+    /// `yyyy-MM-dd`
+    static var dateWithHypen: DateFormatter {
+        let formatter = dateFormatter()
+        formatter.dateFormat = "yyyy-MM-dd"
+        return formatter
+    }
+
     /// `yyyy-MM`
-    static var dateWithHyphen: DateFormatter {
+    static var yearMonthWithHypen: DateFormatter {
         let formatter = dateFormatter()
         formatter.dateFormat = "yyyy-MM"
         return formatter

GAMSS/Sources/Data/Repository/DefaultCardRepository.swift

@@ -43,13 +43,13 @@ final class DefaultCardRepository: CardRepository {
     }
 
     func fetchCardsByDate(yearMonth: Date, emotion: Emotion) async throws -> [DailyEmotion] {
-        let yearMonth = DateFormatterFactory.dateWithHyphen.string(from: yearMonth)
+        let yearMonth = DateFormatterFactory.yearMonthWithHypen.string(from: yearMonth)
         let response = try await networkManager.request(
             CardEndpoint.fetchCardsByDate(yearMonth: yearMonth, emotion: emotion.rawValue),
             responseType: APIResponse<[FetchCardsByDateResponseDTO]>.self
         )
         return response.data.compactMap { response in
-            guard let date = DateFormatterFactory.dateWithDot.date(from: response.date) else {
+            guard let date = DateFormatterFactory.dateWithHypen.date(from: response.date) else {
                 return nil
             }
 

GAMSS/Sources/Presentation/Archive/Detail/ArchiveDetailView.swift

@@ -14,6 +14,7 @@ struct ArchiveDetailView: View {
     @State private var scene = DropStackScene()
     @State private var isMonthPickerPresented = false
     @State private var isDeleteAllModalPresented = false
+    @State private var selectedNote: DropNote?
 
     private let title: String
 
@@ -39,16 +40,25 @@ struct ArchiveDetailView: View {
                 ZStack {
                     Color.colorWhite
 
-                    GeometryReader { proxy in
-                        SpriteView(scene: scene, options: [.allowsTransparency])
-                            .onAppear {
-                                scene.scaleMode = .resizeFill
-                                scene.updateSize(proxy.size)
-                                scene.render(notes: viewModel.notes)
-                            }
-                            .onChange(of: proxy.size) { _, newSize in
-                                scene.updateSize(newSize)
-                            }
+                    if viewModel.notes.isEmpty, !viewModel.isLoading {
+                        Text("아직 남겨둔 이야기가 없어요.")
+                            .typography(.body3Regular)
+                            .foregroundStyle(Color.colorGray500)
+                    } else {
+                        GeometryReader { proxy in
+                            SpriteView(scene: scene, options: [.allowsTransparency])
+                                .onAppear {
+                                    scene.scaleMode = .resizeFill
+                                    scene.updateSize(proxy.size)
+                                    scene.onSelectNote = { note in
+                                        selectedNote = note
+                                    }
+                                    scene.render(notes: viewModel.notes)
+                                }
+                                .onChange(of: proxy.size) { _, newSize in
+                                    scene.updateSize(newSize)
+                                }
+                        }
                     }
                 }
             }
@@ -82,6 +92,20 @@ struct ArchiveDetailView: View {
                     }
                 }
             }
+            .fullScreenCover(item: $selectedNote) { note in
+                CardDetailView(
+                    viewModel: CardDetailViewModel(
+                        cardId: note.id,
+                        getCardUseCase: GetCardUseCase(
+                            cardRepository: DefaultCardRepository(networkManager: NetworkManager.shared)
+                        )
+                    ),
+                    onClose: {
+                        selectedNote = nil
+                    }
+                )
+                .presentationBackground(.clear)
+            }
             if isDeleteAllModalPresented {
                 ModalContainerView(
                     isPresented: $isDeleteAllModalPresented

GAMSS/Sources/Presentation/Archive/Detail/ArchiveDetailViewModel.swift

@@ -37,7 +37,7 @@ final class ArchiveDetailViewModel: ObservableObject {
 
         do {
             notes = try await fetchCardsByDateUseCase.execute(yearMonth: selectedMonth).map { dailyEmotion in
-                DropNote(id: dailyEmotion.conversationId, imageName: "cardFoldStepTwo")
+                DropNote(id: dailyEmotion.id, imageName: "cardFoldStepTwo")
             }
         } catch {
             notes = []
@@ -47,6 +47,7 @@ final class ArchiveDetailViewModel: ObservableObject {
 
     func selectMonth(_ month: Date) async {
         selectedMonth = month
+        notes = []
         await load()
     }
 

GAMSS/Sources/Presentation/Archive/Detail/DropStack/DropStackScene.swift

@@ -8,12 +8,15 @@
 import SpriteKit
 
 final class DropStackScene: SKScene {
+    var onSelectNote: ((DropNote) -> Void)?
+
     private let floorNodeName = "drop-floor"
     private let boxNodeName = "drop-note"
     private let dropSize = CGSize(width: 80, height: 80)
     private let floorHeight: CGFloat = 12
 
     private var pendingNotes: [DropNote] = []
+    private var renderedNotes: [DropNote] = []
     private var isAttachedToView = false
 
     override func didMove(to view: SKView) {
@@ -39,25 +42,37 @@ final class DropStackScene: SKScene {
     }
 
     func render(notes: [DropNote]) {
+        clear()
         pendingNotes = notes
         flushPendingNotesIfNeeded()
     }
 
     func clear() {
         removeAllActions()
         pendingNotes = []
+        renderedNotes = []
         children
             .filter { $0.name == boxNodeName }
             .forEach { $0.removeFromParent() }
     }
 
+    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
+        guard let location = touches.first?.location(in: self),
+              let id = nodes(at: location).first(where: { $0.name == boxNodeName })?.userData?["id"] as? Int,
+              let note = renderedNotes.first(where: { $0.id == id })
+        else { return }
+
+        onSelectNote?(note)
+    }
+
     private func flushPendingNotesIfNeeded() {
         guard isAttachedToView, size.width > 0, size.height > 0, !pendingNotes.isEmpty else {
             return
         }
 
         let notes = pendingNotes
         pendingNotes = []
+        renderedNotes = notes
 
         removeAllActions()
         children
@@ -67,7 +82,7 @@ final class DropStackScene: SKScene {
         for (index, note) in notes.enumerated() {
             let wait = SKAction.wait(forDuration: 0.07 * Double(index))
             let spawn = SKAction.run { [weak self] in
-                self?.spawnOne(imageName: note.imageName)
+                self?.spawnOne(note: note)
             }
             run(.sequence([wait, spawn]))
         }
@@ -93,9 +108,10 @@ final class DropStackScene: SKScene {
         addChild(floor)
     }
 
-    private func spawnOne(imageName: String) {
-        let node = SKSpriteNode(imageNamed: imageName)
+    private func spawnOne(note: DropNote) {
+        let node = SKSpriteNode(imageNamed: note.imageName)
         node.name = boxNodeName
+        node.userData = ["id": note.id]
         node.size = dropSize
 
         let minX = dropSize.width * 0.5

GAMSS/Sources/Presentation/CardDetail/CardDetailView.swift

@@ -13,6 +13,7 @@ struct CardDetailView: View {
     @StateObject private var viewModel: CardDetailViewModel
     @StateObject private var conversationHistoryViewModel: ConversationHistoryViewModel
     @State private var isShowingConversation = false
+    @State private var isShredPresented = false
 
     private let transitionDuration = 0.22
 
@@ -73,8 +74,6 @@ struct CardDetailView: View {
                 Task {
                     if isLoadFailure {
                         await viewModel.loadCard()
-                    } else {
-                        await discardCard()
                     }
                 }
             }
@@ -84,13 +83,33 @@ struct CardDetailView: View {
                 Button("확인", role: .cancel) {}
             }
         }
+        .fullScreenCover(isPresented: $isShredPresented) {
+            if let card = viewModel.card {
+                CardShredView(
+                    viewModel: CardShredViewModel(
+                        cardId: card.id,
+                        deleteCardUseCase: DeleteCardUseCase(
+                            cardRepository: DefaultCardRepository(networkManager: NetworkManager.shared)
+                        )
+                    ),
+                    stripImageName: "noteStrip",
+                    onBack: {
+                        isShredPresented = false
+                    },
+                    onComplete: {
+                        isShredPresented = false
+                        onClose()
+                    }
+                )
+            }
+        }
     }
 
     private var bottomActions: some View {
         VStack(spacing: Spacing.spacing200) {
             HStack(spacing: Spacing.spacing050) {
                 OutlineButton(title: "기록 버리기") {
-                    Task { await discardCard() }
+                    isShredPresented = true
                 }
                 .frame(width: 97)
 
@@ -135,21 +154,15 @@ struct CardDetailView: View {
             isShowingConversation = false
         }
     }
-
-    private func discardCard() async {
-        let succeeded = await viewModel.deleteCard()
-        if succeeded {
-            onClose()
-        }
-    }
 }
 
 #Preview {
     CardDetailView(
         viewModel: CardDetailViewModel(
             cardId: 1,
-            getCardUseCase: GetCardUseCase(cardRepository: DefaultCardRepository(networkManager: NetworkManager.shared)),
-            deleteCardUseCase: DeleteCardUseCase(cardRepository: DefaultCardRepository(networkManager: NetworkManager.shared))
+            getCardUseCase: GetCardUseCase(
+                cardRepository: DefaultCardRepository(networkManager: NetworkManager.shared)
+            )
         ),
         onClose: {}
     )

GAMSS/Sources/Presentation/CardDetail/CardDetailViewModel.swift

@@ -16,12 +16,10 @@ final class CardDetailViewModel: ObservableObject {
 
     private let cardId: Int
     private let getCardUseCase: GetCardUseCase
-    private let deleteCardUseCase: DeleteCardUseCase
 
-    init(cardId: Int, getCardUseCase: GetCardUseCase, deleteCardUseCase: DeleteCardUseCase) {
+    init(cardId: Int, getCardUseCase: GetCardUseCase) {
         self.cardId = cardId
         self.getCardUseCase = getCardUseCase
-        self.deleteCardUseCase = deleteCardUseCase
     }
 
     /// 카드가 아직 없고(로딩 실패로 보여줄 게 없음) 알럿이 떠 있으면, 알럿의 "닫기"가 화면 자체를
@@ -39,17 +37,4 @@ final class CardDetailViewModel: ObservableObject {
             alertMessage = "카드를 불러오지 못했어요"
         }
     }
-
-    @discardableResult
-    func deleteCard() async -> Bool {
-        isLoading = true
-        defer { isLoading = false }
-        do {
-            try await deleteCardUseCase.execute(cardId: cardId)
-            return true
-        } catch {
-            alertMessage = "카드를 삭제하지 못했어요"
-            return false
-        }
-    }
 }