[FEAT] #13 - GoalSettingScreen

dnd-12th-2-iOS/dnd-12th-2-iOS/Assets.xcassets/appLogoImage.imageset/Contents.json

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

dnd-12th-2-iOS/dnd-12th-2-iOS/Assets.xcassets/iconBell.imageset/Contents.json

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

dnd-12th-2-iOS/dnd-12th-2-iOS/Assets.xcassets/iconUp.imageset/Contents.json

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

dnd-12th-2-iOS/dnd-12th-2-iOS/ContentView.swift

@@ -99,4 +99,4 @@ struct ContentView: View {
 
 #Preview {
     ContentView()
-}
+}

dnd-12th-2-iOS/dnd-12th-2-iOS/DesignSystem/UIComponent/DDButton.swift

@@ -8,6 +8,7 @@
 import SwiftUI
 
 struct DDButton: View {
+    let isDisable: Bool
     let image: Image?
     let imageSize: CGFloat?
     let title: String
@@ -23,11 +24,12 @@ struct DDButton: View {
          imageSize: CGFloat? = 12,
          title: String = "다음",
          font: Font = .pretendard(size: 16, weight: .semibold),
-         backgroundColor: Color = .gray100,
-         textColor: Color = .gray500,
+         backgroundColor: Color = .purple500,
+         textColor: Color = .white,
          width: CGFloat = 343,
          height: CGFloat = 54,
          cornerRadius: CGFloat = 12,
+         isDisable: Bool = false,
          action: @escaping () -> Void) {
         self.image = image
         self.imageSize = imageSize
@@ -39,6 +41,7 @@ struct DDButton: View {
         self.height = height
         self.cornerRadius = cornerRadius
         self.action = action
+        self.isDisable = isDisable
     }
 
     var body: some View {
@@ -57,8 +60,9 @@ struct DDButton: View {
 
             }
             .frame(width: width, height: height)
-            .background(backgroundColor)
+            .background(isDisable ? .gray100 : backgroundColor)
             .cornerRadius(cornerRadius)
+            .disabled(isDisable)
         }
     }
 }

dnd-12th-2-iOS/dnd-12th-2-iOS/DesignSystem/UIComponent/DDDatePicker.swift

@@ -13,7 +13,7 @@ struct DDatePicker: View {
         HStack {
             // DDPicker를 합쳐서 DDatePicker를 만든다
 
-            DDPicker(items: ["오전", "오후"])
+            DDPicker(items: ["오늘", "내일"])
                 .frame(height: 56 * 3)
                 .overlay(alignment: .top) {
                     Divider()
@@ -67,19 +67,21 @@ struct DDatePicker: View {
                     .blendMode(.overlay)
                     .allowsHitTesting(false)
                 )
+            Spacer()
+                .frame(width: 45)
         }
-        .frame(width: 307, height: 168)
+        .frame(width: 307, height: 198)
         .overlay(alignment: .top) {
             Rectangle()
                 .frame(height: 15)
                 .foregroundStyle(Color.white)
-                .offset(y: -10)
+                .offset(y: 10)
         }
         .overlay(alignment: .bottom) {
             Rectangle()
                 .frame(height: 15)
                 .foregroundStyle(Color.white)
-                .offset(y: 10)
+                .offset(y: -10)
         }
     }
 }

dnd-12th-2-iOS/dnd-12th-2-iOS/DesignSystem/UIComponent/DDNavigationView.swift

@@ -28,7 +28,7 @@ struct DDNavigationModifier<C, L, R>: ViewModifier where C: View, L: View, R: Vi
                     Spacer()
                     right?()
                 }
-                .padding(.horizontal, 16)
+                .padding(.horizontal, 8)
                 .frame(maxWidth: .infinity)
 
                 HStack {

dnd-12th-2-iOS/dnd-12th-2-iOS/DesignSystem/UIComponent/DDRoundTextField.swift

@@ -0,0 +1,37 @@
+//
+//  DDRoundTextField.swift
+//  dnd-12th-2-iOS
+//
+//  Created by 권석기 on 2/11/25.
+//
+
+import SwiftUI
+
+struct DDRoundTextFiled: View {
+    @Binding var text: String
+    var body: some View {
+        ZStack {
+            Rectangle()
+                .frame(maxWidth: .infinity, minHeight: 48, maxHeight: 48)
+                .foregroundColor(Color.gray50)
+                .cornerRadius(12)
+
+            HStack {
+                TextField("", text: $text, prompt: Text("ex) OO에서 OO하기")
+                    .font(.pretendard(size: 16, weight: .medium)))
+                    .font(.pretendard(size: 16, weight: .medium))
+                    .foregroundStyle(Color.black)
+
+                Text("0/50")
+                    .font(.pretendard(size: 12, weight: .regular))
+                    .foregroundStyle(Color.gray500)
+            }
+            .padding(.horizontal, 8)
+        }
+    }
+}
+
+#Preview {
+    DDRoundTextFiled(text: .constant(""))
+}
+

dnd-12th-2-iOS/dnd-12th-2-iOS/Presentation/Goal/GoalResultView.swift

