[Design] #12 - 햄버거바 UI 구현

HealthFoodMe/HealthFoodMe.xcodeproj/project.pbxproj

@@ -14,6 +14,8 @@
 		3B0B25572876BBE400950539 /* Pretendard-Medium.otf in Resources */ = {isa = PBXBuildFile; fileRef = 3B0B25512876BBE300950539 /* Pretendard-Medium.otf */; };
 		3B0B25582876BBE400950539 /* NotoSansCJKkr-Bold.otf in Resources */ = {isa = PBXBuildFile; fileRef = 3B0B25522876BBE400950539 /* NotoSansCJKkr-Bold.otf */; };
 		3B0B25592876BBE400950539 /* NotoSansCJKkr-Medium.otf in Resources */ = {isa = PBXBuildFile; fileRef = 3B0B25532876BBE400950539 /* NotoSansCJKkr-Medium.otf */; };
+		3B18D8AC287AB7CD009AF9E7 /* HamburgerBarVC.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3B18D8AB287AB7CD009AF9E7 /* HamburgerBarVC.swift */; };
+		3B18D8AE287AB7D8009AF9E7 /* HamburgerBar.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 3B18D8AD287AB7D8009AF9E7 /* HamburgerBar.storyboard */; };
 		3BCC441E28745FD800661A12 /* SocialLoginVC.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BCC441D28745FD800661A12 /* SocialLoginVC.swift */; };
 		3BCC442028745FE500661A12 /* SocialLogin.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 3BCC441F28745FE500661A12 /* SocialLogin.storyboard */; };
 		69028BA62874673600373984 /* MenuCellCVC.swift in Sources */ = {isa = PBXBuildFile; fileRef = 69028BA52874673600373984 /* MenuCellCVC.swift */; };
