refactor: #141 mvi 구조로 explore 탭 리팩토링

Spoony-iOS/Spoony-iOS/Resource/Tab/Model/ViewType.swift

@@ -8,11 +8,9 @@
 import Foundation
 
 enum ViewType: Hashable {
-    case test
     case searchView    // 검색 화면
     case locationView(title: String)  // 위치 선택 화면
     case detailView   // 상세 화면
-
-    case explore
+
     case report
 }

Spoony-iOS/Spoony-iOS/Source/Feature/Explore/Explore.swift

@@ -11,61 +11,51 @@ import Lottie
 
 struct Explore: View {
     @EnvironmentObject private var navigationManager: NavigationManager
-    @StateObject private var store = ExploreStore()
-
-    @State private var isPresentedLocation: Bool = false
-    @State private var isPresentedFilter: Bool = false
-
-    @State private var spoonCount: Int = 0
+    @StateObject private var store: ExploreStore = ExploreStore()
 
     var body: some View {
         VStack(spacing: 0) {
+            Spacer()
             CustomNavigationBar(
                 style: .locationDetail,
-                title: store.navigationTitle,
-                spoonCount: spoonCount,
+                title: store.state.navigationTitle,
+                spoonCount: store.state.spoonCount,
                 tappedAction: {
-                    isPresentedLocation = true
+                    store.dispatch(.navigationLocationTapped)
                 })
 
             categoryList
 
-            if store.exploreList.isEmpty {
+            if store.state.exploreList.isEmpty {
                 emptyView
             } else {
                 filterButton
                     .onTapGesture {
-                        isPresentedFilter = true
+                        store.dispatch(.filterButtontapped)
                     }
                 listView
             }
         }
-        .sheet(isPresented: $isPresentedFilter) {
-            FilterBottomSheet(
-                isPresented: $isPresentedFilter,
-                store: store
-            )
+        .sheet(isPresented: Binding(get: {
+            store.state.isPresentedFilter
+        }, set: { newValue in
+            store.dispatch(.isPresentedFilterChanged(newValue))
+        })) {
+            FilterBottomSheet(store: store)
             .presentationDetents([.height(250.adjustedH)])
             .presentationCornerRadius(16)
         }
-        .sheet(isPresented: $isPresentedLocation) {
-            LocationPickerBottomSheet(
-                isPresented: $isPresentedLocation,
-                store: store
-            )
+        .sheet(isPresented: Binding(get: {
+            store.state.isPresentedLocation
+        }, set: { newValue in
+            store.dispatch(.isPresentedLocationChanged(newValue))
+        })) {
+            LocationPickerBottomSheet(store: store)
             .presentationDetents([.height(542.adjustedH)])
             .presentationCornerRadius(16)
         }
         .task {
-            store.getCategoryList()
-            //TODO: 추후 수정 예정
-            Task {
-                do {
-                    spoonCount = try await DefaultHomeService().fetchSpoonCount(userId: Config.userId)
-                } catch {
-                    print("Failed to fetch spoon count:", error)
-                }
-            }
+            store.dispatch(.onAppear)
         }
     }
 }
@@ -76,10 +66,10 @@ extension Explore {
             HStack {
                 Spacer()
                     .frame(width: 20.adjusted)
-                ForEach(store.categoryList) { item in
-                    ExploreCategoryChip(category: item, selected: store.isSelectedCategory(category: item))
+                ForEach(store.state.categoryList) { item in
+                    ExploreCategoryChip(category: item, selected: item == store.state.selectedCategory)
                     .onTapGesture {
-                        store.changeCategory(category: item)
+                        store.dispatch(.categoryTapped(item))
                     }
                 }
                 Spacer()
@@ -92,7 +82,7 @@ extension Explore {
     private var filterButton: some View {
         HStack(spacing: 2) {
             Spacer()
-            Text(store.selectedFilter.title)
+            Text(store.state.selectedFilter.title)
                 .customFont(.caption1m)
                 .foregroundStyle(.gray700)
             Image(.icFilterGray700)
@@ -135,7 +125,7 @@ extension Explore {
     private var listView: some View {
         ScrollView {
             VStack(spacing: 0) {
-                ForEach(store.exploreList) { list in
+                ForEach(store.state.exploreList) { list in
                     ExploreCell(feed: list)
                         .padding(.bottom, 12)
                         .padding(.horizontal, 20)
@@ -149,7 +139,3 @@ extension Explore {
         .padding(.top, 16)
     }
 }
-
-#Preview {
-    Explore()
-}

Spoony-iOS/Spoony-iOS/Source/Feature/Explore/FilterBottomSheet.swift

@@ -22,21 +22,18 @@ enum FilterType: String, CaseIterable {
 }
 
 struct FilterBottomSheet: View {
-    @Binding var isPresented: Bool
-
     @ObservedObject var store: ExploreStore
 
     var body: some View {
         VStack(spacing: 12) {
             ForEach(FilterType.allCases, id: \.self) { filter in
                 SpoonyButton(
-                    style: store.selectedFilter == filter ? .activate : .deactivate,
+                    style: store.state.selectedFilter == filter ? .activate : .deactivate,
                     size: .xlarge,
                     title: filter.title,
                     disabled: .constant(false)
                 ) {
-                    store.changeFilter(filter: filter)
-                    isPresented = false
+                    store.dispatch(.filterTapped(filter))
                 }
             }
             SpoonyButton(
@@ -45,7 +42,7 @@ struct FilterBottomSheet: View {
                 title: "취소",
                 disabled: .constant(false)
             ) {
-                isPresented = false
+                store.dispatch(.closeFilterTapped)
             }
             Spacer()
         }

Spoony-iOS/Spoony-iOS/Source/Feature/Explore/LocationPickerBottomSheet.swift

@@ -48,10 +48,6 @@ enum SeoulType: String, CaseIterable {
 }
 
 struct LocationPickerBottomSheet: View {
-    @Binding var isPresented: Bool
-    @State private var isDisabled: Bool = true
-    @State private var selectedRegion: SeoulType = .mapo
-
     @ObservedObject var store: ExploreStore
 
     var body: some View {
@@ -65,7 +61,7 @@ struct LocationPickerBottomSheet: View {
 
                     Image(.icCloseGray400)
                         .onTapGesture {
-                            isPresented = false
+                            store.dispatch(.closeLocationTapped)
                         }
                 }
                 .padding(.trailing, 20)
@@ -99,16 +95,15 @@ struct LocationPickerBottomSheet: View {
                             Text(type.rawValue)
                                 .customFont(.body2m)
                                 .foregroundStyle(
-                                    selectedRegion.rawValue != type.rawValue ? .gray400 : .spoonBlack
+                                    store.state.tempLocation?.rawValue != type.rawValue ? .gray400 : .spoonBlack
                                 )
                                 .frame(width: 240.adjusted, height: 44.adjustedH)
                                 .background(
                                     Rectangle()
                                         .stroke(Color.gray0, lineWidth: 1)
                                 )
                                 .onTapGesture {
-                                    selectedRegion = type
-                                    isDisabled = false
+                                    store.dispatch(.locationTapped(type))
                                 }
                         }
                     }
@@ -121,10 +116,13 @@ struct LocationPickerBottomSheet: View {
                 style: .secondary,
                 size: .xlarge,
                 title: "선택하기",
-                disabled: $isDisabled
+                disabled: Binding(get: {
+                    store.state.isSelectLocationButtonDisabled
+                }, set: { newValue in
+                    store.dispatch(.isSelectLocationDisabledChanged(newValue))
+                })
             ) {
-                store.changeLocation(location: selectedRegion)
-                isPresented = false
+                store.dispatch(.selectLocationTapped)
             }
             .padding(.top, 12)
             .padding(.bottom, 22)

Spoony-iOS/Spoony-iOS/Source/Feature/Explore/Store/ExploreIntent.swift

@@ -0,0 +1,31 @@
+//
+//  ExploreIntent.swift
+//  Spoony-iOS
+//
+//  Created by 최주리 on 1/23/25.
+//
+
+import Foundation
+
+enum ExploreIntent {
+    case onAppear
+
+    // Location Bottom Sheet
+    case navigationLocationTapped
+    case locationTapped(SeoulType)
+    case selectLocationTapped
+    case closeLocationTapped
+    case isPresentedLocationChanged(Bool)
+    case isSelectLocationDisabledChanged(Bool)
+
+    // Filter Bottom Sheet
+    case filterButtontapped
+    case filterTapped(FilterType)
+    case closeFilterTapped
+    case isPresentedFilterChanged(Bool)
+
+    // Main
+    case categoryTapped(CategoryChip)
+    case cellTapped(FeedEntity)
+
+}

Spoony-iOS/Spoony-iOS/Source/Feature/Explore/Store/ExploreState.swift

@@ -0,0 +1,29 @@
+//
+//  ExploreState.swift
+//  Spoony-iOS
+//
+//  Created by 최주리 on 1/23/25.
+//
+
+import Foundation
+
+struct ExploreState {
+    var exploreList: [FeedEntity] = []
+    var spoonCount: Int = 0
+
+    //TODO: 현재 위치 받아와서 바꾸기
+    var selectedLocation: SeoulType = .gangnam
+    var tempLocation: SeoulType?
+
+    var selectedFilter: FilterType = .latest
+
+    var navigationTitle: String = ""
+
+    var categoryList: [CategoryChip] = []
+    var selectedCategory: CategoryChip?
+
+    var isPresentedLocation: Bool = false
+    var isPresentedFilter: Bool = false
+
+    var isSelectLocationButtonDisabled: Bool = true
+}