feat: 색상 hex 코드를 탭하면 랜덤으로 색상을 뽑도록 구현

Author: opficdev

DevLog/Presentation/Extension/Color+Hex.swift

@@ -8,6 +8,14 @@
 import SwiftUI
 
 extension Color {
+    static var randomValue: Color {
+        Color(
+            red: Double(Int.random(in: 0...255)) / 255,
+            green: Double(Int.random(in: 0...255)) / 255,
+            blue: Double(Int.random(in: 0...255)) / 255
+        )
+    }
+
     init?(hexString: String) {
         let trimmedHex = hexString.trimmingCharacters(in: .whitespacesAndNewlines)
         let sanitizedHex = trimmedHex.hasPrefix("#") ? String(trimmedHex.dropFirst()) : trimmedHex
@@ -24,7 +32,7 @@ extension Color {
         self.init(red: red, green: green, blue: blue)
     }
 
-    var hexString: String? {
+    var hexValue: String? {
         let uiColor = UIColor(self)
         var red: CGFloat = 0
         var green: CGFloat = 0

DevLog/Presentation/ViewModel/TodoManageViewModel.swift

@@ -27,6 +27,7 @@ final class TodoManageViewModel: Store {
         case setShowAlert(Bool)
         case setCategoryName(String)
         case setCategoryColor(Color)
+        case setRandomCategoryColor
         case saveUserCategory
     }
 
@@ -87,7 +88,7 @@ final class TodoManageViewModel: Store {
             state.category = UserTodoCategory(
                 id: UUID().uuidString.lowercased(),
                 name: "",
-                colorHex: "#0A84FF"
+                colorHex: Color.randomValue.hexValue ?? "#000000"
             )
             state.showSheet = true
         case .moveItem(let from, let target):
@@ -143,7 +144,12 @@ final class TodoManageViewModel: Store {
         case .setCategoryColor(let color):
             guard var category = state.category else { break }
 
-            category.colorHex = color.hexString ?? "#0A84FF"
+            category.colorHex = color.hexValue ?? "#000000"
+            state.category = category
+        case .setRandomCategoryColor:
+            guard var category = state.category else { break }
+
+            category.colorHex = Color.randomValue.hexValue ?? "#000000"
             state.category = category
         case .saveUserCategory:
             guard let category = state.category else { break }

DevLog/UI/Home/TodoManageView.swift

@@ -127,13 +127,21 @@ struct TodoManageView: View {
                 }
 
                 Section {
-                    let color = Color(hexString: viewModel.state.category?.colorHex ?? "#0A84FF") ?? .blue
+                    let color = Color(hexString: viewModel.state.category?.colorHex ?? "") ?? .randomValue
                     ColorPicker(selection: Binding(
                         get: { color },
                         set: { viewModel.send(.setCategoryColor($0)) }
                     ), supportsOpacity: false) {
                         Text(viewModel.state.category?.colorHex ?? "#")
+                            .overlay(alignment: .bottom) {
+                                Rectangle()
+                                    .frame(height: 1)
+                                    .offset(y: 1)
+                            }
                             .foregroundStyle(color)
+                            .onTapGesture {
+                                viewModel.send(.setRandomCategoryColor)
+                            }
                     }
                     .pickerStyle(.palette)
                 }