From 74d153dc4ef113e1c7153c90b4df1bd7624250fe Mon Sep 17 00:00:00 2001
From: hyungyu Kim <ypsophila97@icloud.com>
Date: Fri, 26 Nov 2021 16:40:37 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[ADD]=20#78=20-=20=EB=AA=85=ED=95=A8?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1=20=EB=B7=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Descriptions
- iconArrow 다크모드 에셋 추가
- alert 창 extension
- FrontCardCell, RequiredFlavorCollectionViewCell 다크모드 적용
- BackgroundCollectionViewCell 수정 뷰 적용
- Front & BackCardCreationCollectionViewCell 수정 뷰 적용

### fixme
- @IBDesignable 에러 수정해야함

### todo
- 버튼 iOS 13,15 대응
---
 NADA-iOS-forRelease.xcodeproj/project.pbxproj |  11 +-
 .../iconArrow.imageset/Contents.json          |  45 +++++-
 .../iconArrow.imageset/iconArrow-1.png        | Bin 0 -> 231 bytes
 .../iconArrow.imageset/iconArrow@2x-1.png     | Bin 0 -> 464 bytes
 .../iconArrow.imageset/iconArrow@3x-1.png     | Bin 0 -> 623 bytes
 .../UIViewController+Extension.swift          |  50 ++++++-
 .../CardCreation/CardCreation.storyboard      |  18 +--
 .../CardCreationPreview.storyboard            |   4 +-
 .../Cells/CardCell/FrontCardCell.swift        |  16 +--
 .../BackCardCreationCollectionViewCell.swift  |  30 ++--
 .../BackgroundCollectionViewCell.swift        |  33 +++--
 .../BackgroundCollectionViewCell.xib          |   8 +-
 .../FrontCardCreationCollectionViewCell.swift |  26 ++--
 .../FrontCardCreationCollectionViewCell.xib   |  28 ++--
 .../RequiredFlavorCollectionViewCell.swift    |   8 +-
 .../CardCreationViewController.swift          | 130 ++++++++++--------
 .../CardList/CardListViewController.swift     |   4 +-
 .../GroupEdit/GroupEditViewController.swift   |   4 +-
 18 files changed, 255 insertions(+), 160 deletions(-)
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow-1.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@2x-1.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@3x-1.png

diff --git a/NADA-iOS-forRelease.xcodeproj/project.pbxproj b/NADA-iOS-forRelease.xcodeproj/project.pbxproj
index 3a490c82..e717dc27 100644
--- a/NADA-iOS-forRelease.xcodeproj/project.pbxproj
+++ b/NADA-iOS-forRelease.xcodeproj/project.pbxproj
@@ -39,7 +39,6 @@
 		39811490273BEBCE00E28630 /* CardListRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3981148F273BEBCE00E28630 /* CardListRequest.swift */; };
 		398413B7274A7A1E005550BC /* AddGroupBottomSheetViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 398413B6274A7A1E005550BC /* AddGroupBottomSheetViewController.swift */; };
 		399C55DF2711949D00845A54 /* CGPoint+Distance.swift in Sources */ = {isa = PBXBuildFile; fileRef = 399C55DE2711949D00845A54 /* CGPoint+Distance.swift */; };
-		39A8DEA3274E6436005DE7C8 /* UITextField+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39A8DEA2274E6436005DE7C8 /* UITextField+Extension.swift */; };
 		39C1E88F270EC762006D2089 /* UIColor+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39C1E88E270EC762006D2089 /* UIColor+Extension.swift */; };
 		39D13565273FDB9C00B1A148 /* User.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39D13564273FDB9C00B1A148 /* User.swift */; };
 		39D13568273FDCB800B1A148 /* UserWithTokenRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 39D13567273FDCB800B1A148 /* UserWithTokenRequest.swift */; };
@@ -58,7 +57,6 @@
 		77AA68EA273E0EC4009C89B0 /* CardAddInGroupRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 77AA68E9273E0EC4009C89B0 /* CardAddInGroupRequest.swift */; };
 		DBBB91E1639641F40C5B4416 /* Pods_NADA_iOS_forRelease.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 4A2183AE0E469153221624A0 /* Pods_NADA_iOS_forRelease.framework */; };
 		F811720027383097002742CF /* ChangeGroupRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = F81171FF27383097002742CF /* ChangeGroupRequest.swift */; };
-		F81A6833274F49A700B80A4F /* UITextField+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = F81A6832274F49A700B80A4F /* UITextField+Extension.swift */; };
 		F822E7A92709CEB60020452C /* Notification.swift in Sources */ = {isa = PBXBuildFile; fileRef = F822E7A82709CEB60020452C /* Notification.swift */; };
 		F82FF81D2701EBCE00E57F8B /* CardCreation.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = F82FF81C2701EBCE00E57F8B /* CardCreation.storyboard */; };
 		F82FF8252702000000E57F8B /* RequiredFlavorCollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = F82FF8232702000000E57F8B /* RequiredFlavorCollectionViewCell.swift */; };
@@ -76,6 +74,7 @@
 		F858079F2700354E00872484 /* BackgroundCollectionViewCell.xib in Resources */ = {isa = PBXBuildFile; fileRef = F858079D2700354E00872484 /* BackgroundCollectionViewCell.xib */; };
 		F87122762733046300A24E74 /* Card.swift in Sources */ = {isa = PBXBuildFile; fileRef = F87122752733046300A24E74 /* Card.swift */; };
 		F871227827330A3800A24E74 /* CardCreationRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = F871227727330A3800A24E74 /* CardCreationRequest.swift */; };
+		F8719DDB274F92E90081AD51 /* UITextField+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8719DDA274F92E90081AD51 /* UITextField+Extension.swift */; };
 		F8A9FE1A2743DC6B00BC60CE /* CardListInGroupRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8A9FE192743DC6B00BC60CE /* CardListInGroupRequest.swift */; };
 		F8C310C0273A7360008EC5BA /* FrontCardCreationDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8C310BF273A7360008EC5BA /* FrontCardCreationDelegate.swift */; };
 		F8C83FAE272F99940009DF0D /* MoyaLoggerPlugin.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8C83FAD272F99940009DF0D /* MoyaLoggerPlugin.swift */; };
@@ -138,7 +137,6 @@
 		3981148F273BEBCE00E28630 /* CardListRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CardListRequest.swift; sourceTree = "<group>"; };
 		398413B6274A7A1E005550BC /* AddGroupBottomSheetViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AddGroupBottomSheetViewController.swift; sourceTree = "<group>"; };
 		399C55DE2711949D00845A54 /* CGPoint+Distance.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "CGPoint+Distance.swift"; sourceTree = "<group>"; };
-		39A8DEA2274E6436005DE7C8 /* UITextField+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UITextField+Extension.swift"; sourceTree = "<group>"; };
 		39C1E88E270EC762006D2089 /* UIColor+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIColor+Extension.swift"; sourceTree = "<group>"; };
 		39D13564273FDB9C00B1A148 /* User.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = User.swift; sourceTree = "<group>"; };
 		39D13567273FDCB800B1A148 /* UserWithTokenRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UserWithTokenRequest.swift; sourceTree = "<group>"; };
@@ -158,7 +156,6 @@
 		77AA68E9273E0EC4009C89B0 /* CardAddInGroupRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CardAddInGroupRequest.swift; sourceTree = "<group>"; };
 		7F4EE1D042EC783FA8528743 /* Pods-NADA-iOS-forRelease.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-NADA-iOS-forRelease.debug.xcconfig"; path = "Target Support Files/Pods-NADA-iOS-forRelease/Pods-NADA-iOS-forRelease.debug.xcconfig"; sourceTree = "<group>"; };
 		F81171FF27383097002742CF /* ChangeGroupRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ChangeGroupRequest.swift; sourceTree = "<group>"; };
-		F81A6832274F49A700B80A4F /* UITextField+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UITextField+Extension.swift"; sourceTree = "<group>"; };
 		F822E7A82709CEB60020452C /* Notification.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Notification.swift; sourceTree = "<group>"; };
 		F82FF81C2701EBCE00E57F8B /* CardCreation.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = CardCreation.storyboard; sourceTree = "<group>"; };
 		F82FF8232702000000E57F8B /* RequiredFlavorCollectionViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RequiredFlavorCollectionViewCell.swift; sourceTree = "<group>"; };
@@ -176,6 +173,7 @@
 		F858079D2700354E00872484 /* BackgroundCollectionViewCell.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = BackgroundCollectionViewCell.xib; sourceTree = "<group>"; };
 		F87122752733046300A24E74 /* Card.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Card.swift; sourceTree = "<group>"; };
 		F871227727330A3800A24E74 /* CardCreationRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CardCreationRequest.swift; sourceTree = "<group>"; };
+		F8719DDA274F92E90081AD51 /* UITextField+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UITextField+Extension.swift"; sourceTree = "<group>"; };
 		F8A9FE192743DC6B00BC60CE /* CardListInGroupRequest.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CardListInGroupRequest.swift; sourceTree = "<group>"; };
 		F8C310BF273A7360008EC5BA /* FrontCardCreationDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FrontCardCreationDelegate.swift; sourceTree = "<group>"; };
 		F8C83FAD272F99940009DF0D /* MoyaLoggerPlugin.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = MoyaLoggerPlugin.swift; sourceTree = "<group>"; };
@@ -705,12 +703,11 @@
 			children = (
 				3909242E26FA15E800236C51 /* UIView+Extension.swift */,
 				39488E342706E17200BDC917 /* UIAlertController+Extension.swift */,
-				39A8DEA2274E6436005DE7C8 /* UITextField+Extension.swift */,
 				39007F2B27080D8200E7143E /* UIViewController+Extension.swift */,
 				39D2E12F270B43DA00AD0889 /* UIFont+Extension.swift */,
 				39C1E88E270EC762006D2089 /* UIColor+Extension.swift */,
 				399C55DE2711949D00845A54 /* CGPoint+Distance.swift */,
-				F81A6832274F49A700B80A4F /* UITextField+Extension.swift */,
+				F8719DDA274F92E90081AD51 /* UITextField+Extension.swift */,
 			);
 			path = Extensions;
 			sourceTree = "<group>";
@@ -881,7 +878,6 @@
 				F8C83FB6272F9E380009DF0D /* UtilService.swift in Sources */,
 				3958F239270FFBBF00B100B2 /* GroupViewController.swift in Sources */,
 				3909242F26FA15E800236C51 /* UIView+Extension.swift in Sources */,
-				39A8DEA3274E6436005DE7C8 /* UITextField+Extension.swift in Sources */,
 				39523E09270184A700536900 /* CardListViewController.swift in Sources */,
 				F85711A5274A6B2200F59F0B /* CardCreationPreviewViewController.swift in Sources */,
 				777FF89B27359B7800BF69D3 /* Groups.swift in Sources */,
