[#318] 네트워크 연결이 끊겼을 떄 컨텐츠를 추가 및 수정하지 못하도록 막는다 (#329)

* feat: HomeView에서 네트워크가 끊어지면 컨텐츠를 추가하는 버튼을 잠금

* feat: SettingsView에서 네트워크가 끊어지면 서버와 연관된 버튼들은 비활성화

* feat: 테마뷰에서 네트워크가 끊어지면 업데이트 불가능하도록 추가

* remove: 테마는 disabled 제거

* feat: 프로필 쪽 네트워크를 감지하여 상태 메시지 잠금

Author: opficdev

DevLog/Presentation/ViewModel/HomeViewModel.swift

@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import Combine
 
 @Observable
 final class HomeViewModel: Store {
@@ -15,6 +16,7 @@ final class HomeViewModel: Store {
         }
         var recentTodos: [RecentTodoItem] = []
         var webPages: [WebPageItem] = []
+        var isNetworkConnected: Bool = true
         var showContentPicker: Bool = false
         var showTodoEditor: Bool = false
         var showSearchView: Bool = false
@@ -35,6 +37,7 @@ final class HomeViewModel: Store {
 
     enum Action {
         case onAppear
+        case networkStatusChanged(Bool)
         case setPresentation(Presentation, Bool)
         case setAlert(isPresented: Bool, type: AlertType? = nil)
         case setToast(isPresented: Bool, type: ToastType? = nil)
@@ -96,30 +99,38 @@ final class HomeViewModel: Store {
     private let undoDeleteWebPageUseCase: UndoDeleteWebPageUseCase
     private let fetchTodosUseCase: FetchTodosUseCase
     private let fetchWebPagesUseCase: FetchWebPagesUseCase
+    private let networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     private let loadingState = LoadingState()
     private var deletedWebPageURLString: String?
+    private var cancellables = Set<AnyCancellable>()
 
     init(
         addWebPageUseCase: AddWebPageUseCase,
         deleteWebPageUseCase: DeleteWebPageUseCase,
         undoDeleteWebPageUseCase: UndoDeleteWebPageUseCase,
         upsertTodoUseCase: UpsertTodoUseCase,
         fetchTodosUseCase: FetchTodosUseCase,
-        fetchWebPagesUseCase: FetchWebPagesUseCase
+        fetchWebPagesUseCase: FetchWebPagesUseCase,
+        networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     ) {
         self.addWebPageUseCase = addWebPageUseCase
         self.deleteWebPageUseCase = deleteWebPageUseCase
         self.undoDeleteWebPageUseCase = undoDeleteWebPageUseCase
         self.upsertTodoUseCase = upsertTodoUseCase
         self.fetchTodosUseCase = fetchTodosUseCase
         self.fetchWebPagesUseCase = fetchWebPagesUseCase
+        self.networkConnectivityUseCase = networkConnectivityUseCase
+
+        setupNetworkObserving()
     }
 
     func reduce(with action: Action) -> [SideEffect] {
         var state = self.state
         var effects: [SideEffect] = []
 
         switch action {
+        case .networkStatusChanged(let isConnected):
+            state.isNetworkConnected = isConnected
         case .onAppear, .setPresentation, .setAlert, .setToast, .tapTodoCategory,
                 .orderTodoCategoryPreferences, .addTodo, .updateWebPageURLInput,
                 .addWebPage, .deleteWebPage, .undoDeleteWebPage:
@@ -432,4 +443,14 @@ private extension HomeViewModel {
             self?.send(.setLoading(target, isLoading))
         }
     }
+
+    func setupNetworkObserving() {
+        networkConnectivityUseCase.observe()
+            .removeDuplicates()
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] isConnected in
+                self?.send(.networkStatusChanged(isConnected))
+            }
+            .store(in: &cancellables)
+    }
 }

DevLog/Presentation/ViewModel/ProfileViewModel.swift

@@ -6,12 +6,14 @@
 //
 
 import Foundation
+import Combine
 
 @Observable
 final class ProfileViewModel: Store {
     struct State: Equatable {
         var name: String = ""
         var email: String = ""
+        var isNetworkConnected: Bool = true
         var statusMessage: String = ""
         var avatarURL: URL?
         var earliestQuarterStart: Date?
@@ -31,6 +33,7 @@ final class ProfileViewModel: Store {
 
     enum Action {
         case onAppear
+        case networkStatusChanged(Bool)
         case setAlert(Bool)
         case tapResetStatusMessageButton
         case willUpdateStatusMessage
@@ -66,22 +69,27 @@ final class ProfileViewModel: Store {
     private let fetchUserDataUseCase: FetchUserDataUseCase
     private let fetchTodosUseCase: FetchTodosUseCase
     private let upsertStatusMessageUseCase: UpsertStatusMessageUseCase
+    private let networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     private let fetchHeatmapActivityTypesUseCase: FetchProfileHeatmapActivityTypesUseCase
     private let updateHeatmapActivityTypesUseCase: UpdateProfileHeatmapActivityTypesUseCase
     private let calendar = Calendar.current
+    private var cancellables = Set<AnyCancellable>()
 
     init(
         fetchUserDataUseCase: FetchUserDataUseCase,
         fetchTodosUseCase: FetchTodosUseCase,
         upsertStatusMessageUseCase: UpsertStatusMessageUseCase,
+        networkConnectivityUseCase: ObserveNetworkConnectivityUseCase,
         fetchHeatmapActivityTypesUseCase: FetchProfileHeatmapActivityTypesUseCase,
         updateHeatmapActivityTypesUseCase: UpdateProfileHeatmapActivityTypesUseCase
     ) {
         self.fetchUserDataUseCase = fetchUserDataUseCase
         self.fetchTodosUseCase = fetchTodosUseCase
         self.upsertStatusMessageUseCase = upsertStatusMessageUseCase
+        self.networkConnectivityUseCase = networkConnectivityUseCase
         self.fetchHeatmapActivityTypesUseCase = fetchHeatmapActivityTypesUseCase
         self.updateHeatmapActivityTypesUseCase = updateHeatmapActivityTypesUseCase
+        setupNetworkObserving()
     }
 
     // swiftlint:disable cyclomatic_complexity
@@ -107,6 +115,8 @@ final class ProfileViewModel: Store {
             if let selectedQuarterStart = state.selectedQuarterStart {
                 effects.append(.fetchCompletionQuarter(selectedQuarterStart))
             }
+        case .networkStatusChanged(let isConnected):
+            state.isNetworkConnected = isConnected
         case .setAlert(let isPresented):
             setAlert(&state, isPresented: isPresented)
         case .tapResetStatusMessageButton:
@@ -169,6 +179,7 @@ final class ProfileViewModel: Store {
             }
             effects = [.updateHeatmapActivityTypes(state.selectedActivityTypes)]
         case .willUpdateStatusMessage:
+            if !state.isNetworkConnected { break }
             let message = self.state.statusMessage
             effects = [.updateStatusMessage(message)]
         case .updateStatusMessage(let message):
@@ -237,6 +248,16 @@ final class ProfileViewModel: Store {
 }
 
 extension ProfileViewModel {
+    private func setupNetworkObserving() {
+        networkConnectivityUseCase.observe()
+            .removeDuplicates()
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] isConnected in
+                self?.send(.networkStatusChanged(isConnected))
+            }
+            .store(in: &cancellables)
+    }
+
     var quarterTitle: String {
         guard let start = state.selectedQuarterStart else { return "" }
         let year = calendar.component(.year, from: start)

DevLog/Presentation/ViewModel/SettingViewModel.swift

@@ -13,6 +13,7 @@ final class SettingViewModel: Store {
     struct State: Equatable {
         var theme: SystemTheme = .automatic
         var dirSize: Int64 = 0
+        var isNetworkConnected = true
         var isLoading = false
         var showAlert: Bool = false
         var alertTitle: String = ""
@@ -21,6 +22,7 @@ final class SettingViewModel: Store {
     }
 
     enum Action {
+        case networkStatusChanged(Bool)
         case setAlert(isPresented: Bool, type: AlertType? = nil)
         case setLoading(Bool)
         case setTheme(SystemTheme)
@@ -43,6 +45,7 @@ final class SettingViewModel: Store {
     private(set) var state = State()
     private let deleteAuthuseCase: DeleteAuthUseCase
     private let signOutUseCase: SignOutUseCase
+    private let networkConnectivityUseCase: ObserveNetworkConnectivityUseCase
     private let systemThemeUseCase: ObserveSystemThemeUseCase
     private let updateSystemThemeUseCase: UpdateSystemThemeUseCase
     private let loadingState = LoadingState()
@@ -55,13 +58,16 @@ final class SettingViewModel: Store {
     init(
         deleteAuthUseCase: DeleteAuthUseCase,
         signOutUseCase: SignOutUseCase,
+        networkConnectivityUseCase: ObserveNetworkConnectivityUseCase,
         systemThemeUseCase: ObserveSystemThemeUseCase,
         updateSystemThemeUseCase: UpdateSystemThemeUseCase
     ) {
         self.deleteAuthuseCase = deleteAuthUseCase
         self.signOutUseCase = signOutUseCase
+        self.networkConnectivityUseCase = networkConnectivityUseCase
         self.systemThemeUseCase = systemThemeUseCase
         self.updateSystemThemeUseCase = updateSystemThemeUseCase
+        setupNetworkObserving()
         setupThemeMonitoring()
     }
 
@@ -70,6 +76,8 @@ final class SettingViewModel: Store {
         var effects: [SideEffect] = []
 
         switch action {
+        case .networkStatusChanged(let isConnected):
+            state.isNetworkConnected = isConnected
         case .setAlert(let isPresented, let type):
             setAlert(&state, isPresented: isPresented, type: type)
         case .setLoading(let value):
@@ -164,6 +172,16 @@ private extension SettingViewModel {
             .store(in: &cancellables)
     }
 
+    func setupNetworkObserving() {
+        networkConnectivityUseCase.observe()
+            .removeDuplicates()
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] isConnected in
+                self?.send(.networkStatusChanged(isConnected))
+            }
+            .store(in: &cancellables)
+    }
+
     func dirSizeInBytes() -> Int64 {
         do {
             let cachesDir = try FileManager.default.url(

DevLog/UI/Common/MainView.swift

@@ -19,7 +19,8 @@ struct MainView: View {
                 undoDeleteWebPageUseCase: container.resolve(UndoDeleteWebPageUseCase.self),
                 upsertTodoUseCase: container.resolve(UpsertTodoUseCase.self),
                 fetchTodosUseCase: container.resolve(FetchTodosUseCase.self),
-                fetchWebPagesUseCase: container.resolve(FetchWebPagesUseCase.self)
+                fetchWebPagesUseCase: container.resolve(FetchWebPagesUseCase.self),
+                networkConnectivityUseCase: container.resolve(ObserveNetworkConnectivityUseCase.self)
             ))
             .tabItem {
                 Image(systemName: "house.fill")
@@ -53,6 +54,7 @@ struct MainView: View {
                 fetchUserDataUseCase: container.resolve(FetchUserDataUseCase.self),
                 fetchTodosUseCase: container.resolve(FetchTodosUseCase.self),
                 upsertStatusMessageUseCase: container.resolve(UpsertStatusMessageUseCase.self),
+                networkConnectivityUseCase: container.resolve(ObserveNetworkConnectivityUseCase.self),
                 fetchHeatmapActivityTypesUseCase: container.resolve(FetchProfileHeatmapActivityTypesUseCase.self),
                 updateHeatmapActivityTypesUseCase: container.resolve(UpdateProfileHeatmapActivityTypesUseCase.self)
             ))

DevLog/UI/Home/HomeView.swift

@@ -259,6 +259,7 @@ struct HomeView: View {
             } label: {
                 Image(systemName: "plus")
             }
+            .disabled(!viewModel.state.isNetworkConnected)
         }
         if #available(iOS 26.0, *) {
             ToolbarSpacer(.fixed, placement: .topBarTrailing)

DevLog/UI/Home/TodoListView.swift

@@ -305,7 +305,6 @@ struct TodoListView: View {
                         .onChange(of: geometry.size.height, initial: true) { _, height in
                             headerHeight = height.rounded()
                         }
-
                 }
             }
         }

DevLog/UI/Profile/ProfileView.swift

@@ -37,18 +37,19 @@ struct ProfileView: View {
                                 .foregroundStyle(Color.gray)
                         }
                     }
+                    let connected = viewModel.state.isNetworkConnected
                     HStack {
                         HStack {
                             Image(systemName: "face.smiling")
                             TextField(text: Binding(
                                 get: { viewModel.state.statusMessage },
                                 set: { viewModel.send(.updateStatusMessage($0)) })
                             ) {
-                                HStack {
-                                    Text("상태 설정")
-                                }
+                                Text("상태 설정")
                             }
+                            .frame(height: UIFont.preferredFont(forTextStyle: .body).lineHeight)
                             .focused($focused)
+                            .disabled(!connected)
 
                             if !viewModel.state.statusMessage.isEmpty && viewModel.state.showDoneButton {
                                 Button(action: {
@@ -63,7 +64,7 @@ struct ProfileView: View {
                         .padding(8)
                         .background(
                             RoundedRectangle(cornerRadius: 10)
-                                .fill(Color(UIColor.systemGray5))
+                                .fill(Color(.secondarySystemGroupedBackground))
                         )
                         if viewModel.state.showDoneButton {
                             Button(action: {
@@ -75,6 +76,7 @@ struct ProfileView: View {
                             .transition(.move(edge: .trailing).combined(with: .opacity))
                         }
                     }
+                    .opacity(connected ? 1 : 0.7)
                     activityHeatmapSection
                 }
                 .padding(.horizontal, 16)
@@ -98,6 +100,7 @@ struct ProfileView: View {
                     SettingView(viewModel: SettingViewModel(
                         deleteAuthUseCase: container.resolve(DeleteAuthUseCase.self),
                         signOutUseCase: container.resolve(SignOutUseCase.self),
+                        networkConnectivityUseCase: container.resolve(ObserveNetworkConnectivityUseCase.self),
                         systemThemeUseCase: container.resolve(ObserveSystemThemeUseCase.self),
                         updateSystemThemeUseCase: container.resolve(UpdateSystemThemeUseCase.self)
                     ))

DevLog/UI/Setting/SettingView.swift

@@ -13,6 +13,7 @@ struct SettingView: View {
     @Environment(NavigationRouter.self) var router
 
     var body: some View {
+        let connected = viewModel.state.isNetworkConnected
         Form {
             Section {
                 Button {
@@ -31,8 +32,9 @@ struct SettingView: View {
                     router.push(Path.pushNotification)
                 } label: {
                     Text("알림")
-                        .foregroundStyle(Color.primary)
+                        .foregroundStyle(connected ? Color.primary : Color.secondary)
                 }
+                .disabled(!connected)
 
                 let dirSize = viewModel.state.dirSize
                 Button {
@@ -85,11 +87,13 @@ struct SettingView: View {
                 } label: {
                     Text("계정 연동")
                 }
+                .disabled(!connected)
                 Button(role: .destructive, action: {
                     viewModel.send(.setAlert(isPresented: true, type: .signOut))
                 }) {
                     Text("로그아웃")
                 }
+                .disabled(!connected)
             }
 
             HStack {
@@ -100,6 +104,7 @@ struct SettingView: View {
                     Text("회원 탈퇴")
                         .font(.headline)
                 }
+                .disabled(!connected)
                 Spacer()
             }
         }