@@ -0,0 +1,71 @@
+//
+//  GoalResultView.swift
+//  dnd-12th-2-iOS
+//
+//  Created by 권석기 on 2/12/25.
+//
+
+import SwiftUI
+import ComposableArchitecture
+
+struct GoalResultView: View {
+    var body: some View {
+        WithPerceptionTracking {
+            Spacer()
+                .frame(height: 16)
+            Text("목표를 위한 \n첫 번째 계단을 올라봐요!")
+                .font(.pretendard(size: 22, weight: .semibold), lineHeight: 31)
+                .frame(maxWidth: .infinity, alignment: .leading)
+                .foregroundStyle(Color.gray900)
+
+            Spacer()
+            VStack(spacing: 0) {
+                Image("appLogoImage")
+                Spacer()
+                    .frame(height: 50)
+                Text("올해까지 오픽 AL받기")
+                    .font(.pretendard(size: 22, weight: .bold), lineHeight: 31)
+                    .foregroundStyle(Color.gray900)
+                Spacer()
+                    .frame(height: 12)
+                Text("오픽노닥 30페이지 스크립트 작성")
+                    .font(.pretendard(size: 16, weight: .semibold), lineHeight: 24)
+                    .foregroundStyle(Color.gray900)
+                Spacer()
+                    .frame(height: 4)
+                Text("오늘 22:28 ~ 23:42")
+                    .font(.pretendard(size: 14, weight: .regular), lineHeight: 17)
+                    .foregroundStyle(Color.gray600)
+            }
+
+            Spacer()
+            Button(action: {}, label: {
+                HStack(spacing: 0) {
+                    Image("iconBell")
+                    Spacer()
+                        .frame(width: 6)
+                    Text("30분 전 알림")
+                        .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                        .foregroundStyle(Color.purple700)
+                    Spacer()
+                        .frame(width: 12)
+                    Image("iconTriangle")
+                }
+                .padding(16)
+            })
+            .background(Color.purple50)
+            .clipShape(Capsule())
+            Spacer()
+                .frame(height: 16)
+            DDButton(action: {})
+        }
+        .padding(.horizontal, 16)
+        .navigationBar(left: {
+            DDBackButton(action: {})
+        })
+    }
+}
+
+#Preview {
+    GoalResultView()
+}

dnd-12th-2-iOS/dnd-12th-2-iOS/Presentation/Goal/GoalSettingView.swift

@@ -0,0 +1,120 @@
+//
+//  GoalSettingView.swift
+//  dnd-12th-2-iOS
+//
+//  Created by 권석기 on 2/11/25.
+//
+
+import SwiftUI
+import ComposableArchitecture
+
+struct GoalSettingView: View {
+    @State var text = ""
+    @State var isStartTimeToggle = false
+    @State var isEndTimeToggle = false
+
+    var body: some View {
+        WithPerceptionTracking {
+            ScrollView {
+                VStack(spacing: 40) {
+                    VStack(spacing: 4) {
+                        Text("목표")
+                            .font(.pretendard(size: 18, weight: .semibold))
+                            .foregroundStyle(Color.gray900)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        DDRoundTextFiled(text: $text)
+                        Text("Tip 목표가 부담스럽다면 3개월 안에 실천할 수 있는 목표를 \n생각해보세요!".splitCharacter())
+                            .font(.pretendard(size: 14, weight: .medium))
+                            .foregroundStyle(Color.purple500)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                            .multilineTextAlignment(.leading)
+                    }
+
+                    VStack(spacing: 4) {
+                        Text("계획")
+                            .font(.pretendard(size: 18, weight: .semibold))
+                            .foregroundStyle(Color.gray900)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        DDRoundTextFiled(text: $text)
+                        Text("TIp! 할 일이 많다면, 가장 쉬운 것부터 시작해보세요!")
+                            .font(.pretendard(size: 14, weight: .medium))
+                            .foregroundStyle(Color.purple500)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                    }
+
+                    VStack(spacing: 0) {
+                        Text("시간")
+                            .font(.pretendard(size: 18, weight: .semibold))
+                            .foregroundStyle(Color.gray900)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        Spacer().frame(height: 12)
+                        Text("오늘 22:28 ~ 23:42")
+                            .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                            .foregroundStyle(Color.gray500)
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                        Spacer().frame(height: 8)
+                        Divider().background(Color.gray50)
+                        Spacer().frame(height: 8)
+                        HStack {
+                            Text("시작 시간")
+                                .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                                .foregroundStyle(Color.gray600)
+                            Spacer()
+                            Button(action: {
+                                isEndTimeToggle = false
+                                isStartTimeToggle.toggle()
+                            }, label: {
+                                Text("오늘 22:28")
+                                    .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                                    .foregroundStyle(Color.purple800)
+                                Image(.iconUp)
+                                    .rotationEffect(.degrees(isStartTimeToggle ? 0 : 180))
+                            })
+                        }
+                        if isStartTimeToggle {
+                            DDatePicker()
+                        }
+                        Spacer().frame(height: 8)
+                        HStack {
+                            Text("종료 시간")
+                                .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                                .foregroundStyle(Color.gray600)
+                            Spacer()
+                            Button(action: {
+                                isStartTimeToggle = false
+                                isEndTimeToggle.toggle()
+                            }, label: {
+                                Text("오늘 22:28")
+                                    .font(.pretendard(size: 14, weight: .medium), lineHeight: 21)
+                                    .foregroundStyle(Color.purple800)
+                                Image(.iconUp)
+                                    .rotationEffect(.degrees(isEndTimeToggle ? 0 : 180))
+                            })
+                        }
+                        if isEndTimeToggle {
+                            DDatePicker()
+                        }
+                    }
+                }
+                .padding(16)
+                .offset(y: isStartTimeToggle ? -16.0 : 0.0)
+                .animation(.easeInOut(duration: 0.3), value: isStartTimeToggle)
+                .onTapGesture {
+                    UIApplication.shared.hideKeyboard()
+                }
+            }
+            .scrollDisabled(true)
+
+            DDButton(action: {})
+                .padding(.bottom, 8)
+        }
+
+        .navigationBar(left: {
+            DDBackButton(action: {})
+        })
+    }
+}
+
+#Preview {
+    GoalSettingView()
+}