@@ -130,6 +132,8 @@
 		3B0B25512876BBE300950539 /* Pretendard-Medium.otf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "Pretendard-Medium.otf"; sourceTree = "<group>"; };
 		3B0B25522876BBE400950539 /* NotoSansCJKkr-Bold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "NotoSansCJKkr-Bold.otf"; sourceTree = "<group>"; };
 		3B0B25532876BBE400950539 /* NotoSansCJKkr-Medium.otf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "NotoSansCJKkr-Medium.otf"; sourceTree = "<group>"; };
+		3B18D8AB287AB7CD009AF9E7 /* HamburgerBarVC.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HamburgerBarVC.swift; sourceTree = "<group>"; };
+		3B18D8AD287AB7D8009AF9E7 /* HamburgerBar.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = HamburgerBar.storyboard; sourceTree = "<group>"; };
 		3BCC441D28745FD800661A12 /* SocialLoginVC.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SocialLoginVC.swift; sourceTree = "<group>"; };
 		3BCC441F28745FE500661A12 /* SocialLogin.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = SocialLogin.storyboard; sourceTree = "<group>"; };
 		69028BA52874673600373984 /* MenuCellCVC.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MenuCellCVC.swift; sourceTree = "<group>"; };
@@ -253,6 +257,15 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		3B18D8AA287AB7B6009AF9E7 /* HamburgerBarScene */ = {
+			isa = PBXGroup;
+			children = (
+				3B18D8AB287AB7CD009AF9E7 /* HamburgerBarVC.swift */,
+				3B18D8AD287AB7D8009AF9E7 /* HamburgerBar.storyboard */,
+			);
+			path = HamburgerBarScene;
+			sourceTree = "<group>";
+		};
 		3BCC441A28745FA900661A12 /* Auth */ = {
 			isa = PBXGroup;
 			children = (
@@ -557,6 +570,7 @@
 		EB6A44E22873BAAE00749582 /* Map */ = {
 			isa = PBXGroup;
 			children = (
+				3B18D8AA287AB7B6009AF9E7 /* HamburgerBarScene */,
 				EB6A44E32873BABE00749582 /* MainMapScene */,
 			);
 			path = Map;
@@ -1049,6 +1063,7 @@
 				3B0B25582876BBE400950539 /* NotoSansCJKkr-Bold.otf in Resources */,
 				3B0B25572876BBE400950539 /* Pretendard-Medium.otf in Resources */,
 				3B0B25552876BBE400950539 /* Pretendard-Bold.otf in Resources */,
+				3B18D8AE287AB7D8009AF9E7 /* HamburgerBar.storyboard in Resources */,
 				A938BB8E287D221200B8DE07 /* Search.storyboard in Resources */,
 				695758B9287D7C0B00E36789 /* MenuTab.storyboard in Resources */,
 				3B0B25542876BBE400950539 /* NotoSansCJKkr-Regular.otf in Resources */,
@@ -1163,6 +1178,7 @@
 				EB6A45172874276B00749582 /* DetailTabTitleHeader.swift in Sources */,
 				EB6A451B2875365B00749582 /* TabIndicator.swift in Sources */,
 				EB6A44D528737CC400749582 /* MainDetailViewModel.swift in Sources */,
+				3B18D8AC287AB7CD009AF9E7 /* HamburgerBarVC.swift in Sources */,
 				EBF66ACA287227F500DE0ED1 /* Reactive+.swift in Sources */,
 				EB6A44D228737CC400749582 /* MainDetailRepository.swift in Sources */,
 				EBF66B0C2872B4FE00DE0ED1 /* StoryboardLiterals.swift in Sources */,

HealthFoodMe/HealthFoodMe/Application/SceneDelegate.swift

@@ -34,7 +34,7 @@ class SceneDelegate: UIResponder, UIWindowSceneDelegate {
         }
 
         guard let windowScene = (scene as? UIWindowScene) else { return }
-        let rootViewController = ModuleFactory.resolve().makeSearchVC()
+        let rootViewController = HamburgerBarVC()
         let navigation = UINavigationController(rootViewController: rootViewController)
         let window = UIWindow(windowScene: windowScene)
         window.rootViewController = navigation

HealthFoodMe/HealthFoodMe/Global/Literals/ImageLiterals.swift

@@ -44,4 +44,8 @@ struct ImageLiterals {
         static let star3Icon = UIImage(named: "icn_star_03")
         static let beforeIcon = UIImage(named: "icon_before")
     }
+
+    struct HamburgerBar {
+        static let editNameBtn = UIImage(named: "btn_edit")
+    }
 }

HealthFoodMe/HealthFoodMe/Global/Literals/StringLiterals.swift

@@ -37,4 +37,17 @@ struct I18N {
         static let copyComplete = "📑 주소가 복사되었습니다"
         static let notOpenTravelSpot = "추후 오픈될 예정입니다"
     }
+
+    struct Map {
+        struct HamburgerBar {
+            static let logout = "로그아웃"
+            static let setting = "설정"
+            static let reposrtCorrection = "수정사항 제보하기"
+            static let reportStore = "가게 제보하기"
+            static let myReview = "내가 쓴 리뷰"
+            static let scrapList = "스크랩한 식당"
+            static let buttonTitles = ["스크랩한 식당", "내가 쓴 리뷰", "가게 제보하기",
+                                       "수정사항 제보하기"]
+        }
+    }
 }

HealthFoodMe/HealthFoodMe/Global/Resources/Assets.xcassets/HamburgerBar/Contents.json

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

HealthFoodMe/HealthFoodMe/Global/Resources/Assets.xcassets/Auth/authTitle.imageset/Contents.json → HealthFoodMe/HealthFoodMe/Global/Resources/Assets.xcassets/HamburgerBar/btn_edit.imageset/Contents.json

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

HealthFoodMe/HealthFoodMe/Info.plist

@@ -46,7 +46,7 @@
 					<key>UISceneDelegateClassName</key>
 					<string>$(PRODUCT_MODULE_NAME).SceneDelegate</string>
 					<key>UISceneStoryboardFile</key>
-					<string>MenuTab</string>
+					<string>HamburgerBar</string>
 				</dict>
 			</array>
 		</dict>

HealthFoodMe/HealthFoodMe/Presentation/Auth/SocialLoginScene/VC/SocialLoginVC.swift

@@ -87,7 +87,7 @@ extension SocialLoginVC {
         kakaoLoginButton.setTitleColor(.black, for: .normal)
 
         appleLoginButton.setTitle("애플 아이디로 로그인", for: .normal)
-//        appleLoginButton.backgroundColor = UIColor.carrotBlack
+        appleLoginButton.backgroundColor = UIColor.black
     }
 
     private func setLayout() {

HealthFoodMe/HealthFoodMe/Presentation/Map/HamburgerBarScene/ButtonVC.swift

@@ -0,0 +1,16 @@
+//
+//  ButtonVC.swift
+//  HealthFoodMe
+//
+//  Created by 강윤서 on 2022/07/10.
+//
+
+import UIKit
+import SnapKit
+
+class ButtonVC: UIViewController {
+    override func viewDidLoad() {
+        super.viewDidLoad()
+
+    }
+}

HealthFoodMe/HealthFoodMe/Presentation/Map/HamburgerBarScene/HamburgerBar.storyboard

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="20037" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="Y6W-OH-hqX">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="20020"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--Hamburger BarVC-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="HamburgerBarVC" useStoryboardIdentifierAsRestorationIdentifier="YES" id="Y6W-OH-hqX" customClass="HamburgerBarVC" customModule="HealthFoodMe" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="5EZ-qb-Rvc">
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="32" y="42"/>
+        </scene>
+    </scenes>
+    <resources>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
+</document>