🔀::MainMissionView UI 작성

App/Resources/Colors/Medal.xcassets/Contents.json

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

App/Resources/Colors/Medal.xcassets/FirstPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x9B",
+          "green" : "0xD7",
+          "red" : "0xFF"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x9B",
+          "green" : "0xD7",
+          "red" : "0xFF"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

App/Resources/Colors/Medal.xcassets/SecondPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xD9",
+          "green" : "0xD9",
+          "red" : "0xD9"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xD9",
+          "green" : "0xD9",
+          "red" : "0xD9"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

App/Resources/Colors/Medal.xcassets/ThirdPlace.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x5D",
+          "green" : "0x86",
+          "red" : "0xCE"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x5D",
+          "green" : "0x86",
+          "red" : "0xCE"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

App/Resources/Images/Banner.xcassets/BannerImage_1.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
   "images" : [
     {
-      "filename" : "banner1.png",
+      "filename" : "SKBanner.png",
       "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "filename" : "banner1 1.png",
+      "filename" : "SKBanner 1.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "filename" : "banner1 2.png",
+      "filename" : "SKBanner 2.png",
       "idiom" : "universal",
       "scale" : "3x"
     }

App/Resources/Images/Banner.xcassets/BannerImage_2.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
   "images" : [
     {
-      "filename" : "banner22.png",
+      "filename" : "SKBanner2.png",
       "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "filename" : "banner22 1.png",
+      "filename" : "SKBanner2 1.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "filename" : "banner22 2.png",
+      "filename" : "SKBanner2 2.png",
       "idiom" : "universal",
       "scale" : "3x"
     }

App/Resources/Images/Banner.xcassets/BannerImage_3.imageset/Contents.json

@@ -1,17 +1,17 @@
 {
   "images" : [
     {
-      "filename" : "banner3.png",
+      "filename" : "SKBanner3.png",
       "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "filename" : "banner3 1.png",
+      "filename" : "SKBanner3 1.png",
       "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "filename" : "banner3 2.png",
+      "filename" : "SKBanner3 2.png",
       "idiom" : "universal",
       "scale" : "3x"
     }

App/Sources/DesignSystem/Banner/BannerView.swift

@@ -0,0 +1,28 @@
+import SwiftUI
+
+struct BannerView: View {
+    @State private var currentIndex = 0
+
+    let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+
+    var body: some View {
+        TabView(selection: $currentIndex) {
+            SKBannerImage(.Banner1)
+                .tag(0)
+
+            SKBannerImage(.Banner2)
+                .tag(1)
+
+            SKBannerImage(.Banner3)
+                .tag(2)
+        }
+        .tabViewStyle(PageTabViewStyle())
+        .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .automatic))
+        .frame(height: 180)
+        .onReceive(timer) { _ in
+            withAnimation {
+                currentIndex = (currentIndex + 1) % 3
+            }
+        }
+    }
+}

App/Sources/DesignSystem/Color/Color+sk.swift

@@ -4,12 +4,14 @@ public extension Color {
     enum SKColorSystem {
         case main(Main)
         case gray(Gray)
+        case medal(Medal)
     }
 
     static func sk(_ style: SKColorSystem) -> Color {
         switch style {
         case let .main(colorable as SKColorable),
-             let .gray(colorable as SKColorable):
+            let .gray(colorable as SKColorable),
+            let .medal(colorable as SKColorable):
             return colorable.color
         }
     }

App/Sources/DesignSystem/Color/SKColorSystem+Medal.swift

@@ -0,0 +1,20 @@
+import SwiftUI
+
+public extension Color.SKColorSystem {
+    // swiftlint:disable identifier_name
+    enum Medal: SKColorable {
+        case firstplace
+        case secondplace
+        case thirdplace
+    }
+}
+
+public extension Color.SKColorSystem.Medal {
+    var color: Color {
+        switch self {
+        case .firstplace: return StackKnowledgeAsset.Medal.firstPlace.swiftUIColor
+        case .secondplace: return StackKnowledgeAsset.Medal.secondPlace.swiftUIColor
+        case .thirdplace: return StackKnowledgeAsset.Medal.thirdPlace.swiftUIColor
+        }
+    }
+}

App/Sources/DesignSystem/Extensions/View/LogoNavigationBar.swift

@@ -0,0 +1,47 @@
+import SwiftUI
+
+struct LogoNavigationBarModifier: ViewModifier {
+
+    var logo: Image = Image(asset: StackKnowledgeAsset.Logo.logoIcon)
+    var title: String = "Stack Knowledge"
+
+    func body(content: Content) -> some View {
+        content
+            .navigationBarBackButtonHidden(true)
+            .toolbar {
+                ToolbarItemGroup(placement: .navigationBarLeading) {
+                    HStack {
+                        logo
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .frame(width: 20, height: 20)
+
+                        Spacer()
+                            .frame(width: 10)
+
+                        Text(title)
+                            .skFont(.r18)
+                    }
+                }
+                ToolbarItem(placement: .navigationBarTrailing) {
+                    Button(action: {
+
+                        // logout 동작 필요.
+
+                    }) {
+                        Image(asset: StackKnowledgeAsset.Logout.logoutIcon)
+                            .resizable()
+                            .aspectRatio(contentMode: .fit)
+                            .frame(width: 24, height: 24)
+                            .foregroundColor(.primary)
+                    }
+                }
+            }
+    }
+}
+
+public extension View {
+    func logoNavigationBar() -> some View {
+        self.modifier(LogoNavigationBarModifier())
+    }
+}

App/Sources/DesignSystem/Image/SKBannerImage.swift

@@ -19,19 +19,19 @@ public struct SKBannerImage: View {
     }
 
     public var body: some View {
-        smsImageToImage()
+        skImageToImage()
             .resizable()
             .renderingMode(renderingMode)
     }
 
-    private func smsImageToImage() -> SwiftUI.Image {
+    private func skImageToImage() -> SwiftUI.Image {
         switch image {
         case .Banner1:
             return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
         case .Banner2:
-            return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
+            return StackKnowledgeAsset.Banner.bannerImage2.swiftUIImage
         case .Banner3:
-            return StackKnowledgeAsset.Banner.bannerImage1.swiftUIImage
+            return StackKnowledgeAsset.Banner.bannerImage3.swiftUIImage
         }
     }
 }

App/Sources/DesignSystem/Image/SKBaseProfileImage.swift

@@ -17,12 +17,12 @@ public struct SKBaseProfileImage: View {
     }
 
     public var body: some View {
-        smsImageToImage()
+        skImageToImage()
             .resizable()
             .renderingMode(renderingMode)
     }
 
-    private func smsImageToImage() -> SwiftUI.Image {
+    private func skImageToImage() -> SwiftUI.Image {
         switch image {
         case .BaseProfileImage:
             return StackKnowledgeAsset.BaseProfile.baseProfileImage.swiftUIImage

App/Sources/DesignSystem/Image/SKSignUpImage.swift

@@ -17,12 +17,12 @@ public struct SKImage: View {
     }
 
     public var body: some View {
-        smsImageToImage()
+        skImageToImage()
             .resizable()
             .renderingMode(renderingMode)
     }
 
-    private func smsImageToImage() -> SwiftUI.Image {
+    private func skImageToImage() -> SwiftUI.Image {
         switch image {
         case .SignUpBackground:
             return StackKnowledgeAsset.SignUp.signUpBackground.swiftUIImage

App/Sources/DesignSystem/View/MainMissionScrollView.swift

@@ -0,0 +1,44 @@
+import Service
+import SwiftUI
+
+struct MainMissionScrollView: View {
+    let missionDataList: [MissionListEntity]
+
+    var body: some View {
+        VStack {
+            ScrollView(.horizontal, showsIndicators: false) {
+                HStack(spacing: 16) {
+                    ForEach(missionDataList.indices, id: \.self) { mission in
+                        if let missionList = missionDataList[safe: mission] {
+                            VStack(alignment: .center) {
+                                Text(missionList.user.userName)
+                                    .skFont(.pm14)
+                                    .padding(.top, 16)
+
+                                Text(missionList.missionTitle)
+                                    .skFont(.pr12)
+                                    .lineLimit(3)
+                                    .padding(.top, 16)
+                                    .padding(.horizontal, 16)
+
+                                Spacer()
+
+                                Text(missionList.missionPoint.description)
+                                    .skFont(.pm16)
+                                    .padding(.bottom, 24)
+                            }
+                            .padding(.init(top: 18, leading: 40, bottom: 18, trailing: 40))
+                            .background(Color.white)
+                            .cornerRadius(10)
+                        }
+                    }
+                }
+            }
+            .frame(height: 160)
+            .padding(.vertical, 16)
+            .padding(.horizontal, 16)
+            .background(Color.SKColorSystem.Gray.lightgray1.color)
+            .cornerRadius(20)
+        }
+    }
+}