[WEAV-72] 내 프로필 입력 일부 UI 구현 (#26)

* [WEAV-73] 프로필 입력 - 성별선택 뷰 구현 (#23)

* [WEAV-73] 프로필 입력 - 성별선택 뷰 구현
* [WEAV-73] 오타수정

* [WEAV-78] 나이 입력 뷰 구현 (#24)

* [WEAV-79] 이름 입력 뷰 구현 (#25)

Projects/App/Sources/Navigation/NavigationStack.swift

@@ -27,6 +27,15 @@ extension PathType {
                 AuthPhoneVerifyView()
             case .authAgreement:
                 AuthAgreementView()
+
+            case .authGreeting:
+                AuthGreetingView()
+            case .authProfileGender:
+                AuthProfileGenderInputView()
+            case .authProfileAge:
+                AuthProfileAgeInputView()
+            case .authName:
+                AuthNameInputView()
             }
         }
     }

Projects/Core/CommonKit/Sources/AppCoordinator.swift

@@ -17,11 +17,11 @@ public final class AppCoordinator: ObservableObject {
     @Published public var navigationStack: [PathType] = [.main]
 
     //MARK: - Methods
+    @MainActor
     public func changeRootView(_ path: PathType) {
-        Task {
-            await MainActor.run {
-                navigationStack = [path]
-            }
+        push(path)
+        DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) { // 애니메이션 시간에 맞춰 조정
+            self.navigationStack.removeFirst()
         }
     }
 

Projects/Core/CommonKit/Sources/Path/PathTypes.swift

@@ -30,6 +30,11 @@ public enum PathType: Hashable {
             case .authPhoneInput: return "전화번호 입력"
             case .authPhoneVerify: return "전화번호 인증"
             case .authAgreement: return "이용 약관"
+
+            case .authGreeting: return "가입 후 환영"
+            case .authProfileGender: return "성별 입력"
+            case .authProfileAge: return "나이 입력"
+            case .authName: return "이름 입력"
             }
         }
     }
@@ -39,4 +44,9 @@ public enum SignUpSubViewType: Hashable {
     case authPhoneInput
     case authPhoneVerify
     case authAgreement
+
+    case authGreeting
+    case authProfileGender
+    case authProfileAge
+    case authName
 }

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/Gender/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/Gender/female_selected.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/Gender/female_unselected.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/Gender/male_selected.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/Gender/male_unselected.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/icon-information.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/name-paper.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Resources/Images/Images.xcassets/pencil.imageset/Contents.json

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

Projects/DesignSystem/DesignCore/Sources/CTAButton/CTABottomButton.swift

@@ -9,31 +9,32 @@
 import SwiftUI
 import Combine
 
-public struct CTABottomButton<BackgroundStyle: ShapeStyle>: View {
+public struct CTABottomButton: View {
     private let title: String
-    private let backgroundStyle: BackgroundStyle
+    private let backgroundStyle: AnyShapeStyle
     private let titleColor: Color = .white
     private let isActive: Bool
     private var handler: () -> Void
 
     @State private var cancellables: Set<AnyCancellable> = []
     @State private var keyboardHeight: CGFloat = 0
-
+    @State private var maxKeyboardHeight: CGFloat = 0
+
     public init(
         title: String,
-        backgroundStyle: BackgroundStyle = DesignCore.Colors.grey500,
+        backgroundStyle: some ShapeStyle = DesignCore.Colors.grey500,
         isActive: Bool = true,
         handler: @escaping () -> Void
     ) {
         self.title = title
-        self.backgroundStyle = backgroundStyle
+        self.backgroundStyle = AnyShapeStyle(backgroundStyle)
         self.isActive = isActive
         self.handler = handler
     }
-    
-    private var buttonBackgroundColor: BackgroundStyle {
+
+    private var buttonBackgroundColor: AnyShapeStyle {
         if !isActive {
-            return DesignCore.Colors.grey100 as! BackgroundStyle
+            return AnyShapeStyle(DesignCore.Colors.grey100)
         }
         return backgroundStyle
     }

Projects/DesignSystem/DesignCore/Sources/NavigationBar.swift

@@ -9,6 +9,7 @@
 import SwiftUI
 
 private struct NavigationBarViewModifier: ViewModifier {
+    var showLeftBackButton: Bool = true
     var handler: () -> Void
 
     func body(content: Content) -> some View {
@@ -17,20 +18,30 @@ private struct NavigationBarViewModifier: ViewModifier {
             .toolbar(.visible, for: .navigationBar)
             .toolbarTitleDisplayMode(.inline)
             .toolbar {
-                ToolbarItem(placement: .topBarLeading) {
-                    Button {
-                        handler()
-                    } label: {
-                        DesignCore.Images.leftArrow.image
+                if showLeftBackButton {
+                    ToolbarItem(placement: .topBarLeading) {
+                        Button {
+                            handler()
+                        } label: {
+                            DesignCore.Images.leftArrow.image
+                        }
+
                     }
-
                 }
             }
     }
 }
 
 public extension View {
-    func setNavigation(handler: @escaping () -> Void) -> some View {
-        return modifier(NavigationBarViewModifier(handler: handler))
+    func setNavigation(
+        showLeftBackButton: Bool = true,
+        handler: @escaping () -> Void
+    ) -> some View {
+        return modifier(
+            NavigationBarViewModifier(
+                showLeftBackButton: showLeftBackButton,
+                handler: handler
+            )
+        )
     }
 }

Projects/Features/SignUp/Sources/AuthAgreement/AuthAgreementView.swift

@@ -13,8 +13,6 @@ import CommonKit
 
 public struct AuthAgreementView: View {
 
-    @State var isShowAlert = false
-
     public init() {}
 
     public var body: some View {
@@ -30,10 +28,9 @@ public struct AuthAgreementView: View {
             Spacer()
 
             CTABottomButton(title: "다음") {
-                isShowAlert = true
-            }
-            .alert("끝!!", isPresented: $isShowAlert) {
-
+                AppCoordinator.shared.changeRootView(
+                    .signUp(.authGreeting)
+                )
             }
         }
         .ignoresSafeArea(.all)

Projects/Features/SignUp/Sources/AuthPhoneInput/AuthPhoneInputView.swift

@@ -13,7 +13,7 @@ import CommonKit
 
 public struct AuthPhoneInputView: View {
 
-    @State var phoneTextInput = String()
+    @State var phoneTextInput = "010-"
     @State var isPhoneValidated = false
 
     public init() {}