diff --git a/assignment/assignment.xcodeproj/project.pbxproj b/assignment/assignment.xcodeproj/project.pbxproj
index 24630a9..55692f1 100644
--- a/assignment/assignment.xcodeproj/project.pbxproj
+++ b/assignment/assignment.xcodeproj/project.pbxproj
@@ -23,6 +23,19 @@
 		986168C72805B29600A8859F /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 986168C62805B29600A8859F /* ViewController.swift */; };
 		98967EF927FD5EB60031138C /* JoinNameViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98967EF827FD5EB60031138C /* JoinNameViewController.swift */; };
 		98967EFB27FD5ECE0031138C /* JoinPasswordViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98967EFA27FD5ECE0031138C /* JoinPasswordViewController.swift */; };
+		98A0CD8428097694009609C1 /* UILabel+.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98A0CD8328097694009609C1 /* UILabel+.swift */; };
+		98BE769C2809D37C0067D688 /* UIViewController+.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98BE769B2809D37C0067D688 /* UIViewController+.swift */; };
+		98FAA817280934B5000749D2 /* Home.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 98FAA816280934B5000749D2 /* Home.storyboard */; };
+		98FAA819280934C2000749D2 /* Search.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 98FAA818280934C2000749D2 /* Search.storyboard */; };
+		98FAA81B2809351D000749D2 /* Reels.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 98FAA81A2809351D000749D2 /* Reels.storyboard */; };
+		98FAA81D28093528000749D2 /* Shop.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 98FAA81C28093528000749D2 /* Shop.storyboard */; };
+		98FAA81F28093531000749D2 /* MyPage.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 98FAA81E28093531000749D2 /* MyPage.storyboard */; };
+		98FAA821280935F0000749D2 /* MainTabbarController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA820280935F0000749D2 /* MainTabbarController.swift */; };
+		98FAA82328093696000749D2 /* HomeViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA82228093696000749D2 /* HomeViewController.swift */; };
+		98FAA825280936B0000749D2 /* SearchViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA824280936B0000749D2 /* SearchViewController.swift */; };
+		98FAA827280936BF000749D2 /* ReelsViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA826280936BF000749D2 /* ReelsViewController.swift */; };
+		98FAA829280936CC000749D2 /* ShopViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA828280936CC000749D2 /* ShopViewController.swift */; };
+		98FAA82B280936E5000749D2 /* MyPageViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 98FAA82A280936E5000749D2 /* MyPageViewController.swift */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -44,6 +57,19 @@
 		986168C62805B29600A8859F /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = "<group>"; };
 		98967EF827FD5EB60031138C /* JoinNameViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = JoinNameViewController.swift; sourceTree = "<group>"; };
 		98967EFA27FD5ECE0031138C /* JoinPasswordViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = JoinPasswordViewController.swift; sourceTree = "<group>"; };
+		98A0CD8328097694009609C1 /* UILabel+.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UILabel+.swift"; sourceTree = "<group>"; };
+		98BE769B2809D37C0067D688 /* UIViewController+.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIViewController+.swift"; sourceTree = "<group>"; };
+		98FAA816280934B5000749D2 /* Home.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = Home.storyboard; sourceTree = "<group>"; };
+		98FAA818280934C2000749D2 /* Search.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = Search.storyboard; sourceTree = "<group>"; };
+		98FAA81A2809351D000749D2 /* Reels.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = Reels.storyboard; sourceTree = "<group>"; };
+		98FAA81C28093528000749D2 /* Shop.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = Shop.storyboard; sourceTree = "<group>"; };
+		98FAA81E28093531000749D2 /* MyPage.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = MyPage.storyboard; sourceTree = "<group>"; };
+		98FAA820280935F0000749D2 /* MainTabbarController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MainTabbarController.swift; sourceTree = "<group>"; };
+		98FAA82228093696000749D2 /* HomeViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HomeViewController.swift; sourceTree = "<group>"; };
+		98FAA824280936B0000749D2 /* SearchViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchViewController.swift; sourceTree = "<group>"; };
+		98FAA826280936BF000749D2 /* ReelsViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ReelsViewController.swift; sourceTree = "<group>"; };
+		98FAA828280936CC000749D2 /* ShopViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ShopViewController.swift; sourceTree = "<group>"; };
+		98FAA82A280936E5000749D2 /* MyPageViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MyPageViewController.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -73,7 +99,13 @@
 				980D11D127FD56700009F772 /* Login */,
 				980D11D627FD56890009F772 /* Join */,
 				980D11DB27FD57C90009F772 /* Complete */,
+				98FAA8112809347B000749D2 /* Home */,
+				98FAA8122809347F000749D2 /* Search */,
+				98FAA81328093483000749D2 /* Reels */,
+				98FAA81428093489000749D2 /* Shop */,
+				98FAA8152809348D000749D2 /* MyPage */,
 				985946AA27FA7E5C00F7610D /* Main.storyboard */,
+				98FAA820280935F0000749D2 /* MainTabbarController.swift */,
 			);
 			path = Scene;
 			sourceTree = "<group>";
@@ -138,6 +170,7 @@
 				980D11CA27FD55130009F772 /* Supports */,
 				986168BF2805B26800A8859F /* Resources */,
 				986168BE2805B25500A8859F /* Const */,
+				98A0CD8228097455009609C1 /* AppExtension */,
 			);
 			path = Configuration;
 			sourceTree = "<group>";
@@ -161,6 +194,60 @@
 			path = Resources;
 			sourceTree = "<group>";
 		};
