[WEAV-70] 전화번호 인증 뷰 UI 구현 (#22)

* [WEAV-70] Project Navigation 구조 변경

* [WEAV-70] 전화번호 인증 뷰 구현

* [WEAV-70] 인증코드 입력 뷰 구현

* [WEAV-70] 인증 완료 뷰 구현

* [WEAV-70] AI 리뷰 반영

Projects/App/Project.swift

@@ -18,6 +18,7 @@ let infoPlist = InfoPlist.extendingDefault(
 
 let appDependencies: [TargetDependency] = [
     .project(target: .main),
+    .project(target: .signUp),
     .project(target: .designPreview)
 ]
 

Projects/App/Sources/ContentView.swift

@@ -1,7 +1,6 @@
 import SwiftUI
 import CoreKit
 import NetworkKit
-import ComponentsKit
 import DesignCore
 import Main
 
@@ -16,9 +15,6 @@ public struct ContentView: View {
                 .robotoSlab(size: 12)
 
             MainView()
-
-            SampleComponent()
-                .foregroundStyle(DesignCore.Colors.red300)
         }
     }
 }

Projects/App/Sources/Navigation/NavigationStack.swift

@@ -0,0 +1,40 @@
+//
+//  NavigationStack.swift
+//  three-days-dev
+//
+//  Created by 김지수 on 9/30/24.
+//  Copyright © 2024 com.weave. All rights reserved.
+//
+
+import SwiftUI
+import CommonKit
+import SignUp
+import DesignPreview
+
+extension PathType {
+    @ViewBuilder
+    var view: some View {
+        switch self {
+        case .designPreview:
+            DesignPreviewView()
+        case .main:
+            SplashAnimatedView()
+        case .signUp(let subView):
+            switch subView {
+            case .authPhoneInput:
+                AuthPhoneInputView()
+            case .authPhoneVerify:
+                AuthPhoneVerifyView()
+            case .authAgreement:
+                AuthAgreementView()
+            }
+        }
+    }
+}
+
+extension AppCoordinator {
+    @ViewBuilder
+    var rootView: some View {
+        navigationStack[0].view
+    }
+}

Projects/App/Sources/Splash/SplashAnimatedView.swift

@@ -8,6 +8,8 @@
 
 import SwiftUI
 import DesignCore
+import CoreKit
+import CommonKit
 
 enum SplashAnimationStep: CaseIterable {
     case first, second, third, fourth, fifth, sixth
@@ -113,14 +115,17 @@ struct SplashAnimatedView: View {
                 isActive: true,
                 isShowLetter: $showLetterAnimation
             ) {
-
+                AppCoordinator.shared.navigationStack.append(
+                    .signUp(.authPhoneInput)
+                )
             }
             .frame(height: 70)
             .padding(.horizontal, 50)
             .opacity(otherViewOpacity)
 
             Spacer()
         }
+        .toolbar(.hidden, for: .navigationBar)
         .textureBackground(animationStep.color)
         .task {
             await runSingleCycle()

Projects/App/Sources/ThreeDaysApp.swift

@@ -1,12 +1,12 @@
 import SwiftUI
 import DesignCore
 import DesignPreview
-import CoreKit
+import CommonKit
 import Main
 
 @main
 struct ThreeDaysApp: App {
-    let coordinator = AppCoordinator.shared
+    @StateObject var coordinator = AppCoordinator.shared
 
     var body: some Scene {
         WindowGroup {
@@ -23,19 +23,23 @@ struct ThreeDaysApp: App {
 
     @ViewBuilder
     var rootView: some View {
-        switch coordinator.rootView {
-        case .designPreview:
-            DesignPreviewView()
-        case .main:
-            SplashAnimatedView()
+        NavigationStack(
+            path: $coordinator.navigationStack
+        ) {
+            coordinator.rootView
+                .navigationDestination(
+                    for: PathType.self
+                ) { feature in
+                    feature.view
+                }
         }
     }
 
     #if STAGING || DEBUG
     @ViewBuilder
     var debugMenuPicker: some View {
         Menu("🚀 개발모드") {
-            ForEach(FeatureType.allCases, id: \.self) { feature in
+            ForEach(PathType.debugPreviewTypes, id: \.self) { feature in
                 Button(feature.name) {
                     coordinator.changeRootView(feature)
                 }

Projects/Core/CommonKit/Sources/AppCoordinator.swift

@@ -0,0 +1,38 @@
+//
+//  AppCoordinator.swift
+//  CommonKit
+//
+//  Created by 김지수 on 9/18/24.
+//  Copyright © 2024 com.weave. All rights reserved.
+//
+
+import SwiftUI
+
+public final class AppCoordinator: ObservableObject {
+    //MARK: - Lifecycle
+    public static var shared = AppCoordinator()
+    private init() {}
+
+    //MARK: - Properties
+    @Published public var navigationStack: [PathType] = [.main]
+
+    //MARK: - Methods
+    public func changeRootView(_ path: PathType) {
+        Task {
+            await MainActor.run {
+                navigationStack = [path]
+            }
+        }
+    }
+
+    @MainActor
+    public func push(_ path: PathType) {
+        navigationStack.append(path)
+    }
+
+    @MainActor
+    public func pop() {
+        guard navigationStack.count > 1 else { return }
+        navigationStack.removeLast()
+    }
+}

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

@@ -0,0 +1,42 @@
+//
+//  PathTypes.swift
+//  CommonKit
+//
+//  Created by 김지수 on 9/18/24.
+//  Copyright © 2024 com.weave. All rights reserved.
+//
+
+import Foundation
+
+public enum PathType: Hashable {
+    case designPreview
+    case main
+    case signUp(SignUpSubViewType)
+
+    #if STAGING || DEBUG
+    public static var debugPreviewTypes: [PathType] = [
+        .designPreview,
+        .main,
+        .signUp(.authPhoneInput)
+    ]
+    #endif
+
+    public var name: String {
+        switch self {
+        case .designPreview: return "Design Preview"
+        case .main: return "메인"
+        case .signUp(let subType):
+            switch subType {
+            case .authPhoneInput: return "전화번호 입력"
+            case .authPhoneVerify: return "전화번호 인증"
+            case .authAgreement: return "이용 약관"
+            }
+        }
+    }
+}
+
+public enum SignUpSubViewType: Hashable {
+    case authPhoneInput
+    case authPhoneVerify
+    case authAgreement
+}

Projects/Core/Project.swift

@@ -12,10 +12,16 @@ let project: Project = .make(
         .make(target: .coreKit),
         .make(target: .model),
         .make(
-            target: .networkKit,
+            target: .commonKit,
             dependencies: [
                 .target(name: .coreKit),
-                .target(name: .model),
+                .target(name: .model)
+            ]
+        ),
+        .make(
+            target: .networkKit,
+            dependencies: [
+                .target(name: .commonKit),
                 .external(.alamofire),
                 .external(.openapiGenerated)
             ]

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

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