@@ -911,6 +907,7 @@
 				F8C83FBB272F9F370009DF0D /* NetworkResult.swift in Sources */,
 				39D2E130270B43DA00AD0889 /* UIFont+Extension.swift in Sources */,
 				39523E5B2701A48900536900 /* CardListTableViewCell.swift in Sources */,
+				F8719DDB274F92E90081AD51 /* UITextField+Extension.swift in Sources */,
 				F8A9FE1A2743DC6B00BC60CE /* CardListInGroupRequest.swift in Sources */,
 				3981148E273BEBB300E28630 /* CardListEditRequest.swift in Sources */,
 				39D88B6B274600B100A72164 /* CommonBottomSheetViewController.swift in Sources */,
diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/Contents.json b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/Contents.json
index 7085ad59..69394fb8 100644
--- a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/Contents.json
+++ b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/Contents.json
@@ -1,23 +1,56 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "iconArrow.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "iconArrow-1.png",
       "idiom" : "universal",
-      "scale" : "2x",
-      "filename" : "iconArrow@2x.png"
+      "scale" : "1x"
     },
     {
+      "filename" : "iconArrow@2x.png",
       "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "iconArrow@2x-1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
       "filename" : "iconArrow@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "iconArrow@3x-1.png",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
-}
\ No newline at end of file
+}
diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b6363df364bf9a5e354818f6f208d488b90082b5
GIT binary patch
literal 231
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL
zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#8c!F;kP61P=Xdiq81S%M5EeG%lHR~1%^<yz
zaj`+uRExI0{6?q70G0Mr{zd6`Uos@$Gw^;LVfOqP+pTvW9@orp&*(bbue>P0sk`;R
zd|lTe^P)?NfgitaNP7GJIn!ExZ{FM^caD0mQCZotC*;C6jgLkO?W<KzOi67F+{)a%
X^F?0gs~#<&I~Y7&{an^LB{Ts5<FZmr

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@2x-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@2x-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..bba0af03075fe40b606f38e80f1ce3f4ba2ac4bb
GIT binary patch
literal 464
zcmV;>0WbcEP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0cA-<K~#7F?bzK-
z!!Q&D;FBN(1*+B?bOhKSY?4h{CV&kXfe|_b6Oau|;`|_fY~nXWX^I@*8zJr|Rh8O@
zo+DTBwE-c75JLPj#<aJksdZU5PsVg>{3TV@+?S?tUtijE83LtX<iooJId($W41w4R
z><jN%=L!T$z+fo610I+2^GgIGUx7p6-TPUF5lC0yH{q2^o-qPh0gmt<Ndd0#Ui1Q-
z;k~E@xWjwV3QQ5+i&9{!@ZRWszz=3qh4)6UKtGJ>{%!gFbB^#H*-o4!Sm5+!31XuQ
zSnF<n{K8?Ce%P(<x)lhGE}#|{cNTWC644%`+L%p>biL<S3VW1ZtJ$nTWKlP=DM~~i
zCAdqF40D_%$i``|5~K$jjuPZ&V(Jnshx&sh-d?YiQb8jJ%e9J{&o_gc-SJ6|Ky3Fy
z!zCQ~%oL6PJMCO8YT9`zI$hOyRkz!!X&?GR8H5l*h(Mp6Y8az}1YBtV0000<MNUMn
GLSTY;zrEK0

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@3x-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/iconArrow.imageset/iconArrow@3x-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..53a17b1e3c61434cd0b994f05a91abd04a6228f0
GIT binary patch
literal 623
zcmV-#0+9WQP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0t87!K~#7F?b_Q-
z!$1&);aNL?xP-(NKq`O|pabZD7N~$w0dxRV0v!Myqyq;WE&_WOj}T8ti47U=8EHO=
zC-&*r+KOkF$QWacF~%5Uj4{T<l7}!Xinp_;VwOJ@FQNXse}0~wkRV4&a2z*#xpU<9
ze*M$C)4^clk_4y-G&jz-sV_f9S(Z&{$r1wBAPyT+njVk<=s*qQd~+*H-#rXAP^&ns
ze19MTkb&C9@kHkm?;i&DlKxYi{^pp3Km|gJ!(aj-#$gbFP~))Zfso^{sDaSquxNoa
z#9>haX^F!+52Ps$>okzIIIOck8so4|0%?uII{8@D8i$DoDvH+&t#O!mAn(Faqji9B
znEWFaXm{Zn=O$Eshz#BTOFU5hc-<{r6vA%OTfNQmd`Mu#169G_G+erm7)d-(w!L-j
z$)7h|4i~ArABsgWPAEBRxcs3$=Q@;{Gq=(0r-s5v-G8hqixg+vp(s+kftiv>aYwES
zBE=utgGa(R_5qHBb8rY63G3(?FcRM71+YkvSMZP`LEaC_`u%a658Sl3c11#<FLAcn
zNxn=*S++i*C4;`B*k&iCE7buBfWPJ1G*T7P2?@}1k$m3cR?oBtTN@)10KbEN%-Km(
z|LKoOh?*VrBhP2`Se8y)lI&EzdZe;<E%9<T#u#IaF~%4Z&ll+PX6<KVR^k8v002ov
JPDHLkV1gEe3ON7(

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift b/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
index 4b6ae5a7..d94312d9 100644
--- a/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
+++ b/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
@@ -10,15 +10,18 @@ import UIKit
 
 extension UIViewController {
     
-    // Common Alert
-    func makeAlert(title: String,
-                   message: String,
-                   cancelAction: ((UIAlertAction) -> Void)? = nil,
-                   deleteAction: ((UIAlertAction) -> Void)?,
-                   completion: (() -> Void)? = nil) {
+    /// 취소+삭제 UIAlertController
+    func makeCancelDeleteAlert(title: String,
+                               message: String,
+                               cancelAction: ((UIAlertAction) -> Void)? = nil,
+                               deleteAction: ((UIAlertAction) -> Void)?,
+                               completion: (() -> Void)? = nil) {
         
-        let alertViewController = UIAlertController(title: title, message: message, preferredStyle: .alert)
+        let alertViewController = UIAlertController(title: title,
+                                                    message: message,
+                                                    preferredStyle: .alert)
         
+        // FIXME: - 민재선배 아래주석 삭제해도 되나요??
         // alertViewController.setTitle(font: UIFont.boldSystemFont(ofSize: 17), color: UIColor.white)
         // alertViewController.setMessage(font: UIFont.systemFont(ofSize: 13), color: UIColor.white)
         // alertViewController.setTint(color: .mainBlue)
@@ -34,4 +37,37 @@ extension UIViewController {
         self.present(alertViewController, animated: true, completion: completion)
     }
     
+    /// 확인+취소 UIAlertController
+    func makeOKCancelAlert(title: String,
+                           message: String,
+                           okAction: ((UIAlertAction) -> Void)?,
+                           cancelAction: ((UIAlertAction) -> Void)? = nil,
+                           completion: (() -> Void)? = nil) {
+        let alertViewController = UIAlertController(title: title,
+                                                    message: message,
+                                                    preferredStyle: .alert)
+        
+        let okAction = UIAlertAction(title: "확인", style: .default, handler: okAction)
+        alertViewController.addAction(okAction)
+        
+        let cancelAction = UIAlertAction(title: "취소", style: .cancel, handler: cancelAction)
+        alertViewController.addAction(cancelAction)
+        
+        self.present(alertViewController, animated: true, completion: completion)
+    }
+    
+    /// 확인 UIAlertController
+    func makeOKAlert(title: String,
+                     message: String,
+                     okAction: ((UIAlertAction) -> Void)? = nil,
+                     completion: (() -> Void)? = nil) {
+        let alertViewController = UIAlertController(title: title,
+                                                    message: message,
+                                                    preferredStyle: .alert)
+        
+        let okAction = UIAlertAction(title: "확인", style: .default, handler: okAction)
+        alertViewController.addAction(okAction)
+        
+        self.present(alertViewController, animated: true, completion: completion)
+    }
 }
diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
index 786a6e32..75b9e826 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="19455" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
-    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <device id="retina5_9" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="19454"/>
@@ -15,11 +15,11 @@
             <objects>
                 <viewController storyboardIdentifier="CardCreationViewController" id="Y6W-OH-hqX" customClass="CardCreationViewController" customModule="NADA_iOS_forRelease" customModuleProvider="target" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="5EZ-qb-Rvc">
-                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="812"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="tbX-yg-azh">
-                                <rect key="frame" x="186.5" y="61" width="41.5" height="20.5"/>
+                                <rect key="frame" x="166.66666666666666" y="60.999999999999993" width="41.666666666666657" height="20.666666666666664"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
@@ -44,7 +44,7 @@
                                 </constraints>
                             </view>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="RJP-GW-J4W">
-                                <rect key="frame" x="28" y="788" width="358" height="54"/>
+                                <rect key="frame" x="28" y="724" width="319" height="54"/>
                                 <constraints>
                                     <constraint firstAttribute="height" constant="54" id="5Vp-dw-6P6"/>
                                 </constraints>
@@ -66,10 +66,10 @@
                                 </connections>
                             </button>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Wd4-Tx-rSs">
-                                <rect key="frame" x="0.0" y="168" width="414" height="592"/>
+                                <rect key="frame" x="0.0" y="162" width="375" height="550"/>
                                 <subviews>
                                     <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="PLB-cM-M8s">
-                                        <rect key="frame" x="0.0" y="0.0" width="414" height="592"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="375" height="550"/>
                                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                         <collectionViewFlowLayout key="collectionViewLayout" automaticEstimatedItemSize="YES" minimumLineSpacing="10" minimumInteritemSpacing="10" id="RWl-ol-Bps">
                                             <size key="itemSize" width="128" height="128"/>
@@ -110,9 +110,9 @@
                             <constraint firstItem="yP6-6Y-BPF" firstAttribute="leading" secondItem="q7k-m0-xi2" secondAttribute="trailing" constant="30" id="GED-As-RPG"/>
                             <constraint firstItem="q7k-m0-xi2" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="25" id="OMc-0v-gBM"/>
                             <constraint firstItem="nZD-YQ-z5l" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="25" id="SXi-JC-xa6"/>
-                            <constraint firstItem="vDu-zF-Fre" firstAttribute="bottom" secondItem="RJP-GW-J4W" secondAttribute="bottom" constant="20" id="XXg-4Z-w3c"/>
-                            <constraint firstItem="RJP-GW-J4W" firstAttribute="top" secondItem="PLB-cM-M8s" secondAttribute="bottom" constant="28" id="c0j-jn-N86"/>
-                            <constraint firstItem="Wd4-Tx-rSs" firstAttribute="top" secondItem="gBB-hQ-SyS" secondAttribute="bottom" constant="18" id="h9M-yS-qit"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="bottom" secondItem="RJP-GW-J4W" secondAttribute="bottom" id="XXg-4Z-w3c"/>
+                            <constraint firstItem="RJP-GW-J4W" firstAttribute="top" secondItem="PLB-cM-M8s" secondAttribute="bottom" constant="12" id="c0j-jn-N86"/>
+                            <constraint firstItem="Wd4-Tx-rSs" firstAttribute="top" secondItem="gBB-hQ-SyS" secondAttribute="bottom" constant="12" id="h9M-yS-qit"/>
                             <constraint firstItem="nZD-YQ-z5l" firstAttribute="top" secondItem="vDu-zF-Fre" secondAttribute="top" constant="15" id="jgP-Of-eC0"/>
                             <constraint firstItem="yP6-6Y-BPF" firstAttribute="centerY" secondItem="q7k-m0-xi2" secondAttribute="centerY" id="nzF-Df-pZK"/>
                             <constraint firstItem="gBB-hQ-SyS" firstAttribute="trailing" secondItem="q7k-m0-xi2" secondAttribute="trailing" constant="5" id="oCK-mc-g4U"/>
diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
index 04a7df80..519a328e 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
@@ -69,7 +69,7 @@
                                 <nil key="highlightedColor"/>
                             </label>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="gc2-31-hRU">
-                                <rect key="frame" x="24" y="704" width="327" height="54"/>
+                                <rect key="frame" x="24" y="724" width="327" height="54"/>
                                 <constraints>
                                     <constraint firstAttribute="height" constant="54" id="smH-Df-7w1"/>
                                 </constraints>
@@ -84,7 +84,7 @@
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                         <constraints>
                             <constraint firstItem="gc2-31-hRU" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="24" id="F5V-8J-dgG"/>
-                            <constraint firstItem="vDu-zF-Fre" firstAttribute="bottom" secondItem="gc2-31-hRU" secondAttribute="bottom" constant="20" id="LL1-yz-cMQ"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="bottom" secondItem="gc2-31-hRU" secondAttribute="bottom" id="LL1-yz-cMQ"/>
                             <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="uDr-em-N5O" secondAttribute="trailing" id="QIx-O8-j8T"/>
                             <constraint firstItem="gc2-31-hRU" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="aKP-gg-liM"/>
                             <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="gc2-31-hRU" secondAttribute="trailing" constant="24" id="f6v-GI-x11"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
index 12e126a0..f9e779e7 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
@@ -38,22 +38,20 @@ class FrontCardCell: CardCell {
 
 extension FrontCardCell {
     private func setUI() {
-        // hidden 에 대한 속성도 여기 쓰자.
-
         titleLabel.font = .title02
-        titleLabel.textColor = .primary
+        titleLabel.textColor = .white
         descriptionLabel.font = .textRegular03
-        descriptionLabel.textColor = .primary
+        descriptionLabel.textColor = .white
         userNameLabel.font = .title01
-        userNameLabel.textColor = .primary
+        userNameLabel.textColor = .white
         birthLabel.font = .textRegular02
-        birthLabel.textColor = .primary
+        birthLabel.textColor = .white
         mbtiLabel.font = .textRegular02
-        mbtiLabel.textColor = .primary
+        mbtiLabel.textColor = .white
         instagramIDLabel.font = .textRegular02
-        instagramIDLabel.textColor = .primary
+        instagramIDLabel.textColor = .white
         linkURLLabel.font = .textRegular02
-        linkURLLabel.textColor = .primary
+        linkURLLabel.textColor = .white
     }
     
     func initCell(_ backgroundImage: String,
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
index f6811398..4ae92229 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
@@ -46,16 +46,17 @@ class BackCardCreationCollectionViewCell: UICollectionViewCell {
 }
 
 // MARK: - Extensions
+
 extension BackCardCreationCollectionViewCell {
     private func setUI() {
         initUITextFieldList()
         initCollectionViewList()
         
         scrollView.indicatorStyle = .default
-        scrollView.backgroundColor = .primary
-        bgView.backgroundColor = .primary
+        scrollView.backgroundColor = .background
+        bgView.backgroundColor = .background
         
-         _ = requiredCollectionViewList.map { $0.backgroundColor = .primary }
+        _ = requiredCollectionViewList.map { $0.backgroundColor = .background }
         
         let requiredAttributeString = NSMutableAttributedString(string: "*나의 취향을 골라보세요.")
         requiredAttributeString.addAttribute(.foregroundColor, value: UIColor.mainColorNadaMain, range: NSRange(location: 0, length: 1))
@@ -63,13 +64,16 @@ extension BackCardCreationCollectionViewCell {
         requiredInfoTextLabel.attributedText = requiredAttributeString
         requiredInfoTextLabel.font = .textBold01
         
-        optionalInfoTextLabel.text = "나의 재밌는 TMI를 알려주세요. (20자)"
-        optionalInfoTextLabel.font = .textBold01
-        optionalInfoTextLabel.textColor = .secondary
+        let optionalAttributeString = NSMutableAttributedString(string: "나의 재밌는 TMI를 알려주세요. (20자)")
+        optionalAttributeString.addAttribute(.foregroundColor, value: UIColor.secondary, range: NSRange(location: 0, length: 18))
+        optionalAttributeString.addAttribute(.font, value: UIFont.textBold01, range: NSRange(location: 0, length: 18))
+        optionalAttributeString.addAttribute(.foregroundColor, value: UIColor.quaternary, range: NSRange(location: 19, length: 5))
+        optionalAttributeString.addAttribute(.font, value: UIFont.textRegular03, range: NSRange(location: 19, length: 5))
+        optionalInfoTextLabel.attributedText = optionalAttributeString
         
-         firstTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 1", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
-         secondTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 2", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
-         thirdTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 3", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+        firstTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 1", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+        secondTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 2", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+        thirdTMITextField.attributedPlaceholder = NSAttributedString(string: "TMI 3", attributes: [NSAttributedString.Key.foregroundColor: UIColor.quaternary])
         
         _ = textFieldList.map {
             $0.font = .textRegular04
@@ -164,14 +168,14 @@ extension BackCardCreationCollectionViewCell: UICollectionViewDelegateFlowLayout
         return 0
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
-        return 13
+        return 7
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
         return .zero
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
-        let cellWidth = (collectionView.frame.width - 13) / 2
-        let cellHeight = (collectionView.frame.height)
+        let cellWidth = (collectionView.frame.width - 7) / 2
+        let cellHeight = collectionView.frame.height
         
         return CGSize(width: cellWidth, height: cellHeight)
     }
@@ -182,7 +186,7 @@ extension BackCardCreationCollectionViewCell: UITextFieldDelegate {
     func textFieldDidBeginEditing(_ textField: UITextField) {
         textField.becomeFirstResponder()
         textField.borderWidth = 1
-        // textField.borderColor = .white1
+        textField.borderColor = .tertiary
     }
     func textFieldDidEndEditing(_ textField: UITextField) {
         textField.borderWidth = 0
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
index d118ec31..f78c2ca7 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
@@ -9,14 +9,21 @@ import UIKit
 
 class BackgroundCollectionViewCell: UICollectionViewCell {
     
+    // MARK: - Properties
+    
+    private let bgViewCornerRadius: CGFloat = 30
+    private let imageviewCornerRadius: CGFloat = 28
+    
     // MARK: - @IBOutlet Properties
+    
     @IBOutlet weak var bgView: UIView!
     @IBOutlet weak var imageView: UIImageView!
     
-    // MARK: - Cell Life Cycle
+    // MARK: - View Life Cycle
     
     override func awakeFromNib() {
         super.awakeFromNib()
+        
         setUI()
     }
 }
@@ -25,25 +32,27 @@ class BackgroundCollectionViewCell: UICollectionViewCell {
 
 extension BackgroundCollectionViewCell {
     private func setUI() {
-        bgView.backgroundColor = .white
-//        bgView.isHidden = true
+        bgView.backgroundColor = .tertiary
+        bgView.isHidden = true
         bgView.layer.cornerRadius = bgView.frame.height / 2
-        bgView.layer.cornerRadius = 30
-//        imageView.layer.cornerRadius = imageView.frame.height / 2
-        imageView.layer.cornerRadius = 28
+        bgView.layer.cornerRadius = bgViewCornerRadius
+        imageView.layer.cornerRadius = imageviewCornerRadius
     }
     func initCell(image: String) {
         if let image = UIImage(named: image) {
             imageView.image = image
         }
     }
-    func cellSelected() {
-        bgView.isHidden = false
-    }
-    func cellUnselected() {
-        bgView.isHidden = true
+    override var isSelected: Bool {
+        didSet {
+            if isSelected {
+                bgView.isHidden = false
+            } else {
+                bgView.isHidden = true
+            }
+        }
     }
     static func nib() -> UINib {
-        return UINib(nibName: "BackgroundCollectionViewCell", bundle: nil)
+        return UINib(nibName: Const.Xib.backgroundCollectionViewCell, bundle: nil)
     }
 }
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
index 505504c5..da3588de 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
@@ -25,7 +25,7 @@
                     </view>
                     <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="hnM-Yz-8h1">
                         <rect key="frame" x="2" y="2" width="282" height="129"/>
-                        <color key="backgroundColor" name="AccentColor"/>
+                        <color key="backgroundColor" name="textBox"/>
                     </imageView>
                 </subviews>
             </view>
@@ -45,12 +45,12 @@
                 <outlet property="bgView" destination="5HA-yB-R7S" id="XwF-Gw-MoT"/>
                 <outlet property="imageView" destination="hnM-Yz-8h1" id="aTy-l5-hSx"/>
             </connections>
-            <point key="canvasLocation" x="213.04347826086959" y="130.24553571428572"/>
+            <point key="canvasLocation" x="-74" y="41"/>
         </collectionViewCell>
     </objects>
     <resources>
-        <namedColor name="AccentColor">
-            <color red="0.0" green="0.46000000000000002" blue="0.89000000000000001" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        <namedColor name="textBox">
+            <color red="0.94509803921568625" green="0.95294117647058818" blue="0.96078431372549022" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
         <systemColor name="systemBackgroundColor">
             <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
index 60293b8a..b5d6a100 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
@@ -8,10 +8,10 @@
 import UIKit
 
 class FrontCardCreationCollectionViewCell: UICollectionViewCell {
-
+    
     // MARK: - Properties
     
-    private let backgroundList = ["img", "img", "img", "img", "img", "img"]
+    private let backgroundList = ["img", "img", "img", "img", "img"]
     private var requiredTextFieldList = [UITextField]()
     private var optionalTextFieldList = [UITextField]()
     public weak var frontCardCreationDelegate: FrontCardCreationDelegate?
@@ -48,14 +48,15 @@ class FrontCardCreationCollectionViewCell: UICollectionViewCell {
 }
 
 // MARK: - Extensions
+
 extension FrontCardCreationCollectionViewCell {
     private func setUI() {
         initUITextFieldList()
         backgroundSettingCollectionView.showsHorizontalScrollIndicator = false
         scrollView.indicatorStyle = .default
-         scrollView.backgroundColor = .primary
-         bgView.backgroundColor = .primary
-         backgroundSettingCollectionView.backgroundColor = .primary
+        scrollView.backgroundColor = .background
+        bgView.backgroundColor = .background
+        backgroundSettingCollectionView.backgroundColor = .background
         
         let collectionViewLayout = backgroundSettingCollectionView.collectionViewLayout as? UICollectionViewFlowLayout
         collectionViewLayout?.scrollDirection = .horizontal
@@ -64,7 +65,7 @@ extension FrontCardCreationCollectionViewCell {
         backgroundAttributeString.addAttribute(.foregroundColor, value: UIColor.mainColorNadaMain, range: NSRange(location: 0, length: 1))
         backgroundAttributeString.addAttribute(.foregroundColor, value: UIColor.secondary, range: NSRange(location: 1, length: backgroundAttributeString.length - 1))
         setBackgroundTextLabel.attributedText = backgroundAttributeString
-         setBackgroundTextLabel.font = .textBold01
+        setBackgroundTextLabel.font = .textBold01
         
         let cardTitleAttributeString = NSMutableAttributedString(string: "*명함에 이름을 붙여 주세요.")
         cardTitleAttributeString.addAttribute(.foregroundColor, value: UIColor.mainColorNadaMain, range: NSRange(location: 0, length: 1))
@@ -85,13 +86,13 @@ extension FrontCardCreationCollectionViewCell {
         cardTitleTextField.attributedPlaceholder = NSAttributedString(string: "명함 이름 (15자)", attributes: [
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
-         userNameTextField.attributedPlaceholder = NSAttributedString(string: "본인 이름 (15자)", attributes: [
+        userNameTextField.attributedPlaceholder = NSAttributedString(string: "본인 이름 (15자)", attributes: [
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
-         birthTextField.attributedPlaceholder = NSAttributedString(string: "생년월일", attributes: [
+        birthTextField.attributedPlaceholder = NSAttributedString(string: "생년월일", attributes: [
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
-         mbtiTextField.attributedPlaceholder = NSAttributedString(string: "MBTI", attributes: [
+        mbtiTextField.attributedPlaceholder = NSAttributedString(string: "MBTI", attributes: [
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
         
@@ -186,11 +187,14 @@ extension FrontCardCreationCollectionViewCell: UICollectionViewDelegateFlowLayou
 extension FrontCardCreationCollectionViewCell: UITextFieldDelegate {
     func textFieldDidBeginEditing(_ textField: UITextField) {
         textField.borderWidth = 1
-        textField.becomeFirstResponder()
         textField.borderColor = .tertiary
+        textField.becomeFirstResponder()
     }
     func textFieldDidEndEditing(_ textField: UITextField) {
-        if cardTitleTextField.hasText && userNameTextField.hasText && birthTextField.hasText && mbtiTextField.hasText {
+        if cardTitleTextField.hasText &&
+            userNameTextField.hasText &&
+            birthTextField.hasText &&
+            mbtiTextField.hasText {
             frontCardCreationDelegate?.frontCardCreation(requiredInfo: true)
             frontCardCreationDelegate?.frontCardCreation(withRequired: [
                 "defaultImage": String(0),
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
index cb3d5d46..b0099cc2 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
@@ -22,16 +22,16 @@
                         <rect key="frame" x="0.0" y="0.0" width="353" height="678"/>
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="rtM-7c-eeD">
-                                <rect key="frame" x="0.0" y="0.0" width="353" height="651"/>
+                                <rect key="frame" x="0.0" y="0.0" width="353" height="660"/>
                                 <subviews>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Ij6-4i-oGx">
-                                        <rect key="frame" x="24" y="14" width="42" height="21"/>
+                                        <rect key="frame" x="24" y="23" width="42" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="none" translatesAutoresizingMaskIntoConstraints="NO" id="Ki8-qn-Bo1">
-                                        <rect key="frame" x="0.0" y="46" width="353" height="60"/>
+                                        <rect key="frame" x="0.0" y="55" width="353" height="60"/>
                                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="60" id="bbj-v2-jbC"/>
@@ -44,13 +44,13 @@
                                         </collectionViewFlowLayout>
                                     </collectionView>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="hYQ-8Z-Bod">
-                                        <rect key="frame" x="24" y="136" width="42" height="21"/>
+                                        <rect key="frame" x="24" y="145" width="42" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="d1H-pL-FAS">
-                                        <rect key="frame" x="24" y="167" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="176" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="XCl-oa-Ume"/>
                                         </constraints>
@@ -58,13 +58,13 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="l0G-Oe-aZm">
-                                        <rect key="frame" x="24" y="241" width="42" height="21"/>
+                                        <rect key="frame" x="24" y="250" width="42" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="VfE-eb-mbT">
-                                        <rect key="frame" x="24" y="272" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="281" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="lPG-YG-Vgz"/>
                                         </constraints>
@@ -72,7 +72,7 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="2Ss-SD-KCR">
-                                        <rect key="frame" x="24" y="326" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="335" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="dPR-VB-I9a"/>
                                         </constraints>
@@ -80,7 +80,7 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="EdP-zA-fyD">
-                                        <rect key="frame" x="24" y="380" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="389" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="eeN-Lu-dTl"/>
                                         </constraints>
@@ -88,13 +88,13 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="FC8-TR-MGL">
-                                        <rect key="frame" x="24" y="454" width="42" height="21"/>
+                                        <rect key="frame" x="24" y="463" width="42" height="21"/>
                                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                         <nil key="textColor"/>
                                         <nil key="highlightedColor"/>
                                     </label>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="ldM-3t-32q">
-                                        <rect key="frame" x="24" y="485" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="494" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="NZ2-oO-eAN"/>
                                         </constraints>
@@ -102,7 +102,7 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="ZK4-3D-SM0">
-                                        <rect key="frame" x="24" y="539" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="548" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="9Qk-TJ-SeY"/>
                                         </constraints>
@@ -110,7 +110,7 @@
                                         <textInputTraits key="textInputTraits"/>
                                     </textField>
                                     <textField opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="mxK-gN-Nz2">
-                                        <rect key="frame" x="24" y="593" width="305" height="44"/>
+                                        <rect key="frame" x="24" y="602" width="305" height="44"/>
                                         <constraints>
                                             <constraint firstAttribute="height" constant="44" id="ZYk-8x-j9e"/>
                                         </constraints>
@@ -127,7 +127,7 @@
                                     <constraint firstItem="ldM-3t-32q" firstAttribute="trailing" secondItem="EdP-zA-fyD" secondAttribute="trailing" id="6xN-KS-gal"/>
                                     <constraint firstItem="ZK4-3D-SM0" firstAttribute="top" secondItem="ldM-3t-32q" secondAttribute="bottom" constant="10" id="9pH-EC-W5x"/>
                                     <constraint firstAttribute="trailing" secondItem="d1H-pL-FAS" secondAttribute="trailing" constant="24" id="BFd-eV-ue0"/>
-                                    <constraint firstItem="Ij6-4i-oGx" firstAttribute="top" secondItem="rtM-7c-eeD" secondAttribute="top" constant="14" id="Iog-P0-VBi"/>
+                                    <constraint firstItem="Ij6-4i-oGx" firstAttribute="top" secondItem="rtM-7c-eeD" secondAttribute="top" constant="23" id="Iog-P0-VBi"/>
                                     <constraint firstItem="l0G-Oe-aZm" firstAttribute="leading" secondItem="hYQ-8Z-Bod" secondAttribute="leading" id="KAR-CA-812"/>
                                     <constraint firstItem="VfE-eb-mbT" firstAttribute="trailing" secondItem="d1H-pL-FAS" secondAttribute="trailing" id="KUY-9m-Aqe"/>
                                     <constraint firstItem="ldM-3t-32q" firstAttribute="top" secondItem="FC8-TR-MGL" secondAttribute="bottom" constant="10" id="Kbg-vM-z16"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/RequiredFlavor/RequiredFlavorCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/RequiredFlavor/RequiredFlavorCollectionViewCell.swift
index 38c7be8a..b8182c89 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/RequiredFlavor/RequiredFlavorCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/RequiredFlavor/RequiredFlavorCollectionViewCell.swift
@@ -23,13 +23,15 @@ class RequiredFlavorCollectionViewCell: UICollectionViewCell {
     }
 }
 
+// MARK: - Extensions
+
 extension RequiredFlavorCollectionViewCell {
     private func setUI() {
         bgView.backgroundColor = .textBox
         bgView.cornerRadius = 10
         
         flavorLabel.font = .button02
-        flavorLabel.textColor = .tertiary
+        flavorLabel.textColor = .quaternary
         flavorLabel.textAlignment = .center
     }
     func initCell(flavor: String) {
@@ -42,10 +44,10 @@ extension RequiredFlavorCollectionViewCell {
         didSet {
             if isSelected {
                  bgView.backgroundColor = .secondary
-                 flavorLabel.textColor = .primary
+                 flavorLabel.textColor = .background
             } else {
                  bgView.backgroundColor = .textBox
-                 flavorLabel.textColor = .tertiary
+                 flavorLabel.textColor = .quaternary
             }
         }
     }
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
index ecfcf590..93b500e9 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
@@ -34,14 +34,13 @@ class CardCreationViewController: UIViewController {
     
     private var frontCardIsEmpty = true
     private var backCardIsEmpty = true
-    private var restoreFrameYValue = 0.0
     private var currentIndex = 0
-    private var cardData: Card?
-    private var cardCreationRequest: CardCreationRequest?
     private var frontCard: FrontCardDataModel?
     private var backCard: BackCardDataModel?
+    private var isEditingMode = false
     
     // MARK: - @IBOutlet Properties
+    
     @IBOutlet weak var creationTextLabel: UILabel!
     @IBOutlet weak var frontTextLabel: UILabel!
     @IBOutlet weak var backTextLabel: UILabel!
@@ -76,7 +75,13 @@ class CardCreationViewController: UIViewController {
     // MARK: - @IBAction Properties
 
     @IBAction func dismissToPreviousView(_ sender: Any) {
-        self.dismiss(animated: true, completion: nil)
+        if isEditingMode {
+            makeOKCancelAlert(title: "입력 취소", message: "입력한 내용이 모두 삭제됩니다. 돌아가시겠습니까?", okAction: { _ in
+                self.dismiss(animated: true, completion: nil)
+            })
+        } else {
+            self.dismiss(animated: true, completion: nil)
+        }
     }
     @IBAction func pushToCardCompletionView(_ sender: Any) {
         guard let nextVC = UIStoryboard.init(name: Const.Storyboard.Name.cardCreationPreview, bundle: nil).instantiateViewController(withIdentifier: Const.ViewController.Identifier.cardCreationPreviewViewController) as? CardCreationPreviewViewController else { return }
@@ -92,9 +97,9 @@ extension CardCreationViewController {
     private func setUI() {
         navigationController?.navigationBar.isHidden = true
         
-        view.backgroundColor = .primary
+        view.backgroundColor = .background
         statusMovedView.backgroundColor = .secondary
-        cardCreationCollectionView.backgroundColor = .primary
+        cardCreationCollectionView.backgroundColor = .background
         cardCreationCollectionView.isPagingEnabled = true
         
         creationTextLabel.text = "명함 생성"
@@ -112,8 +117,8 @@ extension CardCreationViewController {
         closeButton.setImage(UIImage(named: "iconClear"), for: .normal)
         closeButton.setTitle("", for: .normal)
         
-        completeButton.titleLabel?.font = .title02
-        completeButton.layer.cornerRadius = 10
+        completeButton.titleLabel?.font = .button01
+        completeButton.layer.cornerRadius = 15
         completeButton.isEnabled = false
         
         // MARK: - #available(iOS 15.0, *)
@@ -165,6 +170,9 @@ extension CardCreationViewController {
         backTextLabel.addGestureRecognizer(tapBackTextLabelGesture)
         backTextLabel.isUserInteractionEnabled = true
     }
+    private func checkEditingMode() {
+        
+    }
     
     // MARK: - @objc Methods
     
@@ -198,60 +206,61 @@ extension CardCreationViewController {
 
 // MARK: - Network
 extension CardCreationViewController {
-    func cardDetailFetchWithAPI(cardID: String) {
-        CardAPI.shared.cardDetailFetch(cardID: cardID) { response in
-            switch response {
-            case .success(let data):
-                if let card = data as? Card {
-                    self.cardData = card
-                }
-            case .requestErr(let message):
-                print("cardDetailFetchWithAPI - requestErr: \(message)")
-            case .pathErr:
-                print("cardDetailFetchWithAPI - pathErr")
-            case .serverErr:
-                print("cardDetailFetchWithAPI - serverErr")
-            case .networkFail:
-                print("cardDetailFetchWithAPI - networkFail")
-            }
-        }
-    }
+    // TODO: - card 서버통신. 위치변경.
+//    func cardDetailFetchWithAPI(cardID: String) {
+//        CardAPI.shared.cardDetailFetch(cardID: cardID) { response in
+//            switch response {
+//            case .success(let data):
+//                if let card = data as? Card {
+//                    self.cardData = card
+//                }
+//            case .requestErr(let message):
+//                print("cardDetailFetchWithAPI - requestErr: \(message)")
+//            case .pathErr:
+//                print("cardDetailFetchWithAPI - pathErr")
+//            case .serverErr:
+//                print("cardDetailFetchWithAPI - serverErr")
+//            case .networkFail:
+//                print("cardDetailFetchWithAPI - networkFail")
+//            }
+//        }
+//    }
 
     // TODO: - group 서버통신. 위치변경.
-    func changeGroupWithAPI(request: ChangeGroupRequest) {
-        GroupAPI.shared.changeCardGroup(request: request) { response in
-            switch response {
-            case .success:
-                print("changeGroupWithAPI - success")
-            case .requestErr(let message):
-                print("changeGroupWithAPI - requestErr: \(message)")
-            case .pathErr:
-                print("changeGroupWithAPI - pathErr")
-            case .serverErr:
-                print("changeGroupWithAPI - serverErr")
-            case .networkFail:
-                print("changeGroupWithAPI - networkFail")
-            }
-        }
-    }
+//    func changeGroupWithAPI(request: ChangeGroupRequest) {
+//        GroupAPI.shared.changeCardGroup(request: request) { response in
+//            switch response {
+//            case .success:
+//                print("changeGroupWithAPI - success")
+//            case .requestErr(let message):
+//                print("changeGroupWithAPI - requestErr: \(message)")
+//            case .pathErr:
+//                print("changeGroupWithAPI - pathErr")
+//            case .serverErr:
+//                print("changeGroupWithAPI - serverErr")
+//            case .networkFail:
+//                print("changeGroupWithAPI - networkFail")
+//            }
+//        }
+//    }
     // TODO: - group 서버통신. 위치변경.
-    func cardDeleteInGroupWithAPI(groupID: Int, cardID: String) {
-        GroupAPI.shared.cardDeleteInGroup(groupID: groupID, cardID: cardID) { response in
-            switch response {
-            case .success:
-                print("cardDeleteInGroupWithAPI - success")
-            case .requestErr(let message):
-                print("cardDeleteInGroupWithAPI - requestErr: \(message)")
-            case .pathErr:
-                print("cardDeleteInGroupWithAPI - pathErr")
-            case .serverErr:
-                print("cardDeleteInGroupWithAPI - serverErr")
-            case .networkFail:
-                print("cardDeleteInGroupWithAPI - networkFail")
-            }
-            
-        }
-    }
+//    func cardDeleteInGroupWithAPI(groupID: Int, cardID: String) {
+//        GroupAPI.shared.cardDeleteInGroup(groupID: groupID, cardID: cardID) { response in
+//            switch response {
+//            case .success:
+//                print("cardDeleteInGroupWithAPI - success")
+//            case .requestErr(let message):
+//                print("cardDeleteInGroupWithAPI - requestErr: \(message)")
+//            case .pathErr:
+//                print("cardDeleteInGroupWithAPI - pathErr")
+//            case .serverErr:
+//                print("cardDeleteInGroupWithAPI - serverErr")
+//            case .networkFail:
+//                print("cardDeleteInGroupWithAPI - networkFail")
+//            }
+//
+//        }
+//    }
 }
 
 // MARK: - UICollectionViewDelegate
@@ -289,12 +298,14 @@ extension CardCreationViewController: UICollectionViewDataSource {
                     return UICollectionViewCell()
                 }
                 frontCreationCell.frontCardCreationDelegate = self
+                
                 return frontCreationCell
             } else if indexPath.item == 1 {
                 guard let backCreationCell = collectionView.dequeueReusableCell(withReuseIdentifier: Const.Xib.backCardCreationCollectionViewCell, for: indexPath) as? BackCardCreationCollectionViewCell else {
                     return UICollectionViewCell()
                 }
                 backCreationCell.backCardCreationDelegate = self
+                
                 return backCreationCell
             }
         }
@@ -307,6 +318,7 @@ extension CardCreationViewController: UICollectionViewDelegateFlowLayout {
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
         let height = collectionView.frame.height
         let width = collectionView.frame.width
+        
         return CGSize(width: width, height: height)
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardList/CardListViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardList/CardListViewController.swift
index 49e10653..4fb20594 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardList/CardListViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardList/CardListViewController.swift
@@ -110,12 +110,12 @@ extension CardListViewController: UITableViewDelegate {
     // Swipe Action
     func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
         let deleteAction = UIContextualAction(style: .normal, title: "삭제", handler: { (_ action, _ view, _ success) in
-            self.makeAlert(title: "명함 삭제", message: "명함을 정말 삭제하시겠습니까?", cancelAction: { _ in
+            self.makeCancelDeleteAlert(title: "명함 삭제", message: "명함을 정말 삭제하시겠습니까?", cancelAction: { _ in
                 // 취소 눌렀을 때 액션이 들어갈 부분
             }, deleteAction: { _ in
                 // FIXME: - 카드 삭제 서버 테스트
                 // self.deleteCardWithAPI(cardID: "cardA")
-            }, completion: nil)
+            })
         })
         deleteAction.backgroundColor = .red
         
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/GroupEdit/GroupEditViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/GroupEdit/GroupEditViewController.swift
index 51e8d0de..9797c349 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/GroupEdit/GroupEditViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/GroupEdit/GroupEditViewController.swift
@@ -46,11 +46,11 @@ extension GroupEditViewController: UITableViewDelegate {
     // Swipe Action
     func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
         let deleteAction = UIContextualAction(style: .normal, title: "삭제", handler: { (_ action, _ view, _ success) in
-            self.makeAlert(title: "그룹 삭제", message: "해당 그룹에 있던 명함은\n미분류 그룹으로 이동합니다.", cancelAction: { _ in
+            self.makeCancelDeleteAlert(title: "그룹 삭제", message: "해당 그룹에 있던 명함은\n미분류 그룹으로 이동합니다.", cancelAction: { _ in
                 // 취소 눌렀을 때 액션이 들어갈 부분
             }, deleteAction: { _ in
                 // 
-            }, completion: nil)
+            })
         })
         deleteAction.backgroundColor = .red
         

From 023b9f0a54fa063208f6df004f51f748ac7f7785 Mon Sep 17 00:00:00 2001
From: hyungyu Kim <ypsophila97@icloud.com>
Date: Sat, 27 Nov 2021 17:02:08 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[ADD]=20#78=20-=20=EB=AA=85=ED=95=A8?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1=20=EB=B7=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Descriptions
- buttonBackground 다크모드 에셋 추가
- 버튼 iOS 13, 15(configuration) 대응해서 생성
- dismiss 시 alert 창 적용할 수 있도록

### fixme
- @IBDesignable 에러 수정해야함
---
 .../Contents.json                             |  56 ++++++++++++++++++
 .../disableButtonBackground-1.png             | Bin 0 -> 327 bytes
 .../disableButtonBackground.png               | Bin 0 -> 325 bytes
 .../disableButtonBackground@2x-1.png          | Bin 0 -> 533 bytes
 .../disableButtonBackground@2x.png            | Bin 0 -> 533 bytes
 .../disableButtonBackground@3x-1.png          | Bin 0 -> 730 bytes
 .../disableButtonBackground@3x.png            | Bin 0 -> 759 bytes
 .../Contents.json                             |  23 +++++++
 .../enableButtonBackground.png                | Bin 0 -> 325 bytes
 .../enableButtonBackground@2x.png             | Bin 0 -> 516 bytes
 .../enableButtonBackground@3x.png             | Bin 0 -> 733 bytes
 .../CardCreation/CardCreation.storyboard      |  17 ++++--
 .../CardCreationPreview.storyboard            |   5 +-
 .../Sources/Cells/CardCell/BackCardCell.swift |   2 +-
 .../Cells/CardCell/FrontCardCell.swift        |   2 +-
 .../BackCardCreationCollectionViewCell.swift  |   2 +
 .../FrontCardCreationCollectionViewCell.swift |   1 +
 .../Protocols/BackCardCreationDelegate.swift  |   1 +
 .../Protocols/FrontCardCreationDelegate.swift |   1 +
 .../CardCreationPreviewViewController.swift   |  40 ++++++++++---
 .../CardCreationViewController.swift          |  42 +++++++------
 21 files changed, 159 insertions(+), 33 deletions(-)
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/Contents.json
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground-1.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x-1.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x-1.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/Contents.json
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@2x.png
 create mode 100644 NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@3x.png

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/Contents.json b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/Contents.json
new file mode 100644
index 00000000..5141eaa9
--- /dev/null
+++ b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/Contents.json
@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "disableButtonBackground.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "disableButtonBackground-1.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "disableButtonBackground@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "disableButtonBackground@2x-1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "disableButtonBackground@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "disableButtonBackground@3x-1.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed6c2f0ccadb5fad19fe992ae79a1b9f8a854aa2
GIT binary patch
literal 327
zcmeAS@N?(olHy`uVBq!ia0y~yU~~tv%~+U$<gz@s4j{#n?&#~tz_78O`%fY(kk42g
z<nF|<?wrg^AV)O7C&bmgz(-rxP)o;9Th~BK$3R2J0LcAaaa{|jfUP9RFPP!s<f;JC
zsOO)1fg<}nT^vI)?!CQb$alzr$K@j96uAjEtU_M}ILJ;|&?db>;pabh1*Ma+`;MOB
zoVO-ceA`mPv!&ukuKZn~de(5o%H^ylP5Vymoc3DbxviqLiBVLY;`5+;4^O-}zCQNF
ziRLW}r5`J={cz&f1N)O5jrSUssfGMFk;|uYUqWBG*W{813i0Xw#MXWvBkor}PM94R
z_}XcHO{Mv-h_=w&pZ-QCZ|NOnGC8glDPHvdrSV*Ij~mVtZ})#^{bxFhPw1oJX`oLS
NJYD@<);T3K0RSa9fi(aC

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground.png
new file mode 100644
index 0000000000000000000000000000000000000000..3dc16d136e963d40b84ebadc10fc52f1093cdfc9
GIT binary patch
literal 325
zcmeAS@N?(olHy`uVBq!ia0y~yU~~tv%~+U$<gz@s4j{#n?&#~tz_78O`%fY(kk42g
z<nF|<?wrg^AV)O7C&bmgz~|%VuR!$S^OyJUKY#oJVjtZ3O9`lett7}Vn4$Mogy`{e
z95N4qB6~bt978hhy}h-Om&uT)HL=;qp(Wszc0iUxhm;{>KtMD1dwZtih1(D3f4s*s
zUnacHP&$~eU*XvM>gXUd$KHJLCx$ydR!&>3@cgf{nTe5B{e;gN=L=GLq9d(jcRt?#
z?aRGvn@jqCrvA}OeXP9N_UDP&rFKOI`wZipxHOkcKp~#&SGJb7d}0w{YPac`#iF>6
zZvI6#`~xR0(U@IyrA(9Sf=p;pSCHND?`+0z+$UZ>@|)px)2s#jued${{lVbr>gTe~
HDWM4fYuSY}

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..de5001a18bbaf37e182b2e77d30d16342e487995
GIT binary patch
literal 533
zcmeAS@N?(olHy`uVBq!ia0y~yVCn<1b6A*xq?oZ@F_2<Ocl32+VA$Bt{U?zX$Y(4L
za(7}_cTVOdkRue}6XNP#;G?Nypsi!5t!t<SWat_OYO)9eWm!vt{DK)ww%@ASW@3^G
z)H=b_#WAGf*4w)q{g@m@+AcaSy?^A!<PO`8FDbmXCw~1~uXIskMgYV2?S{{*TPB~q
zb2BY3yWQ>YquA%)Y~J2FS!E_(=2i6N$kRvnta>Jv$sXJPL+QH9x;IZ}eC#`Zb#0%_
zbPFN(C$_y#pXVz+F4n1?aKCT6j@Mb9*B;G@b7gKW^GUn(W2)x=D>Z)Ed{3<|TU|<d
z|D$2yoogRwSSiT%cixc;Ha{WFG11YuO&}vVrk(AZl+%KPTh&WGKAce)<HWHgo5x7J
zkVVF_NW{HQ#<EKpNFJT2>|Xff#KgrGMNduy5|;YE`tc;k1+vFI?!EW4T&Kt)wMSSy
z^Y$?TrrbS?B{LtzUiVo2OljVV&+kf~-Fhth?aYomHs1v^ZADi;zQ{P!QciZl*Jt0n
zmge<;n{!qA&E0O_>}=1|vSO2ONrcZg5}O=m?_NE7^5I{r!{v@9=B}@O8~*HjT(x^j
y+eLB7q&v>vV)Sxu`I)_vzd7e_Qq>>BI)<w!{Nn%lG5iKb7K5j&pUXO@geCy+D(6xF

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe800508c4b78be0400b271ed08a1efc33a3b7fe
GIT binary patch
literal 533
zcmeAS@N?(olHy`uVBq!ia0y~yVCn<1b6A*xq?oZ@F_2<Ocl32+VA$Bt{U?zX$Y(4L
za(7}_cTVOdkRue}6XNP#;Pd{|=TD!%e*FCH1Bm=uy64(8pe$=ikY6x^$@W`S+e}PS
zfm$bcx;TbZ+<JR=qaTx_NZUonrT35AnA~C8@g;@V_QbD$>y<8Q%m`rkzTNP7b<5<l
zcW$QTWw*QieH8oro6Xx>C#%fF%e;!d9C`Zao>kApGTCGMe<)pdS@-7YjE{ZCudeNr
znQkHE{=~M|>GOQW$Hh9e6YlqI*YP^b^V*|1ajwkGWj<+_eoWQ;f2GDRoA0UBWvfdm
z?|(EbymRg23@ZiM{?0pc!R9BVIVL(9w+Un<$F#G3lX6;caI1RB$A>ctW1Kj)Wb+t_
z7qZA$7Kym`$yjzN1IeQkmE8-UoS3-SqUgzqK*Cc0S3jQQxIp%}$G!KSmg^K*r1l7l
zXWl+0z?8dZv1I0>*y|pvpDE2-@%dfpvs;g4zn$5U$L70Wrmg78#}^rATFS{z`1<Ud
z*V4THZ*#6nzq#A(o1N`>T2^fGEs5~?Mq-o0?A@zpPd@x>b-3Ko#N73@Z^NH`kE?c1
zX}c&cnRLhbTZ~@LEkCnY@;B$)O{)51SjTYngkStWKZf7H$YStx^>bP0l+XkKXeISB

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x-1.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5d64b1067d2b06b09e9b6431db06c15d7b48180
GIT binary patch
literal 730
zcmeAS@N?(olHy`uVBq!ia0y~yV7>}uFJfT^l6zNwJ^`dy(j9#r85lP9bN@+X1@ak-
zgWR1M)}51i3FPnx_=LE+7x-xD7-;JnYHEYXu1tmVAbll4e!&b)mvonZ4w}Qjz!d4}
z;uunK>+Q|gflPq{E)N5F7+M(^I3FxxS<wCS_>v!5I+{P<ekpf)5nQ}Heful%-M7zj
z|1-UuX86iz_u3Uv8}_ACZxacc{V?v&%3oeinu~o)jpwmn{kUo6yB|IC*Qat-xW7BU
z^V)%Gqwh`6*W~C|e9-=<FnOKN;fUpY-{O>dC68GZZ^(T;r#E*^_2!~z^?NtGGfkfV
zetgqM?5<_a&VAEdf0sSu?5{o|d!5lH^I@iMjeaM?n%5gz-#$7OdE;8?xkF{K&vkOH
z>NGE$<vMlqT8W@jGo|DXIr92zJ<6)!2)^1YlGLZC9)9lP(b97lpYAzV_;$}Tsk;${
zvQMJeG;Ipcn(kn`{y-|GIlF*&-9ghG&k#(gI7k$)lH#+b$R+^Q&Vm|-(6$r7gcvs~
zdrRqFQ6~=Vb<HvQtp`kJ89uja3#?W=vSXj16G!NErxOXQc1?0(J0EJSnNqOg(?pYJ
zd-UAH&s4_tt(!4<wM?v`X^i0cl@Cuv2JnWTD_S+Pb#Cxkoi__ga}(7I{=d9+$S?AG
zUFp)8>+XO4aqQe-^T^YGhnn2wL;X2NFV4E!`I^0OOJ3UJBVW%XsLNcJf5Uod#>c~3
z5B5oBOIxQ#OTSsMu`JpB&NaJvU(@Q2Z4I}1!dhQ{^yImUgZ*z@CNG-xM&WAyCfmoF
ztL}5%n%i<~!wPPRw`yzLW1oG@Q(pQ1?3R7D$-hL`*Umh4Zl}>_V4`F2boFyt=akR{
E045?>NdN!<

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/disableButtonBackground.imageset/disableButtonBackground@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..63c58f3526b5e17c7902f742eb992f9ab03a4d9a
GIT binary patch
literal 759
zcmeAS@N?(olHy`uVBq!ia0y~yV7>}uFJfT^l6zNwJ^`dy(j9#r85lP9bN@+X1@ak-
zgWR1M)}51i3FHU`_=LE+7x;Yq{1u4afB5p@^A{i^xIFYXP?ohM$S;`T*&NmI8(qGI
z3=B*~o-U3d6}R5rIOrD@DAIOO_kv}{OzuN}vJ(1y=X5W9|6fb>irTV!Q#SsNe=YcJ
z`sVkR+h0w-Teb1e(eP~%`E9%2Wu}JcuHg^&IzJ`v@s6MQuR5RJJ^9`7l|+8?m5&?K
zgUn+dFJ8GkdUEEA#5G?x@7%Jdx8G*3+ObPtCjYH${vA<X`aS=(yK(03qwL46z9v{-
zo6Fl*`s`rYn&N#o`bzVQ^Isn^|JI#pQeI$udiUJOhnC)VxcVa>g;g|!Yun^@zV}_U
z|MC25(UUm}>VL+}c5XVoe)CMrBQ+cH&nP}?ep@>C^Pw`+(>v$r_9{LtdX^>j=*jxX
zORh1m=Ult*qxkINR`XVY=I5msm~Vf!dfvEp>$MW&@3(!jrM8(hi>!~z?!A_QgrXLk
zq98QsjJ0UeK;w|LqsuQwlRjJhdZ}W|jO?|hZ|_{cCa`5$>}zpnj=~jt6<Z`;9TRX0
z@#RrGJo}pG+U3h8JPdi7?$z;g=T`QzQ=fO)Y)GDW{prQ24=eoMD$Of4Ew()U;q#?i
zPj#MVJ!_tus3HGGAV1XZhT^+>(bb9Rd)DcGTp=14>}`|U8vV#p`;O50$cK54-k!DJ
zQfJb4uJ3UBwY+pib7OYvml4)C9FN~Rc+T<~U)hC?-;VWFMF0PqqoXV97UjSF*`*84
zy)%ENd@o*A=<jy<Z0^(>FITQEyH?@#>a%%us#C0tdFfI9>mTKoUU!b&9=(3er}epo
eyCpUMO8?;du{rhI>I=Z+$l&Sf=d#Wzp$PzSxrK%R

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/Contents.json b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/Contents.json
new file mode 100644
index 00000000..2805b69b
--- /dev/null
+++ b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "enableButtonBackground.png",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "enableButtonBackground@2x.png",
+      "scale" : "2x",
+      "idiom" : "universal"
+    },
+    {
+      "filename" : "enableButtonBackground@3x.png",
+      "scale" : "3x",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
\ No newline at end of file
diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ce82e6c4865c91c68bf17c3bd07219e843000a
GIT binary patch
literal 325
zcmeAS@N?(olHy`uVBq!ia0y~yU~~tv%~+U$<gz@s4j{#n?&#~tz_78O`%fY(kk42g
z<nF|<?wrg^AV)O7C&bmgz~@^*>bHWl&jl$!2AE8Hvwi(vpaQm%AirRShrOa19;@G<
z>jR4H@pN$v$+-9SmNnlY0|Ax`tnm%~PpmjJO?NtGtWch?BC>1ef5DEVqISvDXDt5P
zo+hO$Kb!Jgu;=7uk?d2fYfirI+S6=qY4%v|%ullv|6Z5l^%MRtu9={0xc^kp&57y%
zZpXc=cJDtEz31h`88_?~eB%tQd*aA^GXKbN59MByODM!0t4*JjUDF(G?KfSPSj6|`
zn26*X?+_KC)X8qS>VXYeAt$dawQ*bewT<JJ>%{Aaelza*Im=qlYtJ*FKNvh+{an^L
HB{Ts59r1??

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@2x.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..a804a8b1c95d264f3debe80a7a30f484f03f116c
GIT binary patch
literal 516
zcmeAS@N?(olHy`uVBq!ia0y~yVCn<1b6A*xq?oZ@F_2<Ocl32+VA$Bt{U?zX$Y(4L
za(7}_cTVOdki#F~6XNP#;Pbs8?Q=oOw}LbvTI{S}0@7C!<QL3v#-x#Jv*&-Hwq{Qk
z$B>F!Z|?^B9dZz9ySQ-^1D8&MPYeUE4#Udd@sriE)_BTiJXcqIR^x54uvlN;c<G;O
zbAOfJjoQCHbz9@vL(f!pGfzLdH?*g`@yL!%AN8NiJaNmo=+uuh$)(3T7q7P}a@ltw
zBP0DpO5FteK7XBAx1_GkynB3uUtdn}vaPGnTbXBC@tqC5Y-P4F-q3~5!@J^1Ly3*r
zCfj9Z9?5FP8D;`Zu|2OZ9Qc;6b}{4a!yf_MD#v@2o6jiqH7L9HJvuQ_*}d?|iHVCX
zik@in$ygSNxC6;9f>Mv`OKl7|p6r`4<*_8w@%GFT|ClA&Hyt=i3j5QRtgVh!mhE=6
z2`qhIn)bGkzd9|ZT3o?6E#`=vm7MH^&U)jcjFK78V^?1J_QG+=mGs;s^<`VrJ#SC{
z@GADwohcs;G9TD4ET5fx_}A)2_s1Ll{oC}`Zmsh%LCF*r$)rCmC2o4T@oBHy=AAwJ
eb@|KwkIW~y?b2D+@H_)X4}+(xpUXO@geCw4Vc%K+

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@3x.png b/NADA-iOS-forRelease/Resouces/Assets/Assets.xcassets/enableButtonBackground.imageset/enableButtonBackground@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..14ebdabea7943c0a16ede07fda8e1892d3e0c9de
GIT binary patch
literal 733
zcmeAS@N?(olHy`uVBq!ia0y~yV7>}uFJfT^l6zNwJ^`dy(j9#r85lP9bN@+X1@ak-
zgWR1M)}51i3FPnx_=LE+7x;WDNc&!p_N5>N$Pf+j+6U5C666=m&~!<6`RAZH3=B*$
zo-U3d6}R5rd>g0~DA4*ajEA9>flZ~MTd0BWnf&Aj$EQVm>+XO1d5_|p?Z3XgoVlw0
z#{K;JA6C!YzB=&w&G#->o6efv?%q1#7SH!r`&Z?wOfk9@V*a=^KvsYDtG@F;o<=Qe
zD1Y*CQa0}%b#MKObEm#FvG0H6Z}jq%O;72o1bLN9GZNPrv)|r!?&ghSyUZuww)%K1
z&U>+Cz1=+Bl#6p8Z+{&fxg|e+-iICTcM4?>bc@Zqc7%Tt$AMjZ(Kqzg&1ubzeXf&p
zz4Y9nu(L)It0F@zZ+9v#owM?xqRiC~OO)2NwHt)r^;CTJqNwPpOl-_^nb>o$Wv-vg
zUU#v#^R>ctBaerz+3OCP?qIwAKq{s=yMPzSL1IG0i$S9Jl+4Orw-ea}pjwz=aBXK%
zO#mrby!Q260jC)|_=@(5IdOQe+v#TQCfg$L_?I7tV#r-C#pa!_+_)t7gy}AsaB$-(
z_e%oHCTF{cpQ?=QTQ_6!YMEF=(-^_?D<7VU4B!nvSF~zo>)hb8I&T(~<|e9t`0@1C
zA-~A$b)`#VuBZR`$FXyV%_C3$9cpry51oH=<l?NC?XT4fx8$WgZhzf+(9dF>y(PyI
z!^is9*{svn<i44bo4aB0v0J^eh0(t&uFZbRdOhyr1o1zQMb)hzv)XSK_wCBs)EqKD
zrTSQK$b7C_%`LY!tkRZvtCr&y`}}93_R9Nb_w3xC@JsgpqnX=ex2)?2raJ~tS3j3^
HP6<r_nyX*v

literal 0
HcmV?d00001

diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
index 75b9e826..dcb2bffc 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreation.storyboard
@@ -44,13 +44,17 @@
                                 </constraints>
                             </view>
                             <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="RJP-GW-J4W">
-                                <rect key="frame" x="28" y="724" width="319" height="54"/>
+                                <rect key="frame" x="24" y="724" width="327" height="54"/>
                                 <constraints>
                                     <constraint firstAttribute="height" constant="54" id="5Vp-dw-6P6"/>
                                 </constraints>
                                 <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                                <state key="normal" title="Button"/>
-                                <buttonConfiguration key="configuration" style="plain" title="Button"/>
+                                <state key="normal" title="Button">
+                                    <color key="titleColor" systemColor="linkColor"/>
+                                </state>
+                                <buttonConfiguration key="configuration" style="plain" title="Button">
+                                    <color key="baseForegroundColor" systemColor="linkColor"/>
+                                </buttonConfiguration>
                                 <connections>
                                     <action selector="pushToCardCompletionView:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="mWh-HD-gMb"/>
                                 </connections>
@@ -101,12 +105,12 @@
                         <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                         <constraints>
-                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="RJP-GW-J4W" secondAttribute="trailing" constant="28" id="0DD-rN-SNE"/>
+                            <constraint firstItem="vDu-zF-Fre" firstAttribute="trailing" secondItem="RJP-GW-J4W" secondAttribute="trailing" constant="24" id="0DD-rN-SNE"/>
                             <constraint firstItem="tbX-yg-azh" firstAttribute="centerX" secondItem="5EZ-qb-Rvc" secondAttribute="centerX" id="5lQ-dG-Pq2"/>
                             <constraint firstItem="q7k-m0-xi2" firstAttribute="top" secondItem="nZD-YQ-z5l" secondAttribute="bottom" constant="31" id="AaJ-DI-Z86"/>
                             <constraint firstItem="Wd4-Tx-rSs" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" id="Baj-5F-dIU"/>
                             <constraint firstItem="gBB-hQ-SyS" firstAttribute="leading" secondItem="q7k-m0-xi2" secondAttribute="leading" constant="-5" id="DHT-gt-rBw"/>
-                            <constraint firstItem="RJP-GW-J4W" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="28" id="E5C-o3-RwM"/>
+                            <constraint firstItem="RJP-GW-J4W" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="24" id="E5C-o3-RwM"/>
                             <constraint firstItem="yP6-6Y-BPF" firstAttribute="leading" secondItem="q7k-m0-xi2" secondAttribute="trailing" constant="30" id="GED-As-RPG"/>
                             <constraint firstItem="q7k-m0-xi2" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="25" id="OMc-0v-gBM"/>
                             <constraint firstItem="nZD-YQ-z5l" firstAttribute="leading" secondItem="vDu-zF-Fre" secondAttribute="leading" constant="25" id="SXi-JC-xa6"/>
@@ -137,6 +141,9 @@
         </scene>
     </scenes>
     <resources>
+        <systemColor name="linkColor">
+            <color red="0.0" green="0.47843137254901963" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
         <systemColor name="systemBackgroundColor">
             <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
         </systemColor>
diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
index 519a328e..902b7ceb 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
@@ -74,7 +74,8 @@
                                     <constraint firstAttribute="height" constant="54" id="smH-Df-7w1"/>
                                 </constraints>
                                 <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
-                                <state key="normal" image="btnMainCreate"/>
+                                <state key="normal" title="Button"/>
+                                <buttonConfiguration key="configuration" style="plain" title="Button"/>
                                 <connections>
                                     <action selector="touchCompleteButton:" destination="Y6W-OH-hqX" eventType="touchUpInside" id="fX7-aC-GHN"/>
                                 </connections>
@@ -98,6 +99,7 @@
                     </view>
                     <connections>
                         <outlet property="cardView" destination="FHO-mj-1yu" id="e9Z-Ne-BT9"/>
+                        <outlet property="completeButton" destination="gc2-31-hRU" id="gN7-ns-bR0"/>
                         <outlet property="noticeLabel" destination="Cgr-Tn-nVH" id="wCc-76-DOD"/>
                     </connections>
                 </viewController>
@@ -107,7 +109,6 @@
         </scene>
     </scenes>
     <resources>
-        <image name="btnMainCreate" width="327" height="54"/>
         <image name="iconArrow" width="24" height="24"/>
         <systemColor name="systemBackgroundColor">
             <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
index 71af259f..48e7eb59 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
@@ -32,7 +32,7 @@ class BackCardCell: CardCell {
     
     // MARK: - Functions
     static func nib() -> UINib {
-        return UINib(nibName: "BackCardCell", bundle: nil)
+        return UINib(nibName: Const.Xib.backCardCell, bundle: nil)
     }
 }
 
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
index f9e779e7..56f2adb1 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
@@ -30,7 +30,7 @@ class FrontCardCell: CardCell {
     }
     
     static func nib() -> UINib {
-        return UINib(nibName: "FrontCardCell", bundle: Bundle(for: FrontCardCell.self))
+        return UINib(nibName: Const.Xib.frontCardCell, bundle: Bundle(for: FrontCardCell.self))
     }
 }
 
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
index 4ae92229..ffe954e7 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
@@ -117,6 +117,7 @@ extension BackCardCreationCollectionViewCell {
 // MARK: - UICollectionViewDelegate
 extension BackCardCreationCollectionViewCell: UICollectionViewDelegate {
     func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        backCardCreationDelegate?.backCardCreation(endEditing: true)
         if isMinchoCollectionView.indexPathsForSelectedItems?.isEmpty == false &&
             isSojuCollectionView.indexPathsForSelectedItems?.isEmpty == false &&
             isBoomukCollectionView.indexPathsForSelectedItems?.isEmpty == false &&
@@ -189,6 +190,7 @@ extension BackCardCreationCollectionViewCell: UITextFieldDelegate {
         textField.borderColor = .tertiary
     }
     func textFieldDidEndEditing(_ textField: UITextField) {
+        backCardCreationDelegate?.backCardCreation(endEditing: true)
         textField.borderWidth = 0
     }
     func textFieldShouldReturn(_ textField: UITextField) -> Bool {
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
index b5d6a100..f3d7353d 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
@@ -191,6 +191,7 @@ extension FrontCardCreationCollectionViewCell: UITextFieldDelegate {
         textField.becomeFirstResponder()
     }
     func textFieldDidEndEditing(_ textField: UITextField) {
+        frontCardCreationDelegate?.frontCardCreation(endEditing: true)
         if cardTitleTextField.hasText &&
             userNameTextField.hasText &&
             birthTextField.hasText &&
diff --git a/NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift b/NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift
index 5d39ac43..7527982f 100644
--- a/NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift
+++ b/NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift
@@ -9,5 +9,6 @@ import Foundation
 
 protocol BackCardCreationDelegate: AnyObject {
     func backCardCreation(requiredInfo valid: Bool)
+    func backCardCreation(endEditing valid: Bool)
     func backCardCreation(withRequired requiredInfo: [String: Bool], withOptional optionalInfo: [String: String] )
 }
diff --git a/NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift b/NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift
index 9d6769bc..7302786b 100644
--- a/NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift
+++ b/NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift
@@ -9,5 +9,6 @@ import Foundation
 
 protocol FrontCardCreationDelegate: AnyObject {
     func frontCardCreation(requiredInfo valid: Bool)
+    func frontCardCreation(endEditing valid: Bool)
     func frontCardCreation(withRequired requiredInfo: [String: String], withOptional optionalInfo: [String: String] )
 }
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
index 676199bf..f9f554af 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
@@ -19,6 +19,7 @@ class CardCreationPreviewViewController: UIViewController {
     
     @IBOutlet weak var cardView: UIView!
     @IBOutlet weak var noticeLabel: UILabel!
+    @IBOutlet weak var completeButton: UIButton!
     
     // MARK: - View Life Cycle
     
@@ -31,7 +32,8 @@ class CardCreationPreviewViewController: UIViewController {
         guard let frontCardDataModel = frontCardDataModel, let backCardDataModel = backCardDataModel else { return }
         cardCreationRequest = CardCreationRequest(userID: "", frontCard: frontCardDataModel, backCard: backCardDataModel)
         guard let cardCreationRequest = cardCreationRequest else { return }
-        cardCreationWithAPI(request: cardCreationRequest, image: UIImage(systemName: "circle")!)
+        // TODO: - 갤러리 추가/이미지 코드 추가
+        cardCreationWithAPI(request: cardCreationRequest, image: UIImage(systemName: "card")!)
     }
     @IBAction func touchBackButton(_ sender: Any) {
         navigationController?.popViewController(animated: true)
@@ -47,20 +49,42 @@ extension CardCreationPreviewViewController {
         noticeLabel.font = .textRegular04
         noticeLabel.textColor = .primary
         
+        completeButton.titleLabel?.font = .button01
+        // MARK: - #available(iOS 15.0, *)
+        if #available(iOS 15.0, *) {
+            var config = UIButton.Configuration.filled()
+            config.background.cornerRadius = 15
+            config.baseBackgroundColor = .mainColorNadaMain
+            config.baseForegroundColor = .white
+            completeButton.configuration = config
+            
+            let configHandler: UIButton.ConfigurationUpdateHandler = { button in
+                switch button.state {
+                default:
+                    button.configuration?.title = "생성"
+                }
+            }
+            completeButton.configurationUpdateHandler = configHandler
+        } else {
+            // TODO: - QA/iOS 13 테스트. selected 설정.
+            completeButton.setTitle("생성", for: .normal)
+            completeButton.layer.cornerRadius = 15
+            completeButton.setBackgroundImage(UIImage(named: "enableButtonBackground"), for: .normal)
+            completeButton.setTitleColor(.white, for: .normal)
+        }
         setFrontCardWith()
-        
     }
     
     private func setFrontCardWith() {
-//        guard let frontCard = FrontCardCell.nib().instantiate(withOwner: self, options: nil).first as? FrontCardCell else { return }
+        guard let frontCard = FrontCardCell.nib().instantiate(withOwner: self, options: nil).first as? FrontCardCell else { return }
         
         // FIXME: - @IBDesignables err
-        guard let frontCard = Bundle(for: FrontCardCell.self).loadNibNamed("FrontCardCell", owner: self, options: nil)?.first as? FrontCardCell else { return }
+//        guard let frontCard = Bundle(for: FrontCardCell.self).loadNibNamed(Const.Xib.frontCardCell, owner: self, options: nil)?.first as? FrontCardCell else { return }
         
         frontCard.frame = CGRect(x: 0, y: 0, width: cardView.frame.width, height: cardView.frame.height)
-
-        guard let frontCardDataModel = frontCardDataModel else { return }
-//        frontCard.initCell("\(frontCardDataModel.defaultImage)", frontCardDataModel.title, frontCardDataModel.description, frontCardDataModel.name, frontCardDataModel.birthDate, frontCardDataModel.mbti, frontCardDataModel.instagramID, frontCardDataModel.linkURL)
+        // FIXME: - 갤러리 추가/주석해제
+//        guard let frontCardDataModel = frontCardDataModel else { return }
+//        frontCard.initCell("", frontCardDataModel.title, frontCardDataModel.description, frontCardDataModel.name, frontCardDataModel.birthDate, frontCardDataModel.mbti, frontCardDataModel.instagramID, frontCardDataModel.linkURL)
         
         // FIXME: - dummy data
         frontCard.initCell("card", "nada", "NADA의 짱귀염둥이 ㅎ 막이래~", "개빡쳐하는 오야옹~", "1999/05/12", "ENFP", "yaeoni", "github.com/yaeoni")
@@ -71,6 +95,8 @@ extension CardCreationPreviewViewController {
         guard let backCard = BackCardCell.nib().instantiate(withOwner: self, options: nil).first as? BackCardCell else { return }
         guard let backCardDataModel = backCardDataModel else { return }
         backCard.frame = CGRect(x: 0, y: 0, width: cardView.frame.width, height: cardView.frame.height)
+        // TODO: - BackCardCell.initCell 수정되면 반영하기
+//        backCard.initCell("card", <#T##mintImage: String##String#>, <#T##noMintImage: String##String#>, <#T##sojuImage: String##String#>, <#T##beerImage: String##String#>, <#T##pourImage: String##String#>, <#T##putSauceImage: String##String#>, <#T##yangnyumImage: String##String#>, <#T##friedImage: String##String#>, <#T##firstTmi: String##String#>, <#T##secondTmi: String##String#>, <#T##thirdTmi: String##String#>)
     }
 
     // MARK: - Network
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
index 93b500e9..de393469 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
@@ -32,12 +32,12 @@ class CardCreationViewController: UIViewController {
         }
     }
     
-    private var frontCardIsEmpty = true
-    private var backCardIsEmpty = true
+    private var frontCardRequiredIsEmpty = true
+    private var backCardRequiredIsEmpty = true
+    private var isEditingMode = false
     private var currentIndex = 0
     private var frontCard: FrontCardDataModel?
     private var backCard: BackCardDataModel?
-    private var isEditingMode = false
     
     // MARK: - @IBOutlet Properties
     
@@ -118,14 +118,14 @@ extension CardCreationViewController {
         closeButton.setTitle("", for: .normal)
         
         completeButton.titleLabel?.font = .button01
-        completeButton.layer.cornerRadius = 15
         completeButton.isEnabled = false
         
         // MARK: - #available(iOS 15.0, *)
         if #available(iOS 15.0, *) {
-            let config = UIButton.Configuration.filled()
+            var config = UIButton.Configuration.filled()
+            config.background.cornerRadius = 15
             completeButton.configuration = config
-            
+
             let configHandler: UIButton.ConfigurationUpdateHandler = { button in
                 switch button.state {
                 case .disabled:
@@ -140,13 +140,16 @@ extension CardCreationViewController {
             }
             completeButton.configurationUpdateHandler = configHandler
         } else {
-            completeButton.setTitle("완료", for: .normal)
-            // completeButton.setTitleColor(.white1, for: .normal)
-        // TODO: - 뷰 확정되면 이미지로 background 세팅
-//                completeButton.setBackgroundImage(, for: .normal)
+            // TODO: - QA/iOS 13 테스트. selected 설정.
+            completeButton.layer.cornerRadius = 15
+            
+        completeButton.setTitle("완료", for: .normal)
+            completeButton.setTitleColor(.white, for: .normal)
+        completeButton.setBackgroundImage(UIImage(named: "enableButtonBackground"), for: .normal)
         
-         completeButton.setTitleColor(.white, for: .disabled)
-//                completeButton.setBackgroundImage(, for: .disabled)
+        completeButton.setTitle("완료", for: .disabled)
+        completeButton.setTitleColor(.white, for: .disabled)
+        completeButton.setBackgroundImage(UIImage(named: "disableButtonBackground"), for: .disabled)
         }
         
         let cardCreationCollectionViewlayout = cardCreationCollectionView.collectionViewLayout as? UICollectionViewFlowLayout
@@ -336,14 +339,16 @@ extension CardCreationViewController: UICollectionViewDelegateFlowLayout {
 
 extension CardCreationViewController: FrontCardCreationDelegate {
     func frontCardCreation(requiredInfo valid: Bool) {
-        frontCardIsEmpty = !valid
-        if frontCardIsEmpty == false && backCardIsEmpty == false {
+        frontCardRequiredIsEmpty = !valid
+        if frontCardRequiredIsEmpty == false && backCardRequiredIsEmpty == false {
             completeButtonIsEnabled = .enable
         } else {
             completeButtonIsEnabled = .disable
         }
     }
-
+    func frontCardCreation(endEditing valid: Bool) {
+        isEditingMode = valid
+    }
     func frontCardCreation(withRequired requiredInfo: [String: String], withOptional optionalInfo: [String: String]) {
         frontCard = FrontCardDataModel(defaultImage: Int(requiredInfo["defaultImage"] ?? "0") ?? 0,
                                        title: requiredInfo["title"]  ?? "",
@@ -360,13 +365,16 @@ extension CardCreationViewController: FrontCardCreationDelegate {
 
 extension CardCreationViewController: BackCardCreationDelegate {
     func backCardCreation(requiredInfo valid: Bool) {
-        backCardIsEmpty = !valid
-        if frontCardIsEmpty == false && backCardIsEmpty == false {
+        backCardRequiredIsEmpty = !valid
+        if frontCardRequiredIsEmpty == false && backCardRequiredIsEmpty == false {
             completeButtonIsEnabled = .enable
         } else {
             completeButtonIsEnabled = .disable
         }
     }
+    func backCardCreation(endEditing valid: Bool) {
+        isEditingMode = valid
+    }
     func backCardCreation(withRequired requiredInfo: [String: Bool], withOptional optionalInfo: [String: String]) {
         backCard = BackCardDataModel(isMincho: requiredInfo["isMincho"] ?? false,
                                      isSoju: requiredInfo["isSoju"] ?? false,