diff --git a/.DS_Store b/.DS_Store
index 62cf7e0..5515be0 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/Better-me-iOS.xcodeproj/project.pbxproj b/Better-me-iOS.xcodeproj/project.pbxproj
index fcd6f5a..5629aa3 100644
--- a/Better-me-iOS.xcodeproj/project.pbxproj
+++ b/Better-me-iOS.xcodeproj/project.pbxproj
@@ -12,6 +12,34 @@
 		280F5E5C2983B25F000A30B3 /* MyPageCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 280F5E572983B25F000A30B3 /* MyPageCell.swift */; };
 		280F5E5D2983B25F000A30B3 /* ProfileEditController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 280F5E582983B25F000A30B3 /* ProfileEditController.swift */; };
 		280F5E5E2983B25F000A30B3 /* PWEditController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 280F5E592983B25F000A30B3 /* PWEditController.swift */; };
+		3B7049EC298FCE5E0054096A /* PersonModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3B7049EA298FCE5E0054096A /* PersonModel.swift */; };
+		3B7049ED298FCE5E0054096A /* Person.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3B7049EB298FCE5E0054096A /* Person.swift */; };
+		3BA12292298A94EA000E38A8 /* SwiftUIView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BA12291298A94EA000E38A8 /* SwiftUIView.swift */; };
+		3BA122E3298AA5E9000E38A8 /* SocialViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BA122E2298AA5E9000E38A8 /* SocialViewController.swift */; };
+		3BE30E58299535A9004B3F23 /* Request_FriendModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E40299535A7004B3F23 /* Request_FriendModel.swift */; };
+		3BE30E59299535A9004B3F23 /* Request_Friend.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E41299535A8004B3F23 /* Request_Friend.swift */; };
+		3BE30E5A299535A9004B3F23 /* RequestStatus.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E42299535A8004B3F23 /* RequestStatus.swift */; };
+		3BE30E5B299535A9004B3F23 /* SearchEmailModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E43299535A8004B3F23 /* SearchEmailModel.swift */; };
+		3BE30E5C299535A9004B3F23 /* HabitAgree.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E44299535A8004B3F23 /* HabitAgree.swift */; };
+		3BE30E5D299535A9004B3F23 /* SearchName.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E45299535A8004B3F23 /* SearchName.swift */; };
+		3BE30E5E299535A9004B3F23 /* AgreeModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E46299535A8004B3F23 /* AgreeModel.swift */; };
+		3BE30E5F299535A9004B3F23 /* SearchNameModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E47299535A8004B3F23 /* SearchNameModel.swift */; };
+		3BE30E60299535A9004B3F23 /* Agree.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E48299535A8004B3F23 /* Agree.swift */; };
+		3BE30E61299535A9004B3F23 /* SearchEmail.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E49299535A8004B3F23 /* SearchEmail.swift */; };
+		3BE30E62299535A9004B3F23 /* RequestStatusModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4A299535A8004B3F23 /* RequestStatusModel.swift */; };
+		3BE30E63299535A9004B3F23 /* Request_Friend_Post.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4B299535A8004B3F23 /* Request_Friend_Post.swift */; };
+		3BE30E64299535A9004B3F23 /* FriendDelete.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4C299535A8004B3F23 /* FriendDelete.swift */; };
+		3BE30E65299535A9004B3F23 /* FriendDeleteModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4D299535A8004B3F23 /* FriendDeleteModel.swift */; };
+		3BE30E66299535A9004B3F23 /* HabitDisagreeModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4E299535A8004B3F23 /* HabitDisagreeModel.swift */; };
+		3BE30E67299535A9004B3F23 /* InviteHabit.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E4F299535A8004B3F23 /* InviteHabit.swift */; };
+		3BE30E68299535A9004B3F23 /* HabitAgreeModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E50299535A8004B3F23 /* HabitAgreeModel.swift */; };
+		3BE30E69299535A9004B3F23 /* InviteHabitPost.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E51299535A8004B3F23 /* InviteHabitPost.swift */; };
+		3BE30E6A299535A9004B3F23 /* NewPersonModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E52299535A8004B3F23 /* NewPersonModel.swift */; };
+		3BE30E6B299535A9004B3F23 /* InviteHabitPostModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E53299535A8004B3F23 /* InviteHabitPostModel.swift */; };
+		3BE30E6C299535A9004B3F23 /* InviteHabitModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E54299535A8004B3F23 /* InviteHabitModel.swift */; };
+		3BE30E6D299535A9004B3F23 /* HabitDisagree.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E55299535A9004B3F23 /* HabitDisagree.swift */; };
+		3BE30E6E299535A9004B3F23 /* NewPerson.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E56299535A9004B3F23 /* NewPerson.swift */; };
+		3BE30E6F299535A9004B3F23 /* Request_Friend_PostModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3BE30E57299535A9004B3F23 /* Request_Friend_PostModel.swift */; };
 		BE26CD08297805A900E97A05 /* AlertViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BE26CD07297805A900E97A05 /* AlertViewController.swift */; };
 		BE532E742975A41800DDA6EA /* BadHabitDetailViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BE532E732975A41800DDA6EA /* BadHabitDetailViewController.swift */; };
 		BE5F4EC2296D8F640064A93C /* RemoveBadHabitViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BE5F4EC1296D8F640064A93C /* RemoveBadHabitViewController.swift */; };
@@ -39,6 +67,34 @@
 		280F5E572983B25F000A30B3 /* MyPageCell.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = MyPageCell.swift; sourceTree = "<group>"; };
 		280F5E582983B25F000A30B3 /* ProfileEditController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ProfileEditController.swift; sourceTree = "<group>"; };
 		280F5E592983B25F000A30B3 /* PWEditController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PWEditController.swift; sourceTree = "<group>"; };
+		3B7049EA298FCE5E0054096A /* PersonModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = PersonModel.swift; sourceTree = "<group>"; };
+		3B7049EB298FCE5E0054096A /* Person.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Person.swift; sourceTree = "<group>"; };
+		3BA12291298A94EA000E38A8 /* SwiftUIView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SwiftUIView.swift; sourceTree = "<group>"; };
+		3BA122E2298AA5E9000E38A8 /* SocialViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SocialViewController.swift; sourceTree = "<group>"; };
+		3BE30E40299535A7004B3F23 /* Request_FriendModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Request_FriendModel.swift; sourceTree = "<group>"; };
+		3BE30E41299535A8004B3F23 /* Request_Friend.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Request_Friend.swift; sourceTree = "<group>"; };
+		3BE30E42299535A8004B3F23 /* RequestStatus.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = RequestStatus.swift; sourceTree = "<group>"; };
+		3BE30E43299535A8004B3F23 /* SearchEmailModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SearchEmailModel.swift; sourceTree = "<group>"; };
+		3BE30E44299535A8004B3F23 /* HabitAgree.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = HabitAgree.swift; sourceTree = "<group>"; };
+		3BE30E45299535A8004B3F23 /* SearchName.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SearchName.swift; sourceTree = "<group>"; };
+		3BE30E46299535A8004B3F23 /* AgreeModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AgreeModel.swift; sourceTree = "<group>"; };
+		3BE30E47299535A8004B3F23 /* SearchNameModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SearchNameModel.swift; sourceTree = "<group>"; };
+		3BE30E48299535A8004B3F23 /* Agree.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Agree.swift; sourceTree = "<group>"; };
+		3BE30E49299535A8004B3F23 /* SearchEmail.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SearchEmail.swift; sourceTree = "<group>"; };
+		3BE30E4A299535A8004B3F23 /* RequestStatusModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = RequestStatusModel.swift; sourceTree = "<group>"; };
+		3BE30E4B299535A8004B3F23 /* Request_Friend_Post.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Request_Friend_Post.swift; sourceTree = "<group>"; };
+		3BE30E4C299535A8004B3F23 /* FriendDelete.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FriendDelete.swift; sourceTree = "<group>"; };
+		3BE30E4D299535A8004B3F23 /* FriendDeleteModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = FriendDeleteModel.swift; sourceTree = "<group>"; };
+		3BE30E4E299535A8004B3F23 /* HabitDisagreeModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = HabitDisagreeModel.swift; sourceTree = "<group>"; };
+		3BE30E4F299535A8004B3F23 /* InviteHabit.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = InviteHabit.swift; sourceTree = "<group>"; };
+		3BE30E50299535A8004B3F23 /* HabitAgreeModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = HabitAgreeModel.swift; sourceTree = "<group>"; };
+		3BE30E51299535A8004B3F23 /* InviteHabitPost.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = InviteHabitPost.swift; sourceTree = "<group>"; };
+		3BE30E52299535A8004B3F23 /* NewPersonModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = NewPersonModel.swift; sourceTree = "<group>"; };
+		3BE30E53299535A8004B3F23 /* InviteHabitPostModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = InviteHabitPostModel.swift; sourceTree = "<group>"; };
+		3BE30E54299535A8004B3F23 /* InviteHabitModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = InviteHabitModel.swift; sourceTree = "<group>"; };
+		3BE30E55299535A9004B3F23 /* HabitDisagree.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = HabitDisagree.swift; sourceTree = "<group>"; };
+		3BE30E56299535A9004B3F23 /* NewPerson.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = NewPerson.swift; sourceTree = "<group>"; };
+		3BE30E57299535A9004B3F23 /* Request_Friend_PostModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Request_Friend_PostModel.swift; sourceTree = "<group>"; };
 		BE26CD07297805A900E97A05 /* AlertViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AlertViewController.swift; sourceTree = "<group>"; };
 		BE532E732975A41800DDA6EA /* BadHabitDetailViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BadHabitDetailViewController.swift; sourceTree = "<group>"; };
 		BE5F4EC1296D8F640064A93C /* RemoveBadHabitViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RemoveBadHabitViewController.swift; sourceTree = "<group>"; };
@@ -85,6 +141,49 @@
 			path = MyPage;
 			sourceTree = "<group>";
 		};
+		3B9BDDF3298FC2EA00CC0C45 /* Data */ = {
+			isa = PBXGroup;
+			children = (
+				3B7049EB298FCE5E0054096A /* Person.swift */,
+				3B7049EA298FCE5E0054096A /* PersonModel.swift */,
+				3BE30E48299535A8004B3F23 /* Agree.swift */,
+				3BE30E46299535A8004B3F23 /* AgreeModel.swift */,
+				3BE30E4C299535A8004B3F23 /* FriendDelete.swift */,
+				3BE30E4D299535A8004B3F23 /* FriendDeleteModel.swift */,
+				3BE30E44299535A8004B3F23 /* HabitAgree.swift */,
+				3BE30E50299535A8004B3F23 /* HabitAgreeModel.swift */,
+				3BE30E55299535A9004B3F23 /* HabitDisagree.swift */,
+				3BE30E4E299535A8004B3F23 /* HabitDisagreeModel.swift */,
+				3BE30E4F299535A8004B3F23 /* InviteHabit.swift */,
+				3BE30E54299535A8004B3F23 /* InviteHabitModel.swift */,
+				3BE30E51299535A8004B3F23 /* InviteHabitPost.swift */,
+				3BE30E53299535A8004B3F23 /* InviteHabitPostModel.swift */,
+				3BE30E56299535A9004B3F23 /* NewPerson.swift */,
+				3BE30E52299535A8004B3F23 /* NewPersonModel.swift */,
+				3BE30E4B299535A8004B3F23 /* Request_Friend_Post.swift */,
+				3BE30E57299535A9004B3F23 /* Request_Friend_PostModel.swift */,
+				3BE30E41299535A8004B3F23 /* Request_Friend.swift */,
+				3BE30E40299535A7004B3F23 /* Request_FriendModel.swift */,
+				3BE30E42299535A8004B3F23 /* RequestStatus.swift */,
+				3BE30E4A299535A8004B3F23 /* RequestStatusModel.swift */,
+				3BE30E49299535A8004B3F23 /* SearchEmail.swift */,
+				3BE30E43299535A8004B3F23 /* SearchEmailModel.swift */,
+				3BE30E45299535A8004B3F23 /* SearchName.swift */,
+				3BE30E47299535A8004B3F23 /* SearchNameModel.swift */,
+			);
+			path = Data;
+			sourceTree = "<group>";
+		};
+		3BA12278298A9340000E38A8 /* Social */ = {
+			isa = PBXGroup;
+			children = (
+				3B9BDDF3298FC2EA00CC0C45 /* Data */,
+				3BA122E2298AA5E9000E38A8 /* SocialViewController.swift */,
+				3BA12291298A94EA000E38A8 /* SwiftUIView.swift */,
+			);
+			path = Social;
+			sourceTree = "<group>";
+		};
 		BECC4B2C296C3AB60037807F = {
 			isa = PBXGroup;
 			children = (
@@ -124,6 +223,7 @@
 				BEF940BD2972827900D0F1FD /* Habit.swift */,
 				BEF940C1297561FB00D0F1FD /* BadHabitCell.swift */,
 				BE26CD07297805A900E97A05 /* AlertViewController.swift */,
+				3BA12278298A9340000E38A8 /* Social */,
 				280F5E542983B23A000A30B3 /* MyPage */,
 			);
 			path = "Better-me-iOS";
@@ -145,6 +245,8 @@
 			dependencies = (
 			);
 			name = "Better-me-iOS";
+			packageProductDependencies = (
+			);
 			productName = "Better-me-iOS";
 			productReference = BECC4B35296C3AB60037807F /* Better-me-iOS.app */;
 			productType = "com.apple.product-type.application";
@@ -173,6 +275,8 @@
 				Base,
 			);
 			mainGroup = BECC4B2C296C3AB60037807F;