+		98A0CD8228097455009609C1 /* AppExtension */ = {
+			isa = PBXGroup;
+			children = (
+				98A0CD8328097694009609C1 /* UILabel+.swift */,
+				98BE769B2809D37C0067D688 /* UIViewController+.swift */,
+			);
+			path = AppExtension;
+			sourceTree = "<group>";
+		};
+		98FAA8112809347B000749D2 /* Home */ = {
+			isa = PBXGroup;
+			children = (
+				98FAA816280934B5000749D2 /* Home.storyboard */,
+				98FAA82228093696000749D2 /* HomeViewController.swift */,
+			);
+			path = Home;
+			sourceTree = "<group>";
+		};
+		98FAA8122809347F000749D2 /* Search */ = {
+			isa = PBXGroup;
+			children = (
+				98FAA818280934C2000749D2 /* Search.storyboard */,
+				98FAA824280936B0000749D2 /* SearchViewController.swift */,
+			);
+			path = Search;
+			sourceTree = "<group>";
+		};
+		98FAA81328093483000749D2 /* Reels */ = {
+			isa = PBXGroup;
+			children = (
+				98FAA81A2809351D000749D2 /* Reels.storyboard */,
+				98FAA826280936BF000749D2 /* ReelsViewController.swift */,
+			);
+			path = Reels;
+			sourceTree = "<group>";
+		};
+		98FAA81428093489000749D2 /* Shop */ = {
+			isa = PBXGroup;
+			children = (
+				98FAA81C28093528000749D2 /* Shop.storyboard */,
+				98FAA828280936CC000749D2 /* ShopViewController.swift */,
+			);
+			path = Shop;
+			sourceTree = "<group>";
+		};
+		98FAA8152809348D000749D2 /* MyPage */ = {
+			isa = PBXGroup;
+			children = (
+				98FAA81E28093531000749D2 /* MyPage.storyboard */,
+				98FAA82A280936E5000749D2 /* MyPageViewController.swift */,
+			);
+			path = MyPage;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -219,11 +306,16 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				98FAA81D28093528000749D2 /* Shop.storyboard in Resources */,
+				98FAA817280934B5000749D2 /* Home.storyboard in Resources */,
 				980D11D327FD56770009F772 /* Login.storyboard in Resources */,
 				980D11DD27FD57D30009F772 /* Complete.storyboard in Resources */,
 				985946B127FA7E5C00F7610D /* LaunchScreen.storyboard in Resources */,
 				985946AE27FA7E5C00F7610D /* Assets.xcassets in Resources */,
+				98FAA81F28093531000749D2 /* MyPage.storyboard in Resources */,
 				985946AC27FA7E5C00F7610D /* Main.storyboard in Resources */,
+				98FAA819280934C2000749D2 /* Search.storyboard in Resources */,
+				98FAA81B2809351D000749D2 /* Reels.storyboard in Resources */,
 				980D11D827FD56910009F772 /* Join.storyboard in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
@@ -237,14 +329,22 @@
 			files = (
 				980D11D527FD567D0009F772 /* LoginViewController.swift in Sources */,
 				986168C32805B28A00A8859F /* Image.swift in Sources */,
+				98FAA829280936CC000749D2 /* ShopViewController.swift in Sources */,
 				98967EFB27FD5ECE0031138C /* JoinPasswordViewController.swift in Sources */,
 				986168C72805B29600A8859F /* ViewController.swift in Sources */,
+				98FAA827280936BF000749D2 /* ReelsViewController.swift in Sources */,
+				98A0CD8428097694009609C1 /* UILabel+.swift in Sources */,
 				985946A527FA7E5C00F7610D /* AppDelegate.swift in Sources */,
+				98FAA82B280936E5000749D2 /* MyPageViewController.swift in Sources */,
 				985946A727FA7E5C00F7610D /* SceneDelegate.swift in Sources */,
+				98FAA821280935F0000749D2 /* MainTabbarController.swift in Sources */,
 				986168C52805B29100A8859F /* Storyboard.swift in Sources */,
+				98FAA825280936B0000749D2 /* SearchViewController.swift in Sources */,
 				986168C12805B27D00A8859F /* Const.swift in Sources */,
+				98BE769C2809D37C0067D688 /* UIViewController+.swift in Sources */,
 				980D11DF27FD57DA0009F772 /* CompleteViewController.swift in Sources */,
 				98967EF927FD5EB60031138C /* JoinNameViewController.swift in Sources */,
+				98FAA82328093696000749D2 /* HomeViewController.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
diff --git a/assignment/assignment/Configuration/AppExtension/UILabel+.swift b/assignment/assignment/Configuration/AppExtension/UILabel+.swift
new file mode 100644
index 0000000..55991f3
--- /dev/null
+++ b/assignment/assignment/Configuration/AppExtension/UILabel+.swift
@@ -0,0 +1,21 @@
+//
+//  UILabel+.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+extension UILabel {
+    ///Label의 일부만 색을 바꿀 수 있는 익스텐션
+    func setPartialLabelColor(targetStringList: [String], color: UIColor?) {
+        let fullText = text ?? ""
+        let attributedString = NSMutableAttributedString(string: fullText)
+        targetStringList.forEach {
+            let range = (fullText as NSString).range(of: $0)
+            attributedString.addAttributes([.font: font as Any, .foregroundColor: color as Any], range: range)
+        }
+        attributedText = attributedString
+    }
+}
diff --git a/assignment/assignment/Configuration/AppExtension/UIViewController+.swift b/assignment/assignment/Configuration/AppExtension/UIViewController+.swift
new file mode 100644
index 0000000..48fbd51
--- /dev/null
+++ b/assignment/assignment/Configuration/AppExtension/UIViewController+.swift
@@ -0,0 +1,20 @@
+//
+//  UIViewController+.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/16.
+//
+
+import UIKit
+
+extension UIViewController {
+    func changeRootViewController(_ viewControllerToPresent: UIViewController) {
+        if let window = UIApplication.shared.windows.first {
+            window.rootViewController = viewControllerToPresent
+            UIView.transition(with: window, duration: 0.5, options: .transitionCrossDissolve, animations: nil)
+        } else {
+            viewControllerToPresent.modalPresentationStyle = .overFullScreen
+            self.present(viewControllerToPresent, animated: true, completion: nil)
+        }
+    }
+}
diff --git a/assignment/assignment/Configuration/Const/Storyboard.swift b/assignment/assignment/Configuration/Const/Storyboard.swift
index 122bbcd..e7b1d10 100644
--- a/assignment/assignment/Configuration/Const/Storyboard.swift
+++ b/assignment/assignment/Configuration/Const/Storyboard.swift
@@ -12,7 +12,7 @@ extension Const {
         
         // MARK: - Tabbar
         
-        static let Tabbar = "Main"
+        static let Main = "Main"
         
         // MARK: - Auth
         
@@ -22,12 +22,22 @@ extension Const {
         
         // MARK: - Home
         
+        static let Home = "Home"
+        
         // MARK: - Search
+        
+        static let Search = "Search"
     
         // MARK: - Reels
         
+        static let Reels = "Reels"
+        
         // MARK: - Shop
         
+        static let Shop = "Shop"
+        
         // MARK: - MyPage
+        
+        static let MyPage = "MyPage"
     }
 }
diff --git a/assignment/assignment/Configuration/Const/ViewController.swift b/assignment/assignment/Configuration/Const/ViewController.swift
index 47264ac..ff4677c 100644
--- a/assignment/assignment/Configuration/Const/ViewController.swift
+++ b/assignment/assignment/Configuration/Const/ViewController.swift
@@ -23,13 +23,23 @@ extension Const {
         
         // MARK: - Home
         
+        static let HomeVC = "HomeViewController"
+        
         // MARK: - Search
         
+        static let SearchVC = "SearchViewController"
+        
         // MARK: - Reels
         
+        static let ReelsVC = "ReelsViewController"
+        
         // MARK: - Shop
         
+        static let ShopVC = "ShopViewController"
+        
         // MARK: - MyPage
         
+        static let MyPageVC = "MyPageViewController"
+        
     }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home.imageset/Contents.json
index deeccae..1831894 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home_selected.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home_selected.imageset/Contents.json
index a4db00a..28619c4 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home_selected.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_home_selected.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_hidden.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_hidden.imageset/Contents.json
index d02b756..2555f07 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_hidden.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_hidden.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "original"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_shown.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_shown.imageset/Contents.json
index 9901b73..e642bd3 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_shown.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_password_shown.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "original"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile.imageset/Contents.json
index 839dae5..c68bd1e 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "original"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile_selected.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile_selected.imageset/Contents.json
index 7dec35f..c998565 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile_selected.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_profile_selected.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "original"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels.imageset/Contents.json
index 1ad50a1..23e6d38 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels_selected.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels_selected.imageset/Contents.json
index 9ca9f2b..3e124c8 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels_selected.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_reels_selected.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search.imageset/Contents.json
index 0025652..8dc840f 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search_selected.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search_selected.imageset/Contents.json
index dc7c627..e2d9784 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search_selected.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_search_selected.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop.imageset/Contents.json
index 1e111eb..d9ff000 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop_selected.imageset/Contents.json b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop_selected.imageset/Contents.json
index e5a9f1c..b4f6e08 100644
--- a/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop_selected.imageset/Contents.json
+++ b/assignment/assignment/Configuration/Resources/Assets.xcassets/icn_shop_selected.imageset/Contents.json
@@ -19,5 +19,8 @@
   "info" : {
     "author" : "xcode",
     "version" : 1
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
   }
 }
diff --git a/assignment/assignment/Scene/Base.lproj/Main.storyboard b/assignment/assignment/Scene/Base.lproj/Main.storyboard
index f7b15fd..241f16d 100644
--- a/assignment/assignment/Scene/Base.lproj/Main.storyboard
+++ b/assignment/assignment/Scene/Base.lproj/Main.storyboard
@@ -1,32 +1,82 @@
 <?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="BYZ-38-t0r">
+<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="V1i-0I-sps">
     <device id="retina6_1" orientation="portrait" appearance="light"/>
     <dependencies>
         <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>
-        <!--View Controller-->
-        <scene sceneID="tne-QT-ifu">
+        <!--Main Tabbar Controller-->
+        <scene sceneID="7z7-b2-rsC">
             <objects>
-                <viewController id="BYZ-38-t0r" customClass="ViewController" customModule="assignment" customModuleProvider="target" sceneMemberID="viewController">
-                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
-                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
-                    </view>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+                <tabBarController storyboardIdentifier="MainTabbarController" automaticallyAdjustsScrollViewInsets="NO" id="V1i-0I-sps" customClass="MainTabbarController" customModule="assignment" customModuleProvider="target" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <tabBar key="tabBar" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" id="NGS-A4-FgL">
+                        <rect key="frame" x="0.0" y="0.0" width="1000" height="1000"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                        <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                    </tabBar>
+                    <connections>
+                        <segue destination="0x6-cM-8y1" kind="relationship" relationship="viewControllers" id="frR-40-Raz"/>
+                        <segue destination="zmI-Ta-0Nx" kind="relationship" relationship="viewControllers" id="V7z-BB-N2f"/>
+                        <segue destination="B1f-AW-xJK" kind="relationship" relationship="viewControllers" id="XOV-Oa-ZSF"/>
+                        <segue destination="g7V-7d-ZU3" kind="relationship" relationship="viewControllers" id="IuQ-eb-7Ph"/>
+                        <segue destination="tVf-7q-ErT" kind="relationship" relationship="viewControllers" id="dFN-P5-gLn"/>
+                    </connections>
+                </tabBarController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="V0E-GR-iDw" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="-22" y="81"/>
+            <point key="canvasLocation" x="-246" y="-436"/>
+        </scene>
+        <!--MyPage-->
+        <scene sceneID="77V-i3-bVZ">
+            <objects>
+                <viewControllerPlaceholder storyboardName="MyPage" id="tVf-7q-ErT" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" title="Item" id="ygY-sF-Pad"/>
+                </viewControllerPlaceholder>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="jsV-ka-S3D" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="97" y="70"/>
+        </scene>
+        <!--Shop-->
+        <scene sceneID="VKy-Xd-fg5">
+            <objects>
+                <viewControllerPlaceholder storyboardName="Shop" id="g7V-7d-ZU3" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" title="Item" id="2Tq-M6-W4e"/>
+                </viewControllerPlaceholder>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="eby-GN-LAe" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-72" y="70"/>
+        </scene>
+        <!--Home-->
+        <scene sceneID="BgG-ea-2YQ">
+            <objects>
+                <viewControllerPlaceholder storyboardName="Home" id="0x6-cM-8y1" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" title="Item" id="mGT-Yk-5Si"/>
+                </viewControllerPlaceholder>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="gnC-EY-iD0" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-604" y="70"/>
+        </scene>
+        <!--Search-->
+        <scene sceneID="Lpe-8N-RnG">
+            <objects>
+                <viewControllerPlaceholder storyboardName="Search" id="zmI-Ta-0Nx" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" title="Item" id="OpG-qh-JeX"/>
+                </viewControllerPlaceholder>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ept-lJ-ncQ" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-428" y="70"/>
+        </scene>
+        <!--Reels-->
+        <scene sceneID="obl-l7-TaX">
+            <objects>
+                <viewControllerPlaceholder storyboardName="Reels" id="B1f-AW-xJK" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" tag="3" title="Item" id="lbD-34-eS3"/>
+                </viewControllerPlaceholder>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="pP3-tI-Ee0" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-246" y="70"/>
         </scene>
     </scenes>
-    <resources>
-        <systemColor name="systemBackgroundColor">
-            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-        </systemColor>
-    </resources>
 </document>
diff --git a/assignment/assignment/Scene/Complete/Complete.storyboard b/assignment/assignment/Scene/Complete/Complete.storyboard
index 7c3d393..a282edb 100644
--- a/assignment/assignment/Scene/Complete/Complete.storyboard
+++ b/assignment/assignment/Scene/Complete/Complete.storyboard
@@ -16,34 +16,57 @@
                         <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="OOO님 Instagram에 오신 것을 환영합니다" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="ThS-tI-SpQ">
-                                <rect key="frame" x="10" y="196" width="394" height="119"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="40"/>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="OOO님 Instagram에
오신 것을 환영합니다" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="ThS-tI-SpQ">
+                                <rect key="frame" x="105.5" y="310" width="203.5" height="57.5"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="24"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="언제든지 연락처 정보와 사용자 이름을 변경할 수 있습니다." textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="eh7-SJ-abH">
-                                <rect key="frame" x="13" y="323" width="388" height="21"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
-                                <color key="textColor" white="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="언제든지 연락처 정보와 사용자 이름을 변경할 수 있습니다." textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="eh7-SJ-abH">
+                                <rect key="frame" x="69" y="383.5" width="276.5" height="14.5"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                <color key="textColor" red="0.44705882352941173" green="0.44705882352941173" blue="0.44705882352941173" alpha="1" colorSpace="calibratedRGB"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="S5C-Jf-pAF">
-                                <rect key="frame" x="20" y="392" width="374" height="52"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="S5C-Jf-pAF">
+                                <rect key="frame" x="16" y="430" width="382" height="44"/>
                                 <color key="backgroundColor" red="0.35794719829999999" green="0.56799568970000003" blue="0.84779094830000001" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="IBU-Od-xxY"/>
+                                </constraints>
                                 <color key="tintColor" systemColor="tintColor"/>
                                 <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="filled" title="완료하기"/>
+                                <buttonConfiguration key="configuration" style="filled" title="완료하기">
+                                    <fontDescription key="titleFontDescription" type="boldSystem" pointSize="16"/>
+                                </buttonConfiguration>
                                 <connections>
                                     <action selector="completeButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="esx-nK-uGJ"/>
                                 </connections>
                             </button>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="NeN-qe-yKa">
+                                <rect key="frame" x="124.5" y="492" width="165" height="31"/>
+                                <state key="normal" title="Button"/>
+                                <buttonConfiguration key="configuration" style="plain" title="다른 계정으로 로그인하기">
+                                    <fontDescription key="titleFontDescription" type="system" pointSize="14"/>
+                                </buttonConfiguration>
+                                <connections>
+                                    <action selector="anotherAccountButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="j5C-LW-pGm"/>
+                                </connections>
+                            </button>
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
                         <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                        <constraints>
+                            <constraint firstItem="NeN-qe-yKa" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="9ZL-fv-RhI"/>
+                            <constraint firstItem="ThS-tI-SpQ" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="9mM-6u-TWO"/>
+                            <constraint firstItem="eh7-SJ-abH" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="Fso-RG-Rwu"/>
+                            <constraint firstItem="NeN-qe-yKa" firstAttribute="top" secondItem="S5C-Jf-pAF" secondAttribute="bottom" constant="18" id="ghc-1C-qlB"/>
+                            <constraint firstItem="eh7-SJ-abH" firstAttribute="top" secondItem="ThS-tI-SpQ" secondAttribute="bottom" constant="16" id="khh-Qm-Tou"/>
+                            <constraint firstItem="ThS-tI-SpQ" firstAttribute="top" secondItem="vDu-zF-Fre" secondAttribute="top" constant="266" id="lwC-uf-4Vz"/>
+                            <constraint firstItem="S5C-Jf-pAF" firstAttribute="top" secondItem="eh7-SJ-abH" secondAttribute="bottom" constant="32" id="sD7-85-KRW"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="S5C-Jf-pAF" secondAttribute="trailing" constant="16" id="v4E-zs-Dqc"/>
+                            <constraint firstItem="S5C-Jf-pAF" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="zfJ-7G-f3a"/>
+                        </constraints>
                     </view>
                     <connections>
                         <outlet property="completeButton" destination="S5C-Jf-pAF" id="weF-AU-PUf"/>
diff --git a/assignment/assignment/Scene/Complete/CompleteViewController.swift b/assignment/assignment/Scene/Complete/CompleteViewController.swift
index cba32ab..2d2c7c2 100644
--- a/assignment/assignment/Scene/Complete/CompleteViewController.swift
+++ b/assignment/assignment/Scene/Complete/CompleteViewController.swift
@@ -33,16 +33,24 @@ final class CompleteViewController: UIViewController {
     }
     
     private func setButtonUI() {
-        completeButton.layer.cornerRadius = 15
+        completeButton.layer.cornerRadius = 5
     }
     
     private func setUserName() {
-        welcomeLabel.text = "\(userName)님 Instagram에 오신 것을 환영합니다"
+        welcomeLabel.text = """
+        \(userName)님 Instagram에
+        오신 것을 환영합니다
+        """
     }
     
     // MARK: - IBAction
     
     @IBAction func completeButtonDidTap(_ sender: Any) {
+        guard let tabbarVC = UIStoryboard(name: Const.Storyboard.Main, bundle: nil).instantiateViewController(withIdentifier: Const.ViewController.MainTabbarVC) as? MainTabbarController else { return }
+        changeRootViewController(tabbarVC)
+    }
+    
+    @IBAction func anotherAccountButtonDidTap(_ sender: Any) {
         self.dismiss(animated: true)
     }
 }
diff --git a/assignment/assignment/Scene/Home/Home.storyboard b/assignment/assignment/Scene/Home/Home.storyboard
new file mode 100644
index 0000000..0acca96
--- /dev/null
+++ b/assignment/assignment/Scene/Home/Home.storyboard
@@ -0,0 +1,51 @@
+<?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="Jwe-6G-iMs">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="20020"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--Home View Controller-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="HomeViewController" id="Y6W-OH-hqX" customClass="HomeViewController" customModule="assignment" 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" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" title="" image="icn_home" selectedImage="icn_home_selected" id="sD2-ht-DV1"/>
+                    <navigationItem key="navigationItem" id="YaW-gb-QW1"/>
+                    <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="886.95652173913049" y="80.357142857142847"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="F3e-Ps-X1T">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="Jwe-6G-iMs" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="cFR-84-nsH">
+                        <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Y6W-OH-hqX" kind="relationship" relationship="rootViewController" id="28H-90-wAc"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="R03-W7-fmc" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-23.188405797101453" y="80.357142857142847"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="icn_home" width="24" height="24"/>
+        <image name="icn_home_selected" width="24" height="24"/>
+    </resources>
+</document>
diff --git a/assignment/assignment/Scene/Home/HomeViewController.swift b/assignment/assignment/Scene/Home/HomeViewController.swift
new file mode 100644
index 0000000..c0ef2ae
--- /dev/null
+++ b/assignment/assignment/Scene/Home/HomeViewController.swift
@@ -0,0 +1,15 @@
+//
+//  HomeViewController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class HomeViewController: UIViewController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}
diff --git a/assignment/assignment/Scene/Join/Join.storyboard b/assignment/assignment/Scene/Join/Join.storyboard
index 1964b6a..ba15ace 100644
--- a/assignment/assignment/Scene/Join/Join.storyboard
+++ b/assignment/assignment/Scene/Join/Join.storyboard
@@ -16,43 +16,63 @@
                         <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Tys-Ll-Nxx">
-                                <rect key="frame" x="12" y="44" width="51" height="44"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="tintColor" systemColor="labelColor"/>
-                                <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="plain" image="chevron.left" catalog="system"/>
-                                <connections>
-                                    <action selector="backButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="Rtg-vv-niO"/>
-                                </connections>
-                            </button>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="사용자 이름 만들기" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="3PR-OZ-eFb">
-                                <rect key="frame" x="78" y="113" width="258" height="42"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="35"/>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="7jN-mx-XWX">
+                                <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                                <subviews>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Tys-Ll-Nxx">
+                                        <rect key="frame" x="16" y="10" width="24" height="24"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="24" id="Pxt-bj-ejv"/>
+                                            <constraint firstAttribute="width" secondItem="Tys-Ll-Nxx" secondAttribute="height" multiplier="1:1" id="TTc-m2-pQE"/>
+                                        </constraints>
+                                        <color key="tintColor" systemColor="labelColor"/>
+                                        <state key="normal" title="Button"/>
+                                        <buttonConfiguration key="configuration" style="plain" image="chevron.left" catalog="system"/>
+                                        <connections>
+                                            <action selector="backButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="Rtg-vv-niO"/>
+                                        </connections>
+                                    </button>
+                                </subviews>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="AFb-Ot-hTg"/>
+                                    <constraint firstItem="Tys-Ll-Nxx" firstAttribute="leading" secondItem="7jN-mx-XWX" secondAttribute="leading" constant="16" id="bIY-y0-6Tf"/>
+                                    <constraint firstItem="Tys-Ll-Nxx" firstAttribute="centerY" secondItem="7jN-mx-XWX" secondAttribute="centerY" id="guB-W9-UaW"/>
+                                </constraints>
+                            </view>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="사용자 이름 만들기" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="3PR-OZ-eFb">
+                                <rect key="frame" x="118.5" y="94" width="177" height="29"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="24"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="새 계정에 사용할 사용자 이름을 선택하세요. 나중에 언제든지 변경할 수 있습니다." textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="HUl-UG-m36">
-                                <rect key="frame" x="39" y="177" width="355" height="54"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
-                                <color key="textColor" white="0.33333333333333331" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="HUl-UG-m36">
+                                <rect key="frame" x="86" y="139" width="242" height="29"/>
+                                <string key="text">새 계정에 사용할 사용자 이름을 선택하세요. 나중에
+언제든지 변경할 수 있습니다.</string>
+                                <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                <color key="textColor" red="0.44705882352941173" green="0.44705882352941173" blue="0.44705882352941173" alpha="1" colorSpace="calibratedRGB"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="사용자 이름" textAlignment="natural" minimumFontSize="17" clearButtonMode="whileEditing" translatesAutoresizingMaskIntoConstraints="NO" id="mPy-xp-09h">
-                                <rect key="frame" x="36" y="255" width="342" height="34"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="사용자 이름" textAlignment="natural" minimumFontSize="17" clearButtonMode="whileEditing" translatesAutoresizingMaskIntoConstraints="NO" id="mPy-xp-09h">
+                                <rect key="frame" x="16" y="190" width="382" height="44"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="fHq-VZ-r9E"/>
+                                </constraints>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <textInputTraits key="textInputTraits"/>
                             </textField>
-                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" fixedFrame="YES" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="yIw-ST-GHJ">
-                                <rect key="frame" x="36" y="331" width="342" height="52"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="yIw-ST-GHJ">
+                                <rect key="frame" x="16" y="256" width="382" height="44"/>
                                 <color key="backgroundColor" red="0.0" green="0.47843137254901963" blue="1" alpha="0.50440436241610742" colorSpace="custom" customColorSpace="sRGB"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="FOo-BH-Le2"/>
+                                </constraints>
                                 <color key="tintColor" systemColor="tintColor"/>
                                 <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="filled" title="다음"/>
+                                <buttonConfiguration key="configuration" style="filled" title="다음">
+                                    <fontDescription key="titleFontDescription" type="boldSystem" pointSize="16"/>
+                                </buttonConfiguration>
                                 <connections>
                                     <action selector="nextButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="7Hv-ZZ-ndl"/>
                                 </connections>
@@ -60,6 +80,21 @@
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="mPy-xp-09h" secondAttribute="trailing" constant="16" id="9eE-Uw-Afx"/>
+                            <constraint firstItem="7jN-mx-XWX" firstAttribute="top" secondItem="vDu-zF-Fre" secondAttribute="top" id="BbS-xb-ehV"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="7jN-mx-XWX" secondAttribute="trailing" id="JEf-L9-PXU"/>
+                            <constraint firstItem="HUl-UG-m36" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="UJZ-N6-Qal"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="yIw-ST-GHJ" secondAttribute="trailing" constant="16" id="UzI-o4-ggb"/>
+                            <constraint firstItem="7jN-mx-XWX" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" id="Xvr-kn-ds5"/>
+                            <constraint firstItem="3PR-OZ-eFb" firstAttribute="top" secondItem="7jN-mx-XWX" secondAttribute="bottom" constant="6" id="abd-Xh-7uj"/>
+                            <constraint firstItem="yIw-ST-GHJ" firstAttribute="top" secondItem="mPy-xp-09h" secondAttribute="bottom" constant="22" id="amd-97-9ar"/>
+                            <constraint firstItem="3PR-OZ-eFb" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="dNf-sK-Y0A"/>
+                            <constraint firstItem="HUl-UG-m36" firstAttribute="top" secondItem="3PR-OZ-eFb" secondAttribute="bottom" constant="16" id="fFW-oW-eZV"/>
+                            <constraint firstItem="mPy-xp-09h" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="j5N-aU-1V4"/>
+                            <constraint firstItem="mPy-xp-09h" firstAttribute="top" secondItem="HUl-UG-m36" secondAttribute="bottom" constant="22" id="jDe-Qg-CQk"/>
+                            <constraint firstItem="yIw-ST-GHJ" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="r01-BM-LG3"/>
+                        </constraints>
                     </view>
                     <navigationItem key="navigationItem" id="qLp-FJ-hWh"/>
                     <connections>
@@ -79,50 +114,110 @@
                         <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="muW-GQ-Nvu">
-                                <rect key="frame" x="20" y="56" width="51" height="44"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="tintColor" systemColor="labelColor"/>
-                                <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="plain" image="chevron.left" catalog="system"/>
-                                <connections>
-                                    <action selector="backButtonDidTap:" destination="Jip-KT-MjJ" eventType="touchUpInside" id="rG4-sG-xAY"/>
-                                </connections>
-                            </button>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="비밀번호 만들기" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="03c-LN-tZh">
-                                <rect key="frame" x="97" y="114" width="220" height="42"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="35"/>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="y6U-08-vpa">
+                                <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                                <subviews>
+                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="muW-GQ-Nvu">
+                                        <rect key="frame" x="16" y="10" width="24" height="24"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" secondItem="muW-GQ-Nvu" secondAttribute="height" multiplier="1:1" id="1EJ-a1-0GK"/>
+                                            <constraint firstAttribute="height" constant="24" id="aKy-TV-uk9"/>
+                                        </constraints>
+                                        <color key="tintColor" systemColor="labelColor"/>
+                                        <state key="normal" title="Button"/>
+                                        <buttonConfiguration key="configuration" style="plain" image="chevron.left" catalog="system"/>
+                                        <connections>
+                                            <action selector="backButtonDidTap:" destination="Jip-KT-MjJ" eventType="touchUpInside" id="rG4-sG-xAY"/>
+                                        </connections>
+                                    </button>
+                                </subviews>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="FdH-4u-ymf"/>
+                                    <constraint firstItem="muW-GQ-Nvu" firstAttribute="centerY" secondItem="y6U-08-vpa" secondAttribute="centerY" id="Laj-V0-GsD"/>
+                                    <constraint firstItem="muW-GQ-Nvu" firstAttribute="leading" secondItem="y6U-08-vpa" secondAttribute="leading" constant="16" id="oJ8-VZ-14i"/>
+                                </constraints>
+                            </view>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="비밀번호 만들기" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="03c-LN-tZh">
+                                <rect key="frame" x="131.5" y="94" width="151" height="29"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="24"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="비밀번호를 저장할 수 있으므로 iCloud 기기에서 로그인 정보를 입력하지 않아도 됩니다." textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="I6o-Bf-re6">
-                                <rect key="frame" x="29" y="178" width="373" height="54"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
-                                <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="I6o-Bf-re6">
+                                <rect key="frame" x="75" y="139" width="264" height="29"/>
+                                <string key="text">비밀번호를 저장할 수 있으므로 iCloud 기기에서 로그인
+정보를 입력하지 않아도 됩니다.</string>
+                                <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                <color key="textColor" red="0.44705882352941173" green="0.44705882352941173" blue="0.44705882352941173" alpha="1" colorSpace="calibratedRGB"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="비밀번호" textAlignment="natural" minimumFontSize="17" clearButtonMode="whileEditing" translatesAutoresizingMaskIntoConstraints="NO" id="91M-UN-dur">
-                                <rect key="frame" x="29" y="257" width="342" height="34"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="비밀번호" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="91M-UN-dur">
+                                <rect key="frame" x="16" y="190" width="382" height="44"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="clh-BC-Aeh"/>
+                                </constraints>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
-                                <textInputTraits key="textInputTraits"/>
+                                <textInputTraits key="textInputTraits" secureTextEntry="YES"/>
                             </textField>
-                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" fixedFrame="YES" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rXN-KU-k4b">
-                                <rect key="frame" x="29" y="330" width="365" height="52"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" red="0.0" green="0.47843137254901963" blue="1" alpha="0.5" colorSpace="custom" customColorSpace="sRGB"/>
+                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" adjustsImageWhenHighlighted="NO" adjustsImageWhenDisabled="NO" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rXN-KU-k4b">
+                                <rect key="frame" x="16" y="256" width="382" height="44"/>
+                                <color key="backgroundColor" red="0.0" green="0.47843137250000001" blue="1" alpha="0.50440436239999997" colorSpace="custom" customColorSpace="sRGB"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="k3J-nb-BwV"/>
+                                </constraints>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="16"/>
                                 <color key="tintColor" systemColor="tintColor"/>
-                                <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="filled" title="다음"/>
+                                <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
+                                <state key="normal" title="다음">
+                                    <color key="titleColor" systemColor="systemBackgroundColor"/>
+                                    <color key="titleShadowColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                </state>
+                                <state key="disabled" title="다음">
+                                    <color key="titleColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                </state>
+                                <buttonConfiguration key="configuration" style="filled" title="다음">
+                                    <fontDescription key="titleFontDescription" type="boldSystem" pointSize="16"/>
+                                    <color key="baseForegroundColor" systemColor="systemBackgroundColor"/>
+                                </buttonConfiguration>
                                 <connections>
                                     <action selector="nextButtonDidTap:" destination="Jip-KT-MjJ" eventType="touchUpInside" id="W9f-iD-Ch2"/>
                                 </connections>
                             </button>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Qo7-N9-LFW">
+                                <rect key="frame" x="368" y="202" width="20" height="20"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="20" id="DwL-kj-2Lc"/>
+                                    <constraint firstAttribute="width" secondItem="Qo7-N9-LFW" secondAttribute="height" multiplier="1:1" id="dDB-00-l0g"/>
+                                </constraints>
+                                <color key="tintColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
+                                <state key="normal" title="Button" image="icn_password_shown"/>
+                                <state key="selected" image="icn_password_hidden"/>
+                                <connections>
+                                    <action selector="showPasswordButtonDidTap:" destination="Jip-KT-MjJ" eventType="touchUpInside" id="4t3-bf-wKr"/>
+                                </connections>
+                            </button>
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="YIo-y7-QTh"/>
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <constraint firstItem="y6U-08-vpa" firstAttribute="top" secondItem="YIo-y7-QTh" secondAttribute="top" id="4gq-dY-zeV"/>
+                            <constraint firstItem="YIo-y7-QTh" firstAttribute="trailing" secondItem="Qo7-N9-LFW" secondAttribute="trailing" constant="26" id="52R-IP-0GX"/>
+                            <constraint firstItem="YIo-y7-QTh" firstAttribute="trailing" secondItem="rXN-KU-k4b" secondAttribute="trailing" constant="16" id="Adf-gb-XGW"/>
+                            <constraint firstItem="rXN-KU-k4b" firstAttribute="top" secondItem="91M-UN-dur" secondAttribute="bottom" constant="22" id="G5g-aU-CeD"/>
+                            <constraint firstItem="03c-LN-tZh" firstAttribute="centerX" secondItem="YIo-y7-QTh" secondAttribute="centerX" id="IhX-ND-w3T"/>
+                            <constraint firstItem="YIo-y7-QTh" firstAttribute="trailing" secondItem="y6U-08-vpa" secondAttribute="trailing" id="J3g-YU-3IV"/>
+                            <constraint firstItem="y6U-08-vpa" firstAttribute="leading" secondItem="YIo-y7-QTh" secondAttribute="leading" id="KgY-gl-fw7"/>
+                            <constraint firstItem="rXN-KU-k4b" firstAttribute="leading" secondItem="YIo-y7-QTh" secondAttribute="leading" constant="16" id="Qyb-C1-5cU"/>
+                            <constraint firstItem="I6o-Bf-re6" firstAttribute="centerX" secondItem="YIo-y7-QTh" secondAttribute="centerX" id="Un7-Qg-23b"/>
+                            <constraint firstItem="03c-LN-tZh" firstAttribute="top" secondItem="y6U-08-vpa" secondAttribute="bottom" constant="6" id="VmU-Re-a5w"/>
+                            <constraint firstItem="I6o-Bf-re6" firstAttribute="top" secondItem="03c-LN-tZh" secondAttribute="bottom" constant="16" id="ZGp-P7-zDT"/>
+                            <constraint firstItem="YIo-y7-QTh" firstAttribute="trailing" secondItem="91M-UN-dur" secondAttribute="trailing" constant="16" id="s0h-2z-FwE"/>
+                            <constraint firstItem="91M-UN-dur" firstAttribute="top" secondItem="I6o-Bf-re6" secondAttribute="bottom" constant="22" id="vuh-jH-wjZ"/>
+                            <constraint firstItem="91M-UN-dur" firstAttribute="leading" secondItem="YIo-y7-QTh" secondAttribute="leading" constant="16" id="x5M-1f-NCy"/>
+                            <constraint firstItem="Qo7-N9-LFW" firstAttribute="centerY" secondItem="91M-UN-dur" secondAttribute="centerY" id="xAh-bF-8TF"/>
+                        </constraints>
                     </view>
                     <connections>
                         <outlet property="nextButton" destination="rXN-KU-k4b" id="aya-4T-gVd"/>
@@ -136,6 +231,8 @@
     </scenes>
     <resources>
         <image name="chevron.left" catalog="system" width="96" height="128"/>
+        <image name="icn_password_hidden" width="20" height="20"/>
+        <image name="icn_password_shown" width="20" height="20"/>
         <systemColor name="labelColor">
             <color white="0.0" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
         </systemColor>
diff --git a/assignment/assignment/Scene/Join/JoinNameViewController.swift b/assignment/assignment/Scene/Join/JoinNameViewController.swift
index 4a78a09..0e83877 100644
--- a/assignment/assignment/Scene/Join/JoinNameViewController.swift
+++ b/assignment/assignment/Scene/Join/JoinNameViewController.swift
@@ -34,7 +34,7 @@ final class JoinNameViewController: UIViewController {
     }
     
     private func setButtonUI() {
-        nextButton.layer.cornerRadius = 15
+        nextButton.layer.cornerRadius = 5
     }
     
     private func setTextField() {
@@ -58,7 +58,7 @@ final class JoinNameViewController: UIViewController {
     }
     
     @IBAction func nextButtonDidTap(_ sender: Any) {
-        guard let passwordVC = self.storyboard?.instantiateViewController(withIdentifier: "JoinPasswordViewController") as? JoinPasswordViewController else { return }
+        guard let passwordVC = self.storyboard?.instantiateViewController(withIdentifier: Const.ViewController.JoinPasswordVC) as? JoinPasswordViewController else { return }
         passwordVC.userName = nameTextField.text ?? ""
         self.navigationController?.pushViewController(passwordVC, animated: true)
     }
diff --git a/assignment/assignment/Scene/Join/JoinPasswordViewController.swift b/assignment/assignment/Scene/Join/JoinPasswordViewController.swift
index 029bb6f..c194cbb 100644
--- a/assignment/assignment/Scene/Join/JoinPasswordViewController.swift
+++ b/assignment/assignment/Scene/Join/JoinPasswordViewController.swift
@@ -38,7 +38,7 @@ final class JoinPasswordViewController: UIViewController {
     }
     
     private func setButtonUI() {
-        nextButton.layer.cornerRadius = 15
+        nextButton.layer.cornerRadius = 5
     }
     
     private func setTextField() {
@@ -61,8 +61,14 @@ final class JoinPasswordViewController: UIViewController {
         self.navigationController?.popViewController(animated: true)
     }
     
+    @IBAction func showPasswordButtonDidTap(_ sender: Any) {
+        let button = sender as? UIButton
+        button?.isSelected.toggle()
+        passwordTextField.isSecureTextEntry.toggle()
+    }
+    
     @IBAction func nextButtonDidTap(_ sender: Any) {
-        guard let completeVC = UIStoryboard(name: "Complete", bundle: nil).instantiateViewController(withIdentifier: "CompleteViewController") as? CompleteViewController else { return }
+        guard let completeVC = UIStoryboard(name: Const.Storyboard.Complete, bundle: nil).instantiateViewController(withIdentifier: Const.ViewController.CompleteVC) as? CompleteViewController else { return }
         completeVC.modalTransitionStyle = .crossDissolve
         completeVC.modalPresentationStyle = .fullScreen
         completeVC.userName = userName
diff --git a/assignment/assignment/Scene/Login/Login.storyboard b/assignment/assignment/Scene/Login/Login.storyboard
index c12bb6e..8453ddd 100644
--- a/assignment/assignment/Scene/Login/Login.storyboard
+++ b/assignment/assignment/Scene/Login/Login.storyboard
@@ -3,7 +3,6 @@
     <device id="retina6_1" orientation="portrait" appearance="light"/>
     <dependencies>
         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="20020"/>
-        <capability name="Image references" minToolsVersion="12.0"/>
         <capability name="Named colors" minToolsVersion="9.0"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="System colors in document resources" minToolsVersion="11.0"/>
@@ -18,80 +17,111 @@
                         <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="전화번호, 사용자 이름 또는 이메일" textAlignment="natural" minimumFontSize="17" clearButtonMode="whileEditing" translatesAutoresizingMaskIntoConstraints="NO" id="FXw-9a-R5h">
-                                <rect key="frame" x="42" y="286" width="330" height="34"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="전화번호, 사용자 이름 또는 이메일" textAlignment="natural" minimumFontSize="17" clearButtonMode="whileEditing" translatesAutoresizingMaskIntoConstraints="NO" id="FXw-9a-R5h">
+                                <rect key="frame" x="16" y="254" width="382" height="44"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="nbt-5A-dUs"/>
+                                </constraints>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <textInputTraits key="textInputTraits" textContentType="username"/>
                             </textField>
-                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="비밀번호" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="lRT-yc-Viy">
-                                <rect key="frame" x="42" y="357" width="330" height="34"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" placeholder="비밀번호" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="lRT-yc-Viy">
+                                <rect key="frame" x="16" y="310" width="382" height="44"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="e1V-go-rPi"/>
+                                </constraints>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <textInputTraits key="textInputTraits" secureTextEntry="YES" textContentType="password"/>
                             </textField>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="비밀번호를 잊으셨나요?" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Kwy-Hd-LrG">
-                                <rect key="frame" x="212" y="410" width="160" height="21"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" adjustsImageWhenHighlighted="NO" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Su6-Lv-SaQ">
+                                <rect key="frame" x="368" y="322" width="20" height="20"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="20" id="8vv-MR-7wi"/>
+                                    <constraint firstAttribute="width" secondItem="Su6-Lv-SaQ" secondAttribute="height" multiplier="1:1" id="ibd-9I-kgZ"/>
+                                </constraints>
+                                <color key="tintColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
+                                <state key="normal" image="icn_password_shown"/>
+                                <state key="selected" image="icn_password_hidden"/>
+                                <connections>
+                                    <action selector="showPasswordButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="I5x-VS-yFb"/>
+                                </connections>
+                            </button>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="비밀번호를 잊으셨나요?" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Kwy-Hd-LrG">
+                                <rect key="frame" x="303" y="373" width="95" height="12"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="10"/>
                                 <color key="textColor" name="AccentColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" fixedFrame="YES" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="S0f-rA-Hz3">
-                                <rect key="frame" x="42" y="460" width="330" height="52"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="backgroundColor" red="0.0" green="0.47843137254901963" blue="1" alpha="0.50256921140939592" colorSpace="custom" customColorSpace="sRGB"/>
+                            <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="S0f-rA-Hz3">
+                                <rect key="frame" x="16" y="419" width="382" height="44"/>
+                                <color key="backgroundColor" red="0.0" green="0.47843137250000001" blue="1" alpha="0.50440436239999997" colorSpace="custom" customColorSpace="sRGB"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="44" id="MeZ-kp-7Ef"/>
+                                </constraints>
                                 <color key="tintColor" systemColor="tintColor"/>
                                 <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="filled" title="로그인"/>
+                                <buttonConfiguration key="configuration" style="filled" title="로그인">
+                                    <fontDescription key="titleFontDescription" type="boldSystem" pointSize="16"/>
+                                </buttonConfiguration>
                                 <connections>
                                     <action selector="completeButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="evS-mC-tTc"/>
                                 </connections>
                             </button>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="계정이 없으신가요?" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="AC7-qO-1vY">
-                                <rect key="frame" x="100" y="570" width="131" height="21"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Instagram Black Logo" translatesAutoresizingMaskIntoConstraints="NO" id="tQX-FG-CGK">
+                                <rect key="frame" x="119.5" y="170" width="175" height="50"/>
+                            </imageView>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="계정이 없으신가요?  가입하기" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="AC7-qO-1vY">
+                                <rect key="frame" x="125" y="499" width="164" height="19"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="leh-jq-BsJ">
-                                <rect key="frame" x="239" y="565" width="93" height="31"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="CmM-QU-kIx">
+                                <rect key="frame" x="230" y="493" width="67" height="31"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="31" id="7zT-AH-9bO"/>
+                                    <constraint firstAttribute="width" constant="67" id="msu-jb-zeM"/>
+                                </constraints>
                                 <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="plain" title="가입하기"/>
-                                <connections>
-                                    <action selector="joinButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="BS4-Da-c5k"/>
-                                </connections>
-                            </button>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="instagram" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="MBS-3n-Ch1">
-                                <rect key="frame" x="102" y="153" width="211" height="60"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="system" pointSize="50"/>
-                                <nil key="textColor"/>
-                                <nil key="highlightedColor"/>
-                            </label>
-                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" adjustsImageWhenHighlighted="NO" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Su6-Lv-SaQ">
-                                <rect key="frame" x="330" y="359" width="46" height="31"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <color key="tintColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                                <buttonConfiguration key="configuration" style="plain">
-                                    <imageReference key="image" image="eye.fill" catalog="system" symbolScale="default"/>
-                                </buttonConfiguration>
+                                <buttonConfiguration key="configuration" style="plain"/>
                                 <connections>
-                                    <action selector="showPasswordButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="I5x-VS-yFb"/>
+                                    <action selector="joinButtonDidTap:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="loe-nn-Shp"/>
                                 </connections>
                             </button>
                         </subviews>
                         <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="lRT-yc-Viy" secondAttribute="trailing" constant="16" id="5dH-Li-gVB"/>
+                            <constraint firstItem="Kwy-Hd-LrG" firstAttribute="top" secondItem="lRT-yc-Viy" secondAttribute="bottom" constant="19" id="65x-qM-tTf"/>
+                            <constraint firstItem="CmM-QU-kIx" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="230" id="CwX-iW-wbK"/>
+                            <constraint firstItem="lRT-yc-Viy" firstAttribute="top" secondItem="FXw-9a-R5h" secondAttribute="bottom" constant="12" id="Edo-NY-5bn"/>
+                            <constraint firstItem="Su6-Lv-SaQ" firstAttribute="centerY" secondItem="lRT-yc-Viy" secondAttribute="centerY" id="ElW-oF-1HG"/>
+                            <constraint firstItem="S0f-rA-Hz3" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="GS2-YX-zb3"/>
+                            <constraint firstItem="CmM-QU-kIx" firstAttribute="centerY" secondItem="AC7-qO-1vY" secondAttribute="centerY" id="HkR-F6-MMm"/>
+                            <constraint firstItem="AC7-qO-1vY" firstAttribute="top" secondItem="S0f-rA-Hz3" secondAttribute="bottom" constant="36" id="LOG-2A-w1x"/>
+                            <constraint firstItem="AC7-qO-1vY" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="N4S-8T-enm"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="S0f-rA-Hz3" secondAttribute="trailing" constant="16" id="TNp-na-xSj"/>
+                            <constraint firstItem="tQX-FG-CGK" firstAttribute="top" secondItem="vDu-zF-Fre" secondAttribute="top" constant="126" id="VfO-pJ-OtO"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="FXw-9a-R5h" secondAttribute="trailing" constant="16" id="XqN-83-7xr"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="Su6-Lv-SaQ" secondAttribute="trailing" constant="26" id="ZET-4A-Oa3"/>
+                            <constraint firstItem="FXw-9a-R5h" firstAttribute="top" secondItem="tQX-FG-CGK" secondAttribute="bottom" constant="34" id="dai-05-h4d"/>
+                            <constraint firstItem="tQX-FG-CGK" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="h7O-Zn-lr7"/>
+                            <constraint firstItem="FXw-9a-R5h" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="hTy-RV-P9o"/>
+                            <constraint firstItem="CmM-QU-kIx" firstAttribute="top" secondItem="S0f-rA-Hz3" secondAttribute="bottom" constant="30" id="kGw-Jb-4yG"/>
+                            <constraint firstItem="S0f-rA-Hz3" firstAttribute="top" secondItem="lRT-yc-Viy" secondAttribute="bottom" constant="65" id="pAy-xR-7jQ"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="Kwy-Hd-LrG" secondAttribute="trailing" constant="16" id="pga-rJ-BRH"/>
+                            <constraint firstItem="lRT-yc-Viy" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="16" id="sfs-ca-PRn"/>
+                        </constraints>
                     </view>
                     <navigationItem key="navigationItem" id="Cju-Vo-uM5"/>
                     <connections>
                         <outlet property="emailTextField" destination="FXw-9a-R5h" id="bRv-1U-nMf"/>
+                        <outlet property="joinLabel" destination="AC7-qO-1vY" id="uya-I1-eyf"/>
                         <outlet property="loginButton" destination="S0f-rA-Hz3" id="7Pa-OA-Pvs"/>
                         <outlet property="passwordTextField" destination="lRT-yc-Viy" id="neA-Co-BQM"/>
-                        <outlet property="showPasswordButton" destination="Su6-Lv-SaQ" id="Ah2-Fi-POR"/>
                     </connections>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
@@ -117,7 +147,9 @@
         </scene>
     </scenes>
     <resources>
-        <image name="eye.fill" catalog="system" width="128" height="78"/>
+        <image name="Instagram Black Logo" width="175" height="50"/>
+        <image name="icn_password_hidden" width="20" height="20"/>
+        <image name="icn_password_shown" width="20" height="20"/>
         <namedColor name="AccentColor">
             <color red="0.0" green="0.46000000000000002" blue="0.89000000000000001" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
diff --git a/assignment/assignment/Scene/Login/LoginViewController.swift b/assignment/assignment/Scene/Login/LoginViewController.swift
index 67de7f3..337de33 100644
--- a/assignment/assignment/Scene/Login/LoginViewController.swift
+++ b/assignment/assignment/Scene/Login/LoginViewController.swift
@@ -13,9 +13,8 @@ final class LoginViewController: UIViewController {
     
     @IBOutlet weak var emailTextField: UITextField!
     @IBOutlet weak var passwordTextField: UITextField!
-    @IBOutlet weak var showPasswordButton: UIButton!
     @IBOutlet weak var loginButton: UIButton!
-
+    @IBOutlet weak var joinLabel: UILabel!
     
     // MARK: - LifeCycle
     
@@ -34,12 +33,15 @@ final class LoginViewController: UIViewController {
     
     private func setUI() {
         setButtonUI()
+        setLabelUI()
     }
     
     private func setButtonUI() {
-        showPasswordButton.setImage(UIImage(systemName: "eye.fill"), for: .normal)
-        showPasswordButton.setImage(UIImage(systemName: "eye.slash.fill"), for: .selected)
-        loginButton.layer.cornerRadius = 10
+        loginButton.layer.cornerRadius = 5
+    }
+    
+    private func setLabelUI() {
+        joinLabel.setPartialLabelColor(targetStringList: ["가입하기"], color: UIColor.tintColor)
     }
     
     private func setTextField() {
@@ -47,7 +49,7 @@ final class LoginViewController: UIViewController {
             $0?.addTarget(self, action: #selector(textFieldDidChange(_:)), for: .editingChanged)
         }
     }
-    
+
     private func removeTextField() {
         [emailTextField, passwordTextField].forEach {
             $0?.text?.removeAll()
@@ -63,12 +65,13 @@ final class LoginViewController: UIViewController {
     // MARK: - IBAction
     
     @IBAction func showPasswordButtonDidTap(_ sender: Any) {
-        showPasswordButton.isSelected.toggle()
+        let button = sender as? UIButton
+        button?.isSelected.toggle()
         passwordTextField.isSecureTextEntry.toggle()
     }
     
     @IBAction func completeButtonDidTap(_ sender: Any) {
-        guard let completeVC = UIStoryboard(name: "Complete", bundle: nil).instantiateViewController(withIdentifier: "CompleteViewController") as? CompleteViewController else { return }
+        guard let completeVC = UIStoryboard(name: Const.Storyboard.Complete, bundle: nil).instantiateViewController(withIdentifier: Const.ViewController.CompleteVC) as? CompleteViewController else { return }
         completeVC.modalTransitionStyle = .crossDissolve
         completeVC.modalPresentationStyle = .fullScreen
         completeVC.userName = emailTextField.text ?? ""
@@ -76,7 +79,7 @@ final class LoginViewController: UIViewController {
     }
     
     @IBAction func joinButtonDidTap(_ sender: Any) {
-        guard let joinNameVC = UIStoryboard(name: "Join", bundle: nil).instantiateViewController(withIdentifier: "JoinNameViewController") as? JoinNameViewController else { return }
+        guard let joinNameVC = UIStoryboard(name: Const.Storyboard.Join, bundle: nil).instantiateViewController(withIdentifier: Const.ViewController.JoinNameVC) as? JoinNameViewController else { return }
         self.navigationController?.pushViewController(joinNameVC, animated: true)
     }
 }
diff --git a/assignment/assignment/Scene/MainTabbarController.swift b/assignment/assignment/Scene/MainTabbarController.swift
new file mode 100644
index 0000000..ade16d7
--- /dev/null
+++ b/assignment/assignment/Scene/MainTabbarController.swift
@@ -0,0 +1,32 @@
+//
+//  MainTabbarController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class MainTabbarController: UITabBarController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        setTabbar()
+    }
+    
+    private func setTabbar() {
+        var borderView = UIView(frame: CGRect(x: 0, y: 0,
+                                              width: UIScreen.main.bounds.width, height: 1.5))
+        borderView.backgroundColor = UIColor(red: 218.0/255.0, green: 218.0/255.0, blue: 218.0/255.0, alpha: 1.0)
+        self.tabBar.addSubview(borderView)
+        
+        self.tabBar.tintColor = .black
+        self.tabBar.backgroundColor = .white
+    }
+    
+    override func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {
+        tabBar.backgroundColor = item.tag == 3 ? .black : .white
+        tabBar.tintColor = item.tag == 3 ? .white : .black
+        tabBar.barTintColor = item.tag == 3 ? .white : .black
+    }
+}
diff --git a/assignment/assignment/Scene/MyPage/MyPage.storyboard b/assignment/assignment/Scene/MyPage/MyPage.storyboard
new file mode 100644
index 0000000..45189e7
--- /dev/null
+++ b/assignment/assignment/Scene/MyPage/MyPage.storyboard
@@ -0,0 +1,55 @@
+<?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="DRm-6R-pOC">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <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>
+        <!--My Page View Controller-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="MyPageViewController" id="Y6W-OH-hqX" customClass="MyPageViewController" customModule="assignment" 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="tintColor"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" title="" image="icn_profile" selectedImage="icn_profile_selected" id="oIv-aw-swo"/>
+                    <navigationItem key="navigationItem" id="Pqz-r5-erd"/>
+                    <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="886.95652173913049" y="80.357142857142847"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="ydn-4i-Mtt">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="DRm-6R-pOC" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="0Hy-Xw-Xyl">
+                        <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Y6W-OH-hqX" kind="relationship" relationship="rootViewController" id="POj-bE-83l"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="hVq-FV-sSx" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-23.188405797101453" y="80.357142857142847"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="icn_profile" width="24" height="24"/>
+        <image name="icn_profile_selected" width="24" height="24"/>
+        <systemColor name="tintColor">
+            <color red="0.0" green="0.47843137254901963" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/assignment/assignment/Scene/MyPage/MyPageViewController.swift b/assignment/assignment/Scene/MyPage/MyPageViewController.swift
new file mode 100644
index 0000000..d2c3eec
--- /dev/null
+++ b/assignment/assignment/Scene/MyPage/MyPageViewController.swift
@@ -0,0 +1,15 @@
+//
+//  MyPageViewController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class MyPageViewController: UIViewController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}
diff --git a/assignment/assignment/Scene/Reels/Reels.storyboard b/assignment/assignment/Scene/Reels/Reels.storyboard
new file mode 100644
index 0000000..ca48220
--- /dev/null
+++ b/assignment/assignment/Scene/Reels/Reels.storyboard
@@ -0,0 +1,55 @@
+<?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="r27-Zz-XPF">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <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>
+        <!--Reels View Controller-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="ReelsViewController" id="Y6W-OH-hqX" customClass="ReelsViewController" customModule="assignment" 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="systemYellowColor"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" tag="3" title="" image="icn_reels" selectedImage="icn_reels_selected" id="kma-6w-cqI"/>
+                    <navigationItem key="navigationItem" id="ppF-V6-UQU"/>
+                    <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="886.95652173913049" y="80.357142857142847"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="QgW-oG-JBD">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="r27-Zz-XPF" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="6gg-Z5-bUi">
+                        <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Y6W-OH-hqX" kind="relationship" relationship="rootViewController" id="1ks-eR-JeY"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="uMJ-lg-62D" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-23.188405797101453" y="80.357142857142847"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="icn_reels" width="24" height="24"/>
+        <image name="icn_reels_selected" width="26" height="26"/>
+        <systemColor name="systemYellowColor">
+            <color red="1" green="0.80000000000000004" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/assignment/assignment/Scene/Reels/ReelsViewController.swift b/assignment/assignment/Scene/Reels/ReelsViewController.swift
new file mode 100644
index 0000000..7009f7b
--- /dev/null
+++ b/assignment/assignment/Scene/Reels/ReelsViewController.swift
@@ -0,0 +1,15 @@
+//
+//  ReelsViewController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class ReelsViewController: UIViewController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}
diff --git a/assignment/assignment/Scene/Search/Search.storyboard b/assignment/assignment/Scene/Search/Search.storyboard
new file mode 100644
index 0000000..e5cd153
--- /dev/null
+++ b/assignment/assignment/Scene/Search/Search.storyboard
@@ -0,0 +1,55 @@
+<?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="fs9-Yc-aBO">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <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>
+        <!--Search View Controller-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="SearchViewController" id="Y6W-OH-hqX" customClass="SearchViewController" customModule="assignment" 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="systemOrangeColor"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" title="" image="icn_search" selectedImage="icn_search_selected" id="FVA-3G-IJt"/>
+                    <navigationItem key="navigationItem" id="2Lx-yq-Bed"/>
+                    <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="886.95652173913049" y="80.357142857142847"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="krc-Cc-f0z">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="fs9-Yc-aBO" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="Se7-EY-wv9">
+                        <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Y6W-OH-hqX" kind="relationship" relationship="rootViewController" id="fr7-xI-WdD"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="YF1-8O-dUc" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-23.188405797101453" y="80.357142857142847"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="icn_search" width="24" height="24"/>
+        <image name="icn_search_selected" width="24" height="24"/>
+        <systemColor name="systemOrangeColor">
+            <color red="1" green="0.58431372549019611" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/assignment/assignment/Scene/Search/SearchViewController.swift b/assignment/assignment/Scene/Search/SearchViewController.swift
new file mode 100644
index 0000000..6d532e1
--- /dev/null
+++ b/assignment/assignment/Scene/Search/SearchViewController.swift
@@ -0,0 +1,15 @@
+//
+//  SearchViewController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class SearchViewController: UIViewController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}
diff --git a/assignment/assignment/Scene/Shop/Shop.storyboard b/assignment/assignment/Scene/Shop/Shop.storyboard
new file mode 100644
index 0000000..e9897a1
--- /dev/null
+++ b/assignment/assignment/Scene/Shop/Shop.storyboard
@@ -0,0 +1,55 @@
+<?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="YHx-0h-q0x">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <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>
+        <!--Shop View Controller-->
+        <scene sceneID="s0d-6b-0kx">
+            <objects>
+                <viewController storyboardIdentifier="ShopViewController" id="Y6W-OH-hqX" customClass="ShopViewController" customModule="assignment" 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="systemGreenColor"/>
+                    </view>
+                    <tabBarItem key="tabBarItem" title="" image="icn_shop" selectedImage="icn_shop_selected" id="Tdj-8R-GpJ"/>
+                    <navigationItem key="navigationItem" id="Afy-DV-xHZ"/>
+                    <simulatedTabBarMetrics key="simulatedBottomBarMetrics"/>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="886.95652173913049" y="80.357142857142847"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="BDt-18-ieW">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="YHx-0h-q0x" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="a9R-wH-Z7m">
+                        <rect key="frame" x="0.0" y="44" width="414" height="44"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="Y6W-OH-hqX" kind="relationship" relationship="rootViewController" id="ATL-cM-Aes"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="OJK-iw-Edm" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-23.188405797101453" y="80.357142857142847"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="icn_shop" width="24" height="24"/>
+        <image name="icn_shop_selected" width="24" height="24"/>
+        <systemColor name="systemGreenColor">
+            <color red="0.20392156862745098" green="0.7803921568627451" blue="0.34901960784313724" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/assignment/assignment/Scene/Shop/ShopViewController.swift b/assignment/assignment/Scene/Shop/ShopViewController.swift
new file mode 100644
index 0000000..53f220b
--- /dev/null
+++ b/assignment/assignment/Scene/Shop/ShopViewController.swift
@@ -0,0 +1,15 @@
+//
+//  ShopViewController.swift
+//  assignment
+//
+//  Created by 이경민 on 2022/04/15.
+//
+
+import UIKit
+
+final class ShopViewController: UIViewController {
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+    }
+}