+			packageReferences = (
+			);
 			productRefGroup = BECC4B36296C3AB60037807F /* Products */;
 			projectDirPath = "";
 			projectRoot = "";
@@ -200,26 +304,54 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				3BE30E64299535A9004B3F23 /* FriendDelete.swift in Sources */,
+				3BE30E5E299535A9004B3F23 /* AgreeModel.swift in Sources */,
+				3BE30E65299535A9004B3F23 /* FriendDeleteModel.swift in Sources */,
+				3BE30E6D299535A9004B3F23 /* HabitDisagree.swift in Sources */,
+				3BE30E67299535A9004B3F23 /* InviteHabit.swift in Sources */,
 				BE5F4EC6296E7CC90064A93C /* SearchFriendViewController.swift in Sources */,
 				280F5E5E2983B25F000A30B3 /* PWEditController.swift in Sources */,
+				3BA12292298A94EA000E38A8 /* SwiftUIView.swift in Sources */,
+				3BE30E5D299535A9004B3F23 /* SearchName.swift in Sources */,
+				3BE30E62299535A9004B3F23 /* RequestStatusModel.swift in Sources */,
 				280F5E5B2983B25F000A30B3 /* MyPageViewController.swift in Sources */,
+				3BE30E6E299535A9004B3F23 /* NewPerson.swift in Sources */,
 				280F5E5C2983B25F000A30B3 /* MyPageCell.swift in Sources */,
 				BEF940C029753F8500D0F1FD /* GoodHabitDetailViewController.swift in Sources */,
+				3BE30E59299535A9004B3F23 /* Request_Friend.swift in Sources */,
+				3BE30E6B299535A9004B3F23 /* InviteHabitPostModel.swift in Sources */,
+				3BE30E5C299535A9004B3F23 /* HabitAgree.swift in Sources */,
 				BECC4B4D296C3E1F0037807F /* AddGoodHabitViewController.swift in Sources */,
 				280F5E5D2983B25F000A30B3 /* ProfileEditController.swift in Sources */,
 				BECC4B3D296C3AB60037807F /* HomeViewController.swift in Sources */,
+				3BE30E66299535A9004B3F23 /* HabitDisagreeModel.swift in Sources */,
 				BE26CD08297805A900E97A05 /* AlertViewController.swift in Sources */,
+				3BE30E68299535A9004B3F23 /* HabitAgreeModel.swift in Sources */,
+				3BE30E60299535A9004B3F23 /* Agree.swift in Sources */,
 				BECC4B39296C3AB60037807F /* AppDelegate.swift in Sources */,
 				280F5E5A2983B25F000A30B3 /* HeaderView.swift in Sources */,
+				3B7049ED298FCE5E0054096A /* Person.swift in Sources */,
+				3BE30E6F299535A9004B3F23 /* Request_Friend_PostModel.swift in Sources */,
 				BEF940BC29727FC600D0F1FD /* GoodHabitCell.swift in Sources */,
+				3BE30E69299535A9004B3F23 /* InviteHabitPost.swift in Sources */,
+				3BA122E3298AA5E9000E38A8 /* SocialViewController.swift in Sources */,
 				BE6AF7F0296ED4EF00C236F8 /* FriendCell.swift in Sources */,
+				3BE30E6C299535A9004B3F23 /* InviteHabitModel.swift in Sources */,
+				3BE30E5F299535A9004B3F23 /* SearchNameModel.swift in Sources */,
+				3B7049EC298FCE5E0054096A /* PersonModel.swift in Sources */,
 				BEF940BE2972827900D0F1FD /* Habit.swift in Sources */,
+				3BE30E63299535A9004B3F23 /* Request_Friend_Post.swift in Sources */,
 				BE5F4EC2296D8F640064A93C /* RemoveBadHabitViewController.swift in Sources */,
 				BECC4B3B296C3AB60037807F /* SceneDelegate.swift in Sources */,
 				BEF940C2297561FB00D0F1FD /* BadHabitCell.swift in Sources */,
+				3BE30E58299535A9004B3F23 /* Request_FriendModel.swift in Sources */,
+				3BE30E5A299535A9004B3F23 /* RequestStatus.swift in Sources */,
 				BE6AF7F2296ED62400C236F8 /* Friend.swift in Sources */,
 				BE5F4EC4296D9E090064A93C /* Quote.swift in Sources */,
+				3BE30E61299535A9004B3F23 /* SearchEmail.swift in Sources */,
 				BE532E742975A41800DDA6EA /* BadHabitDetailViewController.swift in Sources */,
+				3BE30E6A299535A9004B3F23 /* NewPersonModel.swift in Sources */,
+				3BE30E5B299535A9004B3F23 /* SearchEmailModel.swift in Sources */,
 				BECC4B62296C6B010037807F /* EmojiTextField.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
diff --git a/Better-me-iOS.xcodeproj/xcuserdata/abc.xcuserdatad/xcschemes/xcschememanagement.plist b/Better-me-iOS.xcodeproj/xcuserdata/abc.xcuserdatad/xcschemes/xcschememanagement.plist
index 314f52e..7ffd81c 100644
--- a/Better-me-iOS.xcodeproj/xcuserdata/abc.xcuserdatad/xcschemes/xcschememanagement.plist
+++ b/Better-me-iOS.xcodeproj/xcuserdata/abc.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -7,7 +7,7 @@
 		<key>Better-me-iOS.xcscheme_^#shared#^_</key>
 		<dict>
 			<key>orderHint</key>
-			<integer>0</integer>
+			<integer>2</integer>
 		</dict>
 	</dict>
 </dict>
diff --git a/Better-me-iOS.xcworkspace/contents.xcworkspacedata b/Better-me-iOS.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..0a22d81
--- /dev/null
+++ b/Better-me-iOS.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:Better-me-iOS.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>
diff --git a/Better-me-iOS.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/Better-me-iOS.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
new file mode 100644
index 0000000..18d9810
--- /dev/null
+++ b/Better-me-iOS.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/Better-me-iOS/.DS_Store b/Better-me-iOS/.DS_Store
index 3e6ed11..01da1c6 100644
Binary files a/Better-me-iOS/.DS_Store and b/Better-me-iOS/.DS_Store differ
diff --git a/Better-me-iOS/Assets.xcassets/.DS_Store b/Better-me-iOS/Assets.xcassets/.DS_Store
new file mode 100644
index 0000000..532bd4e
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/.DS_Store differ
diff --git a/Better-me-iOS/Assets.xcassets/BetterMe.imageset/Contents.json b/Better-me-iOS/Assets.xcassets/BetterMe.imageset/Contents.json
new file mode 100644
index 0000000..2548403
--- /dev/null
+++ b/Better-me-iOS/Assets.xcassets/BetterMe.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "image 6.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Better-me-iOS/Assets.xcassets/BetterMe.imageset/image 6.png b/Better-me-iOS/Assets.xcassets/BetterMe.imageset/image 6.png
new file mode 100644
index 0000000..af8e9c4
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/BetterMe.imageset/image 6.png differ
diff --git a/Better-me-iOS/Assets.xcassets/Group 44.imageset/Contents.json b/Better-me-iOS/Assets.xcassets/Group 44.imageset/Contents.json
new file mode 100644
index 0000000..1d0dfcc
--- /dev/null
+++ b/Better-me-iOS/Assets.xcassets/Group 44.imageset/Contents.json	
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "Group 44.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Better-me-iOS/Assets.xcassets/Group 44.imageset/Group 44.png b/Better-me-iOS/Assets.xcassets/Group 44.imageset/Group 44.png
new file mode 100644
index 0000000..4be4b5b
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/Group 44.imageset/Group 44.png differ
diff --git a/Better-me-iOS/Assets.xcassets/Group 65.imageset/Contents.json b/Better-me-iOS/Assets.xcassets/Group 65.imageset/Contents.json
new file mode 100644
index 0000000..95cd3ab
--- /dev/null
+++ b/Better-me-iOS/Assets.xcassets/Group 65.imageset/Contents.json	
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "Group 65.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Better-me-iOS/Assets.xcassets/Group 65.imageset/Group 65.png b/Better-me-iOS/Assets.xcassets/Group 65.imageset/Group 65.png
new file mode 100644
index 0000000..3774964
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/Group 65.imageset/Group 65.png differ
diff --git a/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Contents.json b/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Contents.json
new file mode 100644
index 0000000..15595a6
--- /dev/null
+++ b/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "Magnifier.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Magnifier.png b/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Magnifier.png
new file mode 100644
index 0000000..0b20326
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/Magnifier.imageset/Magnifier.png differ
diff --git a/Better-me-iOS/Assets.xcassets/so-trash.imageset/Contents.json b/Better-me-iOS/Assets.xcassets/so-trash.imageset/Contents.json
new file mode 100644
index 0000000..ff2ea14
--- /dev/null
+++ b/Better-me-iOS/Assets.xcassets/so-trash.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "so-trash.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Better-me-iOS/Assets.xcassets/so-trash.imageset/so-trash.png b/Better-me-iOS/Assets.xcassets/so-trash.imageset/so-trash.png
new file mode 100644
index 0000000..9cb7bb4
Binary files /dev/null and b/Better-me-iOS/Assets.xcassets/so-trash.imageset/so-trash.png differ
diff --git a/Better-me-iOS/Base.lproj/Main.storyboard b/Better-me-iOS/Base.lproj/Main.storyboard
index 320236f..b1ed38b 100644
--- a/Better-me-iOS/Base.lproj/Main.storyboard
+++ b/Better-me-iOS/Base.lproj/Main.storyboard
@@ -474,7 +474,7 @@
                                 </subviews>
                             </stackView>
                             <navigationBar contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="0ia-fn-8Be">
-                                <rect key="frame" x="-11" y="59" width="394" height="44"/>
+                                <rect key="frame" x="-14" y="59" width="391" height="44"/>
                                 <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxY="YES"/>
                             </navigationBar>
                         </subviews>
@@ -840,28 +840,43 @@
                         <autoresizingMask key="autoresizingMask"/>
                     </navigationBar>
                     <connections>
-                        <segue destination="GrP-Sx-epD" kind="relationship" relationship="rootViewController" id="c8H-Vj-xKL"/>
+                        <segue destination="GrP-Sx-epD" kind="relationship" relationship="rootViewController" destinationCreationSelector="addSwiftUIView:" id="c8H-Vj-xKL"/>
                     </connections>
                 </navigationController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="jTY-O2-O9R" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
             </objects>
             <point key="canvasLocation" x="-918" y="354"/>
         </scene>
-        <!--View Controller-->
+        <!--Social View Controller-->
         <scene sceneID="HkT-Mj-ueX">
             <objects>
-                <viewController id="GrP-Sx-epD" sceneMemberID="viewController">
-                    <view key="view" contentMode="scaleToFill" id="FdV-kQ-Xf4">
+                <viewController id="GrP-Sx-epD" customClass="SocialViewController" customModule="Better_me_iOS" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="FdV-kQ-Xf4" customClass="SocialViewControllerSocialViewController">
                         <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <containerView opaque="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="oBR-7s-wo2">
+                                <rect key="frame" x="0.0" y="103" width="393" height="666"/>
+                                <connections>
+                                    <segue destination="pYz-Fy-JDu" kind="embed" destinationCreationSelector="addSwiftUIView:" id="aD7-lc-wt8"/>
+                                </connections>
+                            </containerView>
+                        </subviews>
                         <viewLayoutGuide key="safeArea" id="o3c-Ra-Hbi"/>
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <constraint firstItem="oBR-7s-wo2" firstAttribute="top" secondItem="o3c-Ra-Hbi" secondAttribute="top" id="2Wn-Aw-mdE"/>
+                            <constraint firstItem="oBR-7s-wo2" firstAttribute="bottom" secondItem="o3c-Ra-Hbi" secondAttribute="bottom" id="7qY-8R-TBR"/>
+                            <constraint firstItem="oBR-7s-wo2" firstAttribute="top" secondItem="o3c-Ra-Hbi" secondAttribute="top" id="IeS-ET-YHf"/>
+                            <constraint firstItem="oBR-7s-wo2" firstAttribute="leading" secondItem="o3c-Ra-Hbi" secondAttribute="leading" id="LOj-IU-BTt"/>
+                            <constraint firstItem="o3c-Ra-Hbi" firstAttribute="trailing" secondItem="oBR-7s-wo2" secondAttribute="trailing" id="xYZ-Yp-nFh"/>
+                        </constraints>
                     </view>
                     <navigationItem key="navigationItem" id="m3Q-6u-C0D"/>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="7uG-hm-9zt" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="53" y="354"/>
+            <point key="canvasLocation" x="52.671755725190835" y="353.52112676056339"/>
         </scene>
         <!--Navigation Controller-->
         <scene sceneID="K5I-fQ-Ex3">
@@ -1052,7 +1067,7 @@
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="AoP-gY-6si" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="53" y="1056"/>
+            <point key="canvasLocation" x="52.671755725190835" y="1054.9295774647887"/>
         </scene>
         <!--좋은 습관 만들기-->
         <scene sceneID="btS-4h-SSP">
@@ -1147,7 +1162,7 @@
                                 </constraints>
                             </stackView>
                             <navigationBar contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="CoN-8S-PM6">
-                                <rect key="frame" x="-11" y="59" width="395" height="44"/>
+                                <rect key="frame" x="-16" y="59" width="394" height="44"/>
                                 <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxY="YES"/>
                             </navigationBar>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="f3A-Aq-spj">
@@ -1304,7 +1319,7 @@
                                 </subviews>
                             </stackView>
                             <navigationBar contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="ORX-v8-4xn">
-                                <rect key="frame" x="-10" y="59" width="394" height="44"/>
+                                <rect key="frame" x="-13" y="59" width="391" height="44"/>
                                 <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxY="YES"/>
                             </navigationBar>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="mm5-G8-rgC">
@@ -1688,6 +1703,14 @@
             </objects>
             <point key="canvasLocation" x="1108" y="2572"/>
         </scene>
+        <!--Content View-->
+        <scene sceneID="h5b-MK-qEN">
+            <objects>
+                <hostingController id="pYz-Fy-JDu" customClass="ContentView" sceneMemberID="viewController"/>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="N8B-4N-TOR" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="839" y="535"/>
+        </scene>
     </scenes>
     <resources>
         <image name="AwardButton" width="21.666666030883789" height="28.333333969116211"/>
diff --git a/Better-me-iOS/HomeViewController.swift b/Better-me-iOS/HomeViewController.swift
index 16816e9..d6773c0 100644
--- a/Better-me-iOS/HomeViewController.swift
+++ b/Better-me-iOS/HomeViewController.swift
@@ -6,6 +6,7 @@
 //
 
 import UIKit
+import SwiftUI
 
 class HomeViewController: UIViewController {
 
diff --git a/Better-me-iOS/Social/Data/Agree.swift b/Better-me-iOS/Social/Data/Agree.swift
new file mode 100644
index 0000000..c9dfe50
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Agree.swift
@@ -0,0 +1,18 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct AgreeResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/AgreeModel.swift b/Better-me-iOS/Social/Data/AgreeModel.swift
new file mode 100644
index 0000000..cfabbcd
--- /dev/null
+++ b/Better-me-iOS/Social/Data/AgreeModel.swift
@@ -0,0 +1,56 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class AgreeModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+//    @Published var SearchNames = [SearchName]()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/accept/1/2"
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+//    var param = ["nickName": "김"]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+//        fetchRandomUsers()
+    }
+    
+//    func fetchRandomUsers(){
+//        print(#fileID, #function, #line, "")
+//        AF.request(baseUrl, method: .patch).publishDecodable(type: AgreeResponse.self)
+//            .compactMap{ $0.value }
+//            .map{ $0.result }
+//            .sink(receiveCompletion: { completion in
+//                print("데이터스트림 완료")
+//            }, receiveValue: { receivedValue in
+//                print("받은 값 : \(receivedValue.count)")
+//                self.SearchNames = receivedValue
+//            }).store(in: &subscripttion)
+//    }
+    func patch(){
+//        func fetchRandomUsers(){
+            print(#fileID, #function, #line, "")
+            AF.request(baseUrl, method: .patch, headers: token).responseString { (response) in
+                switch response.result {
+                case .success:
+                    print("POST 성공")
+                case .failure(let error):
+                    print("🚫 Alamofire Request Error\nCode:\(error._code), Message: \(error.errorDescription!)")
+                }
+            }
+//        }
+    }
+}
+
+
diff --git a/Better-me-iOS/Social/Data/FriendDelete.swift b/Better-me-iOS/Social/Data/FriendDelete.swift
new file mode 100644
index 0000000..7a71c64
--- /dev/null
+++ b/Better-me-iOS/Social/Data/FriendDelete.swift
@@ -0,0 +1,18 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct FriendDeleteResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/FriendDeleteModel.swift b/Better-me-iOS/Social/Data/FriendDeleteModel.swift
new file mode 100644
index 0000000..d7b9876
--- /dev/null
+++ b/Better-me-iOS/Social/Data/FriendDeleteModel.swift
@@ -0,0 +1,52 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class FriendDeleteModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/accept/1/2"
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    var param = ["followee": [20, 33]]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+//        fetchRandomUsers()
+    }
+    
+//    func fetchRandomUsers(){
+//        print(#fileID, #function, #line, "")
+//        AF.request(baseUrl, method: .patch).publishDecodable(type: AgreeResponse.self)
+//            .compactMap{ $0.value }
+//            .map{ $0.result }
+//            .sink(receiveCompletion: { completion in
+//                print("데이터스트림 완료")
+//            }, receiveValue: { receivedValue in
+//                print("받은 값 : \(receivedValue.count)")
+//                self.SearchNames = receivedValue
+//            }).store(in: &subscripttion)
+//    }
+    func Delete(completionHandler: @escaping (Result<[FriendDeleteResponse], Error>) -> Void){
+//        func fetchRandomUsers(){
+            print(#fileID, #function, #line, "")
+            AF.request(baseUrl, method: .delete, headers: token).response { response in
+                switch response.result {
+                case .success:
+                    completionHandler(.success([FriendDeleteResponse(isSuccess: true, code: 1000, message: "성공")]))
+                case .failure(let error):
+                    completionHandler(.failure(error))
+                }
+            }
+//        }
+    }
+}
diff --git a/Better-me-iOS/Social/Data/HabitAgree.swift b/Better-me-iOS/Social/Data/HabitAgree.swift
new file mode 100644
index 0000000..d81c576
--- /dev/null
+++ b/Better-me-iOS/Social/Data/HabitAgree.swift
@@ -0,0 +1,18 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct HabitAgreeResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/HabitAgreeModel.swift b/Better-me-iOS/Social/Data/HabitAgreeModel.swift
new file mode 100644
index 0000000..94c4a79
--- /dev/null
+++ b/Better-me-iOS/Social/Data/HabitAgreeModel.swift
@@ -0,0 +1,37 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class HabitAgreeModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/invite/accept/:userIdx/:habitIdx"
+    
+    var param = ["followee": [20, 33]]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+//        fetchRandomUsers()
+    }
+    
+
+    func Patch(completionHandler: @escaping (Result<[HabitAgreeResponse], Error>) -> Void){
+            print(#fileID, #function, #line, "")
+            AF.request(baseUrl, method: .patch).response { response in
+                switch response.result {
+                case .success:
+                    completionHandler(.success([HabitAgreeResponse(isSuccess: true, code: 201, message: "습관 초대 수락 성공")]))
+                case .failure(let error):
+                    completionHandler(.failure(error))
+                }
+            }
+    }
+}
diff --git a/Better-me-iOS/Social/Data/HabitDisagree.swift b/Better-me-iOS/Social/Data/HabitDisagree.swift
new file mode 100644
index 0000000..d333f2f
--- /dev/null
+++ b/Better-me-iOS/Social/Data/HabitDisagree.swift
@@ -0,0 +1,18 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct HabitDisagreeResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/HabitDisagreeModel.swift b/Better-me-iOS/Social/Data/HabitDisagreeModel.swift
new file mode 100644
index 0000000..e80c063
--- /dev/null
+++ b/Better-me-iOS/Social/Data/HabitDisagreeModel.swift
@@ -0,0 +1,36 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class HabitDisagreeModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/invite/accpet/:userIdx/:habitIdx"
+    
+    var param = ["followee": [20, 33]]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+//        fetchRandomUsers()
+    }
+    
+    func Patch(completionHandler: @escaping (Result<[HabitDisagreeResponse], Error>) -> Void){
+            print(#fileID, #function, #line, "")
+            AF.request(baseUrl, method: .patch).response { response in
+                switch response.result {
+                case .success:
+                    completionHandler(.success([HabitDisagreeResponse(isSuccess: true, code: 201, message: "습관 초대 거절 성공")]))
+                case .failure(let error):
+                    completionHandler(.failure(error))
+                }
+            }
+    }
+}
diff --git a/Better-me-iOS/Social/Data/InviteHabit.swift b/Better-me-iOS/Social/Data/InviteHabit.swift
new file mode 100644
index 0000000..83304fd
--- /dev/null
+++ b/Better-me-iOS/Social/Data/InviteHabit.swift
@@ -0,0 +1,24 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+struct InviteHabit: Codable, Hashable{
+    var senderIdx: Int
+    var receiverIdx: Int
+    var habitIdx: Int
+    var habitName: String
+    var contents: String
+    var emoge: String
+}
+
+struct InviteHabitResponse: Codable{
+    var result: [InviteHabit]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
diff --git a/Better-me-iOS/Social/Data/InviteHabitModel.swift b/Better-me-iOS/Social/Data/InviteHabitModel.swift
new file mode 100644
index 0000000..5807312
--- /dev/null
+++ b/Better-me-iOS/Social/Data/InviteHabitModel.swift
@@ -0,0 +1,38 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class InviteHabitModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var InviteHabits = [InviteHabit]()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/invite/2"
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        fetchRandomUsers()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl).publishDecodable(type: InviteHabitResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.InviteHabits = receivedValue
+            }).store(in: &subscripttion)
+    }
+    
+}
diff --git a/Better-me-iOS/Social/Data/InviteHabitPost.swift b/Better-me-iOS/Social/Data/InviteHabitPost.swift
new file mode 100644
index 0000000..cd457c5
--- /dev/null
+++ b/Better-me-iOS/Social/Data/InviteHabitPost.swift
@@ -0,0 +1,16 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct InviteHabitPostResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
diff --git a/Better-me-iOS/Social/Data/InviteHabitPostModel.swift b/Better-me-iOS/Social/Data/InviteHabitPostModel.swift
new file mode 100644
index 0000000..7003e64
--- /dev/null
+++ b/Better-me-iOS/Social/Data/InviteHabitPostModel.swift
@@ -0,0 +1,48 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class InviteHabitPostModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/invite/1"
+    
+    var param = ["habitIdx": 1, "receiverIdx": 2]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+//        fetchRandomUsers()
+    }
+    
+//    func fetchRandomUsers(){
+//        print(#fileID, #function, #line, "")
+//        AF.request(baseUrl, method: .patch).publishDecodable(type: AgreeResponse.self)
+//            .compactMap{ $0.value }
+//            .map{ $0.result }
+//            .sink(receiveCompletion: { completion in
+//                print("데이터스트림 완료")
+//            }, receiveValue: { receivedValue in
+//                print("받은 값 : \(receivedValue.count)")
+//                self.SearchNames = receivedValue
+//            }).store(in: &subscripttion)
+//    }
+    func Delete(completionHandler: @escaping (Result<[InviteHabitPostResponse], Error>) -> Void){
+            print(#fileID, #function, #line, "")
+            AF.request(baseUrl, method: .post).response { response in
+                switch response.result {
+                case .success:
+                    completionHandler(.success([InviteHabitPostResponse(isSuccess: true, code: 201, message: "습관 초대 성공")]))
+                case .failure(let error):
+                    completionHandler(.failure(error))
+                }
+            }
+    }
+}
diff --git a/Better-me-iOS/Social/Data/NewPerson.swift b/Better-me-iOS/Social/Data/NewPerson.swift
new file mode 100644
index 0000000..00e3cdf
--- /dev/null
+++ b/Better-me-iOS/Social/Data/NewPerson.swift
@@ -0,0 +1,36 @@
+//
+//  RandomUser+ResponseData.swift
+//  Server
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+
+struct Priend: Codable, Hashable{
+    
+    
+//    var id = UUID()
+    var followee: Int
+    var nickName: String
+//    var photo: String
+    var promise: String
+    var acceptedAt: String
+    var stars: Int
+    
+}
+
+
+
+
+
+struct FriendResponse: Codable{
+    
+    var result: [Priend]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+
+}
+
+
diff --git a/Better-me-iOS/Social/Data/NewPersonModel.swift b/Better-me-iOS/Social/Data/NewPersonModel.swift
new file mode 100644
index 0000000..3cdaad7
--- /dev/null
+++ b/Better-me-iOS/Social/Data/NewPersonModel.swift
@@ -0,0 +1,48 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class NewPersonModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var Friends = [Priend]()
+    
+    @Published var nickNameArray = [String]()
+    
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/1"
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        self.Friends = Friends
+        fetchRandomUsers()
+        appendNickName()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl, headers: token).publishDecodable(type: FriendResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.Friends = receivedValue
+            }).store(in: &subscripttion)
+    }
+    func appendNickName(){
+        nickNameArray = Friends.map{ $0.nickName }
+    }
+    
+}
diff --git a/Better-me-iOS/Social/Data/Person.swift b/Better-me-iOS/Social/Data/Person.swift
new file mode 100644
index 0000000..4b49dcb
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Person.swift
@@ -0,0 +1,18 @@
+//
+//  Person.swift
+//  BetterMe-SwiftUI
+//
+//  Created by 황인성 on 2023/01/12.
+//
+
+import Foundation
+
+struct Person: Identifiable{
+    
+    var id = UUID()
+    var name = ""
+    var online = false
+    var like = 0
+    var habit = "습관 없음"
+    
+}
diff --git a/Better-me-iOS/Social/Data/PersonModel.swift b/Better-me-iOS/Social/Data/PersonModel.swift
new file mode 100644
index 0000000..ead1501
--- /dev/null
+++ b/Better-me-iOS/Social/Data/PersonModel.swift
@@ -0,0 +1,35 @@
+//
+//  People.swift
+//  BetterMe-SwiftUI
+//
+//  Created by 황인성 on 2023/01/16.
+//
+
+import Foundation
+
+
+
+
+
+class PersonModel: ObservableObject {
+    @Published var people = [Person]()
+    
+    init(){
+        people.append(Person(name: "신디", online: false, like: 17, habit: "일어나자마자 이불개기"))
+        people.append(Person(name: "리미", online: true, like: 23))
+        people.append(Person(name: "매버릭", online: true, like: 7, habit: "일어나자마자 양치하기"))
+        people.append(Person(name: "범", online: false, like: 2))
+        people.append(Person(name: "폴", online: false, like: 9, habit: "일어나자마자 아침먹기"))
+        people.append(Person(name: "벨라", online: true, like: 0))
+        people.append(Person(name: "피딕", online: false, like: 8, habit: "일어나자마자 과제하기"))
+        people.append(Person(name: "주니", online: false, like: 10, habit: "일어나자마자 청소하기"))
+        people.append(Person(name: "포디", online: true, like: 11))
+        people.append(Person(name: "혀니", online: false, like: 13))
+    }
+    
+    
+
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/RequestStatus.swift b/Better-me-iOS/Social/Data/RequestStatus.swift
new file mode 100644
index 0000000..ba2d81a
--- /dev/null
+++ b/Better-me-iOS/Social/Data/RequestStatus.swift
@@ -0,0 +1,34 @@
+//
+//  RandomUser+ResponseData.swift
+//  Server
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+
+struct RequestStatus: Codable, Hashable{
+    
+    
+//    var id = UUID()
+    var habitIdx: Int
+    var receiverIdx: Int
+    var status: String
+    
+}
+
+
+
+
+
+struct RequestStatusResponse: Codable{
+    
+    var result: [RequestStatus]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/RequestStatusModel.swift b/Better-me-iOS/Social/Data/RequestStatusModel.swift
new file mode 100644
index 0000000..e413974
--- /dev/null
+++ b/Better-me-iOS/Social/Data/RequestStatusModel.swift
@@ -0,0 +1,41 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class RequestStatusModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var RequestStatuses = [RequestStatus]()
+    
+//    @Published var nickNameArray = [String]()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/invite/response/:userIdx"
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        self.RequestStatuses = RequestStatuses
+        fetchRandomUsers()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl).publishDecodable(type: RequestStatusResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.RequestStatuses = receivedValue
+            }).store(in: &subscripttion)
+    }
+    
+}
diff --git a/Better-me-iOS/Social/Data/Request_Friend.swift b/Better-me-iOS/Social/Data/Request_Friend.swift
new file mode 100644
index 0000000..16000e9
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Request_Friend.swift
@@ -0,0 +1,24 @@
+//
+//  Request_Friend.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/04.
+//
+
+import Foundation
+
+struct RequestFriend: Codable, Hashable{
+    var userIdx: Int
+    var nickName: String
+//    var photo: String
+}
+
+struct RequestFriendResponse: Codable{
+    var result: [RequestFriend]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/Request_FriendModel.swift b/Better-me-iOS/Social/Data/Request_FriendModel.swift
new file mode 100644
index 0000000..458d802
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Request_FriendModel.swift
@@ -0,0 +1,42 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class Request_FriendModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var RequestFriends = [RequestFriend]()
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    var param = [ "followee": [20, 33] ]
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/request/2"
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        fetchRandomUsers()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl, headers: token).publishDecodable(type: RequestFriendResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.RequestFriends = receivedValue
+            }).store(in: &subscripttion)
+    }
+    
+}
diff --git a/Better-me-iOS/Social/Data/Request_Friend_Post.swift b/Better-me-iOS/Social/Data/Request_Friend_Post.swift
new file mode 100644
index 0000000..206cf37
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Request_Friend_Post.swift
@@ -0,0 +1,18 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+
+struct Request_Friend_PostResponse: Codable{
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/Request_Friend_PostModel.swift b/Better-me-iOS/Social/Data/Request_Friend_PostModel.swift
new file mode 100644
index 0000000..60b8b73
--- /dev/null
+++ b/Better-me-iOS/Social/Data/Request_Friend_PostModel.swift
@@ -0,0 +1,37 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class Request_Friend_PostModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/request/:userIdx/:followee"
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        //        fetchRandomUsers()
+    }
+    
+    
+    func Post(completionHandler: @escaping (Result<[Request_Friend_PostResponse], Error>) -> Void) {
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl, method: .post, headers: token).response { response in
+            switch response.result {
+            case .success:
+                completionHandler(.success([Request_Friend_PostResponse(isSuccess: true, code: 1000, message: "성공")]))
+            case .failure(let error):
+                completionHandler(.failure(error))
+            }
+        }
+    }
+}
diff --git a/Better-me-iOS/Social/Data/SearchEmail.swift b/Better-me-iOS/Social/Data/SearchEmail.swift
new file mode 100644
index 0000000..0e455be
--- /dev/null
+++ b/Better-me-iOS/Social/Data/SearchEmail.swift
@@ -0,0 +1,26 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+struct SearchEmail: Codable, Hashable{
+    var userIdx: Int
+    var nickName: String
+//    var photo: String
+    var stars: Int
+    var acceptStatus: Int
+}
+
+struct SearchEmailResponse: Codable{
+    var result: [SearchEmail]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/SearchEmailModel.swift b/Better-me-iOS/Social/Data/SearchEmailModel.swift
new file mode 100644
index 0000000..2a6a6e0
--- /dev/null
+++ b/Better-me-iOS/Social/Data/SearchEmailModel.swift
@@ -0,0 +1,42 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class SearchEmailModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var SearchEmails = [SearchEmail]()
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/searchE/1"
+    
+    var param = ["email": "a"]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        fetchRandomUsers()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl, method: .get, parameters: param, headers: token).publishDecodable(type: SearchEmailResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.SearchEmails = receivedValue
+            }).store(in: &subscripttion)
+    }
+    
+}
diff --git a/Better-me-iOS/Social/Data/SearchName.swift b/Better-me-iOS/Social/Data/SearchName.swift
new file mode 100644
index 0000000..e40ff47
--- /dev/null
+++ b/Better-me-iOS/Social/Data/SearchName.swift
@@ -0,0 +1,25 @@
+//
+//  InviteHabit.swift
+//  PlusAPI
+//
+//  Created by 황인성 on 2023/02/05.
+//
+
+import Foundation
+
+struct SearchName: Codable, Hashable{
+    var followee: Int
+    var nickName: String
+//    var photo: String
+    var stars: Int
+}
+
+struct SearchNameResponse: Codable{
+    var result: [SearchName]
+    var isSuccess: Bool
+    var code: Int
+    var message: String
+}
+
+
+
diff --git a/Better-me-iOS/Social/Data/SearchNameModel.swift b/Better-me-iOS/Social/Data/SearchNameModel.swift
new file mode 100644
index 0000000..41053b8
--- /dev/null
+++ b/Better-me-iOS/Social/Data/SearchNameModel.swift
@@ -0,0 +1,42 @@
+//
+//  RandomUserViewModel.swift
+//  RandomUserApi
+//
+//  Created by 황인성 on 2023/02/03.
+//
+
+import Foundation
+import Combine
+import Alamofire
+
+class SearchNameModel: ObservableObject{
+    
+    var subscripttion = Set<AnyCancellable>()
+    
+    @Published var SearchNames = [SearchName]()
+    
+    var token: HTTPHeaders = ["x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWR4IjoxLCJpYXQiOjE2NzU5MTgyNjksImV4cCI6MTY3NjAwNDY2OSwic3ViIjoidXNlckluZm8ifQ.PyrzZVmeAAJ2KggsvNbYh1Qp9tC-0Swd_MULrN9Gmbs"]
+    
+    var baseUrl = "http://54.180.13.219:3000/app/follow/searchN/1"
+    
+    var param: Parameters = ["nickName": "포"]
+    
+    init(){
+        print(#fileID, #function, #line, "")
+        fetchRandomUsers()
+    }
+    
+    func fetchRandomUsers(){
+        print(#fileID, #function, #line, "")
+        AF.request(baseUrl, method: .get, parameters: param, headers: token).publishDecodable(type: SearchNameResponse.self)
+            .compactMap{ $0.value }
+            .map{ $0.result }
+            .sink(receiveCompletion: { completion in
+                print("데이터스트림 완료")
+            }, receiveValue: { receivedValue in
+                print("받은 값 : \(receivedValue.count)")
+                self.SearchNames = receivedValue
+            }).store(in: &subscripttion)
+    }
+    
+}
diff --git a/Better-me-iOS/Social/SocialViewController.swift b/Better-me-iOS/Social/SocialViewController.swift
new file mode 100644
index 0000000..b7d14e0
--- /dev/null
+++ b/Better-me-iOS/Social/SocialViewController.swift
@@ -0,0 +1,40 @@
+//
+//  SocialViewController.swift
+//  Better-me-iOS
+//
+//  Created by 황인성 on 2023/02/01.
+//
+
+import UIKit
+import SwiftUI
+
+class SocialViewController: UIViewController {
+
+    override func viewWillAppear(_ animated: Bool) {
+        super.viewWillAppear(animated)
+        
+        navigationController?.setNavigationBarHidden(true, animated: animated)
+    }
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+
+        // Do any additional setup after loading the view.
+    }
+    
+    
+    @IBSegueAction func addSwiftUIView(_ coder: NSCoder) -> UIViewController? {
+        return UIHostingController(coder: coder, rootView: ContentView())
+    }
+    
+
+    /*
+    // MARK: - Navigation
+    // In a storyboard-based application, you will often want to do a little preparation before navigation
+    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
+        // Get the new view controller using segue.destination.
+        // Pass the selected object to the new view controller.
+    }
+    */
+
+}
diff --git a/Better-me-iOS/Social/SwiftUIView.swift b/Better-me-iOS/Social/SwiftUIView.swift
new file mode 100644
index 0000000..c64f3d9
--- /dev/null
+++ b/Better-me-iOS/Social/SwiftUIView.swift
@@ -0,0 +1,1132 @@
+//
+//  ContentView.swift
+//  BetterMe-SwiftUI
+//
+//  Created by 황인성 on 2023/01/11.
+//
+
+import SwiftUI
+import PopupView
+
+struct NewSearchBar: View {
+    
+    @Binding var text:String
+    @State var searchText = ""
+    
+    var body: some View {
+        HStack {
+            HStack {
+                TextField("친구 찾기", text: $text)
+                    .underlineTextField()
+                    .foregroundColor(.primary)
+                
+                Button(action: {
+                    searchText = text
+                    print(searchText)
+                }, label: {
+                    Image(systemName: "magnifyingglass")
+                })
+                if !text.isEmpty {
+                    Button(action: {
+                        self.text = ""
+                    }) {
+                        Image(systemName: "xmark.circle.fill")
+                    }
+                } else {
+                    EmptyView()
+                }
+            }
+            .padding(EdgeInsets(top: 4, leading: 8, bottom: 4, trailing: 8))
+            .foregroundColor(.secondary)
+        }
+        .padding(.horizontal)
+    }
+}
+
+struct FriendSearchView: View {
+    
+    @Environment(\.presentationMode) private var presentationMode
+    
+    @ObservedObject var data = SearchNameModel()
+    
+    @State var array = ["신디", "리미", "매버릭", "범", "벨라", "폴", "피딕", "주니", "포디", "혀니", "asd", "asd","asd","Asd"]
+    
+    @State private var searchText = ""
+    
+    var body: some View {
+        
+        VStack {
+            NewSearchBar(text: $searchText)
+                .padding(EdgeInsets(top: 10, leading: 0, bottom: 10, trailing: 0))
+            
+            List(data.SearchNames, id: \.self) { searchText in
+                //                    ForEach(array.filter{$0.hasPrefix(searchText) || searchText == ""}, id:\.self) {searchText in
+                
+                ZStack(alignment: .leading) {
+                    Rectangle().fill(Color(red: 0.5, green: 0.5, blue: 0.5, opacity: 0.30)).cornerRadius(8).frame(height: 55)
+                    
+                    HStack {
+                        Image(systemName: "person.circle.fill").resizable().frame(width: 37, height: 37)
+                            .foregroundColor(Color.random()).padding(.leading)
+                        Text(searchText.nickName)
+                    }.listRowSeparator(.hidden)
+                }
+            }.listRowSeparator(.hidden)
+        } //리스트의 스타일 수정
+        .listStyle(PlainListStyle())
+        //화면 터치시 키보드 숨김
+        .onTapGesture {
+            hideKeyboard()
+        }
+        .navigationBarItems(leading:
+                                Button(action: {
+            self.presentationMode.wrappedValue.dismiss()
+        }, label: {
+            Image(systemName: "x.circle")
+        })
+        )
+    }
+}
+//}
+
+
+//struct homeView: View {
+//    var body: some View {
+//
+////        NavigationView{
+//            Button(action: {
+//                print("Floating Button Click")
+//            }, label: {
+//                NavigationLink(destination: SearchView()) {
+//                    Image("Group 65").frame(width: 51, height: 51, alignment: .bottomTrailing)
+//                }
+//            })
+////        }
+//
+//    }
+//}
+
+extension View {
+    func underlineTextField() -> some View {
+        self
+            .padding(.vertical, 10)
+            .overlay(Rectangle().frame(height: 2).padding(.top, 35))
+            .foregroundColor(.black)
+            .padding(10)
+    }
+}
+
+extension Color {
+    static func random() -> Color {
+        return Color(red: Double.random(in: 0...1), green: Double.random(in: 0...1), blue: Double.random(in: 0...1))
+    }
+}
+
+struct CheckboxFieldView: View {
+    
+    @State var checkState: Bool = false
+    
+    var body: some View {
+        
+        Button(action:
+                {
+            self.checkState = !self.checkState
+            print("State : \(self.checkState)")
+        }) {
+            HStack(alignment: .top, spacing: 10) {
+                
+                //2. Will update according to state
+                Rectangle()
+                    .fill(self.checkState ? Color.green : Color.red)
+                    .frame(width:20, height:20, alignment: .center)
+                    .cornerRadius(5)
+                
+            }
+        }
+        .foregroundColor(Color.white)
+        
+    }
+    
+}
+
+
+struct SecondView: View{
+    
+    @ObservedObject var data = Request_FriendModel()
+    @ObservedObject var agree = AgreeModel()
+    
+    @State var show1 = false
+    @State var show2 = false
+    @State var name = "default"
+    
+    
+    
+    
+    var body: some View{
+        
+        ZStack {
+            List{
+                ForEach(data.RequestFriends, id: \.self){ request in
+                    HStack{
+                        Image(systemName: "person.circle.fill").resizable().frame(width: 37, height: 37)
+                            .foregroundColor(Color.random())
+                        Text(request.nickName)
+                        Spacer()
+                        Button(action: {
+                            print("거절")
+                            self.name = request.nickName
+                            self.show2 = true
+                        }, label: {
+                            ZStack {
+                                RoundedRectangle(cornerRadius: 15.5)
+                                    .stroke(Color.red, lineWidth: 1)
+                                    .frame(width: 58, height: 31)
+                                Text("거절")
+                                    .font(.footnote)
+                                    .fontWeight(.semibold)
+                                    .foregroundColor(Color.red)
+                                    .lineSpacing(18.20)
+                            }
+                            
+                        })
+                        Button(action: {
+                            print("수락")
+                            self.name = request.nickName
+                            self.show1 = true
+                        }, label: {
+                            ZStack {
+                                RoundedRectangle(cornerRadius: 15.5)
+                                    .frame(width: 58, height: 31)
+                                    .foregroundColor(.red)
+                                Text("수락")
+                                    .font(.footnote)
+                                    .fontWeight(.semibold)
+                                    .foregroundColor(Color.white)
+                                    .lineSpacing(18.20)
+                            }
+                        })
+                    }
+                }.buttonStyle(BorderlessButtonStyle())
+            }.frame( maxWidth: .infinity, maxHeight: .infinity)
+                .edgesIgnoringSafeArea(.all)
+                .listStyle(PlainListStyle())
+        }
+        .popup(isPresented: $show1, view: {
+            self.AgreePopUp(name2: name)
+        }, customize: {
+            $0
+                .type (.default)
+                .position(.top)
+                .dragToDismiss(true)
+                .closeOnTapOutside(true)
+                .backgroundColor(.black.opacity(0.5))
+        })
+        .popup(isPresented: $show2, view: {
+            self.DisagreePopUp(name2: name)
+        }, customize: {
+            $0
+                .type (.default)
+                .position(.top)
+                .dragToDismiss(true)
+                .closeOnTapOutside(true)
+                .backgroundColor(.black.opacity(0.5))
+        })
+    }
+    func AgreePopUp(name2: String) -> some View{
+        ZStack {
+            RoundedRectangle(cornerRadius: 22)
+                .fill(Color.white)
+                .frame(width: 252, height: 248)
+            VStack{
+                Text("공유해요!")
+                    .fontWeight(.bold)
+                    .font(.title3)
+                    .foregroundColor(Color.red)
+                    .frame(width: 76, height: 28, alignment: .top)
+                
+                Spacer().frame(height: 35)
+                
+                Text("\(name2) 님의")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("친구요청을 수락하시겠습니까?")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 30)
+                
+                HStack{
+                    Button(action: {
+                        print("취소")
+                        self.show1 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                                .stroke(Color.red, lineWidth: 1)
+                                .frame(width: 58, height: 31)
+                            Text("취소")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.red)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                    Spacer().frame(width: 30)
+                    Button(action: {
+                        print("좋아요!")
+                        self.show1 = false
+                        self.agree.patch()
+                        //                        data.patchFriend()
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                            
+                                .frame(width: 58, height: 31)
+                                .foregroundColor(.red)
+                            Text("좋아요!")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.white)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                }
+            }
+        }
+    }
+    func DisagreePopUp(name2: String) -> some View{
+        ZStack {
+            RoundedRectangle(cornerRadius: 22)
+                .fill(Color.white)
+                .frame(width: 252, height: 248)
+            VStack{
+                Text("아쉽네요")
+                    .fontWeight(.bold)
+                    .font(.title3)
+                    .foregroundColor(Color.red)
+                    .frame(width: 76, height: 28, alignment: .top)
+                
+                Spacer().frame(height: 35)
+                
+                Text("\(name2) 님의")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("친구요청을 거절하시겠습니까?")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 30)
+                
+                HStack{
+                    Button(action: {
+                        print("취소")
+                        self.show2 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                                .stroke(Color.red, lineWidth: 1)
+                                .frame(width: 58, height: 31)
+                            Text("취소")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.red)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                    Spacer().frame(width: 30)
+                    Button(action: {
+                        print("좋아요!")
+                        self.show2 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                            
+                                .frame(width: 58, height: 31)
+                                .foregroundColor(.red)
+                            Text("좋아요!")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.white)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                }
+            }
+        }
+    }
+}
+
+
+struct ThirdView: View{
+    
+    @State var show1 = false
+    @State var show2 = false
+    @State var name = "default"
+    @State var habit = "default"
+    
+    @ObservedObject var data = InviteHabitModel()
+    
+    var body: some View{
+        ZStack {
+            List(data.InviteHabits, id: \.self){ invite in
+                //                ForEach(model.people){ p in
+                HStack{
+                    VStack(alignment: .leading){
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 19.50)
+                                .fill(Color(red: 1, green: 0.92, blue: 0.92))
+                                .frame(width: 74, height: 27)
+                            HStack {
+                                Image(systemName: "person.circle.fill").resizable().frame(width: 19, height: 19)
+                                    .foregroundColor(Color.random())
+                                Text(String(invite.senderIdx)).fontWeight(.semibold)
+                                    .font(.caption)
+                                    .lineSpacing(16.80)
+                            }
+                        }
+                        HStack(alignment: .top) {
+                            Text("😊")
+                                .fontWeight(.semibold)
+                                .font(.subheadline)
+                                .lineSpacing(21)
+                            VStack {
+                                Text(invite.habitName)
+                                Text(invite.contents)
+                            }
+                        }
+                    }
+                    Spacer()
+                    VStack{
+                        Button(action: {
+                            self.name = String(invite.senderIdx)
+                            self.habit = invite.habitName
+                            print("수락")
+                            self.show1 = true
+                        }, label: {
+                            ZStack {
+                                RoundedRectangle(cornerRadius: 15.5)
+                                    .frame(width: 58, height: 31)
+                                    .foregroundColor(.red)
+                                Text("수락")
+                                    .font(.footnote)
+                                    .fontWeight(.semibold)
+                                    .foregroundColor(Color.white)
+                                    .lineSpacing(18.20)
+                            }
+                        })
+                        Button(action: {
+                            self.name = String(invite.senderIdx)
+                            self.habit = invite.contents
+                            print("거절")
+                            self.show2 = true
+                        }, label: {
+                            ZStack {
+                                RoundedRectangle(cornerRadius: 15.5)
+                                    .stroke(Color.red, lineWidth: 1)
+                                    .frame(width: 58, height: 31)
+                                Text("거절")
+                                    .font(.footnote)
+                                    .fontWeight(.semibold)
+                                    .foregroundColor(Color.red)
+                                    .lineSpacing(18.20)
+                            }
+                        })
+                    }.buttonStyle(BorderlessButtonStyle())
+                    //                    }
+                }
+            }.listStyle(PlainListStyle())
+        }
+        .popup(isPresented: $show1, view: {
+            self.AgreePopUp(name2: name, habit2: habit)
+        }, customize: {
+            $0
+                .type (.default)
+                .position(.top)
+                .dragToDismiss(true)
+                .closeOnTapOutside(true)
+                .backgroundColor(.black.opacity(0.5))
+        })
+        .popup(isPresented: $show2, view: {
+            self.DisagreePopUp(name2: name, habit2: habit)
+        }, customize: {
+            $0
+                .type (.default)
+                .position(.top)
+                .dragToDismiss(true)
+                .closeOnTapOutside(true)
+                .backgroundColor(.black.opacity(0.5))
+        })
+        
+    }
+    
+    func AgreePopUp(name2: String, habit2: String) -> some View{
+        ZStack {
+            RoundedRectangle(cornerRadius: 22)
+                .fill(Color.white)
+                .frame(width: 252, height: 248)
+            VStack{
+                Text("화이팅")
+                    .fontWeight(.bold)
+                    .font(.title3)
+                    .foregroundColor(Color.red)
+                    .frame(width: 52, height: 28, alignment: .top)
+                
+                Spacer().frame(height: 35)
+                
+                Text("\(name2) 님께서 보내신")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("[ \(habit2) ]")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("습관초대를 수락하시겠습니까?")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 30)
+                
+                HStack{
+                    Button(action: {
+                        print("취소")
+                        self.show1 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                                .stroke(Color.red, lineWidth: 1)
+                                .frame(width: 58, height: 31)
+                            Text("취소")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.red)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                    Spacer().frame(width: 30)
+                    Button(action: {
+                        print("좋아요!")
+                        self.show1 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                            
+                                .frame(width: 58, height: 31)
+                                .foregroundColor(.red)
+                            Text("좋아요!")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.white)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                }
+            }
+        }
+    }
+    func DisagreePopUp(name2: String, habit2: String) -> some View{
+        ZStack {
+            RoundedRectangle(cornerRadius: 22)
+                .fill(Color.white)
+                .frame(width: 252, height: 248)
+            VStack{
+                Text("화이팅")
+                    .fontWeight(.bold)
+                    .font(.title3)
+                    .foregroundColor(Color.red)
+                    .frame(width: 52, height: 28, alignment: .top)
+                
+                Spacer().frame(height: 35)
+                
+                Text("\(name2) 님께서 보내신")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("[ \(habit2) ]")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 21)
+                
+                Text("습관초대를 거절하시겠습니까?")
+                    .fontWeight(.bold)
+                    .font(.subheadline)
+                    .lineSpacing(21)
+                
+                Spacer().frame(height: 30)
+                
+                HStack{
+                    Button(action: {
+                        print("취소")
+                        self.show2 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                                .stroke(Color.red, lineWidth: 1)
+                                .frame(width: 58, height: 31)
+                            Text("취소")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.red)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                    Spacer().frame(width: 30)
+                    Button(action: {
+                        print("좋아요!")
+                        self.show2 = false
+                    }, label: {
+                        ZStack {
+                            RoundedRectangle(cornerRadius: 15.5)
+                            
+                                .frame(width: 58, height: 31)
+                                .foregroundColor(.red)
+                            Text("좋아요!")
+                                .font(.footnote)
+                                .fontWeight(.semibold)
+                                .foregroundColor(Color.white)
+                                .lineSpacing(18.20)
+                        }
+                    })
+                }
+            }
+        }
+    }
+}
+
+struct CustomTopTabBar: View {
+    @Binding var tabIndex: Int
+    @Namespace var animation
+    var body: some View {
+        HStack {
+            
+            TabBarButton(text: "친구", isSelected: .constant(tabIndex == 0))
+                .onTapGesture { onButtonTapped(index: 0) }
+            
+            Spacer()
+            TabBarButton(text: "친구 요청", isSelected: .constant(tabIndex == 1))
+                .onTapGesture { onButtonTapped(index: 1) }
+            
+            Spacer()
+            TabBarButton(text: "습관 초대", isSelected: .constant(tabIndex == 2))
+                .onTapGesture { onButtonTapped(index: 2) }
+            
+        }
+        .border(width: 1, edges: [.bottom], color: .clear)
+    }
+    
+    private func onButtonTapped(index: Int) {
+        withAnimation { tabIndex = index }
+    }
+}
+
+struct TabBarButton: View {
+    let text: String
+    @Binding var isSelected: Bool
+    var body: some View {
+        Text(text)
+            .foregroundColor(isSelected ? .red : .gray)
+            .frame(width: 122)
+            .fontWeight(isSelected ? .heavy : .regular)
+            .font(.custom("Avenir", size: 16))
+            .padding(.bottom,10)
+            .border(width: isSelected ? 2 : 0, edges: [.bottom], color: .red)
+    }
+}
+
+struct EdgeBorder: Shape {
+    
+    var width: CGFloat
+    var edges: [Edge]
+    
+    func path(in rect: CGRect) -> Path {
+        var path = Path()
+        for edge in edges {
+            var x: CGFloat {
+                switch edge {
+                case .top, .bottom, .leading: return rect.minX
+                case .trailing: return rect.maxX - width
+                }
+            }
+            
+            var y: CGFloat {
+                switch edge {
+                case .top, .leading, .trailing: return rect.minY
+                case .bottom: return rect.maxY - width
+                }
+            }
+            
+            var w: CGFloat {
+                switch edge {
+                case .top, .bottom: return rect.width
+                case .leading, .trailing: return self.width
+                }
+            }
+            
+            var h: CGFloat {
+                switch edge {
+                case .top, .bottom: return self.width
+                case .leading, .trailing: return rect.height
+                }
+            }
+            path.addPath(Path(CGRect(x: x, y: y, width: w, height: h)))
+        }
+        return path
+    }
+}
+
+extension View {
+    func border(width: CGFloat, edges: [Edge], color: SwiftUI.Color) -> some View {
+        overlay(EdgeBorder(width: width, edges: edges).foregroundColor(color))
+    }
+}
+
+struct SortButtonView: View{
+    var body: some View{
+        VStack{
+            Button(action: {
+                
+            }, label: {
+                Text("상장 많은 순")
+            })
+            Spacer()
+            Button(action: {
+                
+            }, label: {
+                Text("상장 적은 순")
+            })
+            Spacer()
+            Button(action: {
+                
+            }, label: {
+                Text("가나다 순")
+            })
+            Spacer()
+            Button(action: {
+                
+            }, label: {
+                Text("최근 추가순")
+            })
+            Spacer()
+            Button(action: {
+                
+            }, label: {
+                Text("오래된 순")
+            })
+        }
+    }
+}
+
+
+struct SortView: View {
+    
+    @Environment(\.presentationMode) private var presentationMode
+    
+    var body: some View {
+        NavigationView{
+            VStack(alignment: .leading){
+                Rectangle().frame(height: 0)
+                SortButtonView()
+                Spacer()
+                Button(action: {
+                    self.presentationMode.wrappedValue.dismiss()
+                }, label: {
+                    Text("닫기").frame(width: 375, height: 80).foregroundColor(.black
+                    )
+                })
+            }.padding(.leading)
+                .navigationBarTitle("정렬", displayMode: .inline)
+        }
+    }
+}
+
+struct SearchBar: View {
+    
+    @Binding var text: String
+    
+    var body: some View {
+        HStack {
+            HStack {
+                TextField("친구 찾기", text: $text)
+                    .underlineTextField()
+                    .foregroundColor(.primary)
+                
+                Image(systemName: "magnifyingglass")
+                if !text.isEmpty {
+                    Button(action: {
+                        self.text = ""
+                    }) {
+                        Image(systemName: "xmark.circle.fill")
+                    }
+                } else {
+                    EmptyView()
+                }
+            }
+            .padding(EdgeInsets(top: 4, leading: 8, bottom: 4, trailing: 8))
+            .foregroundColor(.secondary)
+        }
+        .padding(.horizontal)
+    }
+}
+
+#if canImport(UIKit)
+extension View {
+    func hideKeyboard() {
+        UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
+    }
+}
+#endif
+
+struct SearchView: View {
+    
+    @Environment(\.presentationMode) private var presentationMode
+    
+    @ObservedObject var data = SearchNameModel()
+    
+    @State var array = ["Asd", "Fiddich"]
+    
+    
+    
+    @State private var searchText = ""
+    
+    var body: some View {
+        NavigationView {
+            VStack {
+                SearchBar(text: $searchText)
+                    .padding(EdgeInsets(top: 10, leading: 0, bottom: 10, trailing: 0))
+                
+                List(data.SearchNames, id:\.self) { searchText in
+                    //                    ForEach(array.filter{$0.hasPrefix(searchText) || searchText == ""}, id:\.self) {searchText in
+                    
+                    ZStack(alignment: .leading) {
+                        Rectangle().foregroundColor(.secondary).cornerRadius(8).frame(height: 55)
+                        
+                        HStack {
+                            Image(systemName: "person.circle.fill").resizable().frame(width: 37, height: 37)
+                                .foregroundColor(Color.random()).padding(.leading)
+                            Text(searchText.nickName)
+                        }.listRowSeparator(.hidden)
+                    }
+                }
+            } //리스트의 스타일 수정
+            .listStyle(PlainListStyle())
+            //화면 터치시 키보드 숨김
+            .onTapGesture {
+                hideKeyboard()
+            }
+        }
+        .navigationBarItems(leading:
+                                Button(action: {
+            self.presentationMode.wrappedValue.dismiss()
+        }, label: {
+            Image(systemName: "x.circle")
+        })
+        )
+    }
+}
+//}
+
+
+
+
+struct FriendView: View {
+    
+    @ObservedObject var model = PersonModel()
+    @State var showModal = false
+    @State var showModalSearch = false
+    
+    var body: some View {
+        VStack{
+            
+            HStack{
+                Spacer().frame(width: 263)
+                Button(action: {
+                    self.showModalSearch = true
+                }, label: {
+                    Image("Magnifier")
+                }).sheet(isPresented: self.$showModalSearch){
+                    SearchView().presentationDetents([.fraction(0.75)])
+                }
+                //                Button(action: {
+                //                    self.showModal = true
+                //                }, label: {
+                //                    Image("Group 44")
+                //                }).sheet(isPresented: self.$showModal){
+                //                    SortView().presentationDetents([.medium])
+                //                }
+                Button(action: {
+                    ScrollVertical().toolbar {
+                        EditButton()
+                    }
+                }, label: {
+                    Image("so-trash")
+                })
+                
+            }
+            Divider()
+            ScrollVertical()
+        }
+        
+    }
+}
+
+
+struct TrashView: View {
+    
+    @State var numbers = ["Record1","Record2","Record3","Record4","Record5","Record6","Record1Seven","Record1Eight","Record1Nine","Record1Ten"]
+    @State var editMode = EditMode.inactive
+    @State var selection = Set<String>()
+    
+    var body: some View {
+        NavigationView {
+            List(selection: $selection) {
+                ForEach(numbers, id: \.self) { number in
+                    Text(number)
+                }
+            }
+            .navigationBarItems(leading: deleteButton, trailing: editButton)
+            .environment(\.editMode, self.$editMode)
+        }
+    }
+    private var editButton: some View {
+        if editMode == .inactive {
+            return Button(action: {
+                self.editMode = .active
+                self.selection = Set<String>()
+            }) {
+                Text("Edit")
+            }
+        }
+        else {
+            return Button(action: {
+                self.editMode = .inactive
+                self.selection = Set<String>()
+            }) {
+                Text("Done")
+            }
+        }
+    }
+    
+    private var deleteButton: some View {
+        if editMode == .inactive {
+            return Button(action: {}) {
+                Image(systemName: "")
+            }
+        } else {
+            return Button(action: deleteNumbers) {
+                Image(systemName: "trash")
+            }
+        }
+    }
+    
+    private func deleteNumbers() {
+        for id in selection {
+            if let index = numbers.lastIndex(where: { $0 == id })  {
+                numbers.remove(at: index)
+            }
+        }
+        selection = Set<String>()
+    }
+}
+
+
+struct ScrollVertical: View{
+    
+    //    @ObservedObject var model = PersonModel()
+    @ObservedObject var data = NewPersonModel()
+    @State var editMode = EditMode.inactive
+    @State var selection = Set<String>()
+    
+    
+    var body: some View {
+        
+        //        NavigationView {
+        ZStack(alignment: .bottomTrailing){
+            Rectangle().frame(height: 0)
+            //                NavigationView{
+            List(data.Friends, id: \.self){ friend in //selection: $selection, 추가해야함 **
+                //                        ForEach(data.Friends){ friend in
+                HStack{
+                    Image(systemName: "person.circle.fill").resizable().frame(width: 37, height: 37)
+                        .foregroundColor(Color.random())
+                    VStack(alignment: .leading) {
+                        
+                        Text(friend.nickName)
+                            .font(.subheadline)
+                            .fontWeight(.semibold)
+                        Text(friend.promise)
+                            .fontWeight(.semibold)
+                            .font(.caption2)
+                            .foregroundColor(.gray)
+                        
+                    }
+                    Spacer()
+                    Image(systemName: "star.fill").foregroundColor(.yellow)
+                    Text(String(friend.stars)).frame(width: 25, height: 25, alignment: .leading)
+                    
+                }.listRowSeparator(.hidden)
+                
+                //                        }
+                //                    .onDelete { index in
+                //                    }
+                
+            }
+            //                    .navigationBarItems(leading: deleteButton, trailing: editButton)
+            //                    .environment(\.editMode, self.$editMode)
+            .listStyle(PlainListStyle())
+            
+            Button(action: {
+                print("Floating Button Click")
+            }, label: {
+                NavigationLink(destination: FriendSearchView()) {
+                    Image("Group 65").frame(width: 51, height: 51, alignment: .bottomTrailing)
+                }
+            })
+        }
+    }
+}
+//    }
+//    private var editButton: some View {
+//        if editMode == .inactive {
+//            return Button(action: {
+//                self.editMode = .active
+//                self.selection = Set<String>()
+//            }) {
+//                Text("Edit")
+//            }
+//        }
+//        else {
+//            return Button(action: {
+//                self.editMode = .inactive
+//                self.selection = Set<String>()
+//            }) {
+//                Text("Done")
+//            }
+//        }
+//    }
+//
+//    private var deleteButton: some View {
+//        if editMode == .inactive {
+//            return Button(action: {}) {
+//                Image(systemName: "")
+//            }
+//        } else {
+//            return Button(action: deleteNumbers) {
+//                Image(systemName: "trash")
+//            }
+//        }
+//    }
+//
+//    private func deleteNumbers() {
+//        for id in selection {
+//            if let index = names.lastIndex(where: { $0 == id })  { //변경해야함
+//                model.people.remove(at: index)
+//            }
+//        }
+//        selection = Set<String>()
+//    }
+//}
+
+
+
+struct BetterMeView: View{
+    
+    var body: some View{
+        Rectangle().frame(height: 0)
+        Button(action: {
+            print("홈으로 이동")
+        }, label: {
+            Image("BetterMe")
+                .padding(.top, 17.0).padding(.leading, 18).padding(.bottom, 28)
+        })
+    }
+    
+}
+
+
+
+struct ContentView: View {
+    
+    @State var tabIndex = 0
+    @Namespace var animation
+    
+    var body: some View {
+        
+        NavigationView() {
+            VStack(alignment: .leading){
+                Rectangle().frame(height: 0)
+                Button(action: {
+                    print("홈으로 이동")
+                }, label: {
+                    Image("BetterMe")
+                        .padding(.top, 17.0).padding(.leading, 18).padding(.bottom, 28)
+                })
+                
+                //            TabView{
+                //                Text("home").tabItem{
+                //                    Image(systemName: "house")
+                //                }
+                VStack{
+                    CustomTopTabBar(tabIndex: $tabIndex)
+                    if tabIndex == 0 {
+                        FriendView()
+                    }
+                    else if tabIndex == 1 {
+                        SecondView()
+                    }
+                    else if tabIndex == 2{
+                        ThirdView()
+                    }
+                    Spacer()
+                }
+                .frame(width: UIScreen.main.bounds.width - 24, alignment: .center)
+                .padding(.horizontal, 12).tabItem{
+                    Image(systemName: "medal")
+                    
+                    //                }
+                    //                Text("earth").tabItem{
+                    //                    Image(systemName: "globe")
+                    //                }
+                    //                Text("mypage").tabItem{
+                    //                    Image(systemName: "person")
+                    //                }
+                    //            }
+                }
+            }
+        }
+    }
+    
+    
+    
+    struct ContentView_Previews: PreviewProvider {
+        static var previews: some View {
+            FriendView()
+            ContentView()
+            FriendSearchView()
+            //            homeView()
+            
+        }
+    }
+    
+}