diff --git a/NADA-iOS-forRelease.xcodeproj/project.pbxproj b/NADA-iOS-forRelease.xcodeproj/project.pbxproj
index 4f7ee76d..cdd7a0cb 100644
--- a/NADA-iOS-forRelease.xcodeproj/project.pbxproj
+++ b/NADA-iOS-forRelease.xcodeproj/project.pbxproj
@@ -86,6 +86,8 @@
 		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 */; };
+		F8915A22275728F20013D609 /* SelectBirthBottomViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8915A20275728F20013D609 /* SelectBirthBottomViewController.swift */; };
+		F8915A23275728F20013D609 /* SelectMBTIBottomViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = F8915A21275728F20013D609 /* SelectMBTIBottomViewController.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 */; };
@@ -195,6 +197,8 @@
 		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>"; };
+		F8915A20275728F20013D609 /* SelectBirthBottomViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SelectBirthBottomViewController.swift; sourceTree = "<group>"; };
+		F8915A21275728F20013D609 /* SelectMBTIBottomViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = SelectMBTIBottomViewController.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>"; };
@@ -380,6 +384,8 @@
 				398413B6274A7A1E005550BC /* AddGroupBottomSheetViewController.swift */,
 				77703156275005AA002CBD19 /* CardResultBottomSheetViewController.swift */,
 				7713E8472752E2A900724C8B /* SelectGroupBottomSheetViewController.swift */,
+				F8915A20275728F20013D609 /* SelectBirthBottomViewController.swift */,
+				F8915A21275728F20013D609 /* SelectMBTIBottomViewController.swift */,
 			);
 			path = BottomSheet;
 			sourceTree = "<group>";
@@ -518,6 +524,15 @@
 			path = Card;
 			sourceTree = "<group>";
 		};
+		F8915A1F275713A10013D609 /* CardCreation */ = {
+			isa = PBXGroup;
+			children = (
+				F8FC43B226C020B90033E151 /* BackCardCreationDelegate.swift */,
+				F8C310BF273A7360008EC5BA /* FrontCardCreationDelegate.swift */,
+			);
+			path = CardCreation;
+			sourceTree = "<group>";
+		};
 		F8C83FAC272F998A0009DF0D /* Plugin */ = {
 			isa = PBXGroup;
 			children = (
@@ -677,8 +692,7 @@
 		F8FC439F26C01EFC0033E151 /* Protocols */ = {
 			isa = PBXGroup;
 			children = (
-				F8FC43B226C020B90033E151 /* BackCardCreationDelegate.swift */,
-				F8C310BF273A7360008EC5BA /* FrontCardCreationDelegate.swift */,
+				F8915A1F275713A10013D609 /* CardCreation */,
 			);
 			path = Protocols;
 			sourceTree = "<group>";
@@ -977,7 +991,9 @@
 				F822E7A92709CEB60020452C /* Notification.swift in Sources */,
 				F8C83FC5272FA2940009DF0D /* CardAPI.swift in Sources */,
 				7729171F2743D604001593E0 /* CardsInGroupResponse.swift in Sources */,
+				F8915A22275728F20013D609 /* SelectBirthBottomViewController.swift in Sources */,
 				F8FC438626C01CDD0033E151 /* AppDelegate.swift in Sources */,
+				F8915A23275728F20013D609 /* SelectMBTIBottomViewController.swift in Sources */,
 				F8C83FB8272F9E3F0009DF0D /* UtilAPI.swift in Sources */,
 				F8FC438826C01CDD0033E151 /* SceneDelegate.swift in Sources */,
 				39288E12273F52B20072F403 /* CardListLookUpRequest.swift in Sources */,
diff --git a/NADA-iOS-forRelease/Resouces/Constants/Notification.swift b/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
index 33925e7d..059dfc39 100644
--- a/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
+++ b/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
@@ -8,9 +8,12 @@
 import Foundation
 
 extension Notification.Name {
-    // delegate 패턴으로 대체
-//    static let frontCardtextFieldIsEmpty = Notification.Name("frontCardtextFieldIsEmpty")
-//    static let backCardtextFieldIsEmpty = Notification.Name("backCardtextFieldIsEmpty")
     static let deleteTabBar = NSNotification.Name("deleteTabBar")
     static let expressTabBar = NSNotification.Name("expressTabBar")
+    
+    // MARK: - Card Creation
+    static let frontCardBirth = Notification.Name("frontCardBirth")
+    static let frontCardMBTI = Notification.Name("frontCardMBTI")
+    static let presentingImagePicker = Notification.Name("presentingImagePicker")
+    static let sendNewImage = Notification.Name("sendNewImage")
 }
diff --git a/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift b/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
index b197231c..10548a0d 100644
--- a/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
+++ b/NADA-iOS-forRelease/Resouces/Extensions/UIViewController+Extension.swift
@@ -9,14 +9,12 @@ import Foundation
 import UIKit
 
 extension UIViewController {
-    
     /// 취소+삭제 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)
diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
index 902b7ceb..ddf4a4fd 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/CardCreation/CardCreationPreview.storyboard
@@ -25,6 +25,7 @@
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="FHO-mj-1yu">
                                 <rect key="frame" x="24" y="114" width="327" height="540"/>
                                 <color key="backgroundColor" systemColor="systemGray6Color"/>
+                                <gestureRecognizers/>
                                 <constraints>
                                     <constraint firstAttribute="height" constant="540" id="b0L-OT-Q7F"/>
                                     <constraint firstAttribute="width" constant="327" id="xtT-wz-pPq"/>
diff --git a/NADA-iOS-forRelease/Resouces/Storyboards/More/More.storyboard b/NADA-iOS-forRelease/Resouces/Storyboards/More/More.storyboard
index 1310fb1d..2219b576 100644
--- a/NADA-iOS-forRelease/Resouces/Storyboards/More/More.storyboard
+++ b/NADA-iOS-forRelease/Resouces/Storyboards/More/More.storyboard
@@ -41,10 +41,10 @@
                                 </constraints>
                             </view>
                             <tableView autoresizesSubviews="NO" clipsSubviews="YES" contentMode="scaleToFill" bounces="NO" alwaysBounceVertical="YES" scrollEnabled="NO" bouncesZoom="NO" dataMode="prototypes" style="plain" separatorStyle="none" allowsSelection="NO" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="28" estimatedSectionHeaderHeight="-1" sectionFooterHeight="28" estimatedSectionFooterHeight="-1" translatesAutoresizingMaskIntoConstraints="NO" id="WnB-Ge-3qg">
-                                <rect key="frame" x="0.0" y="104" width="375" height="466"/>
+                                <rect key="frame" x="0.0" y="104" width="375" height="404"/>
                                 <color key="backgroundColor" name="textBox"/>
                                 <constraints>
-                                    <constraint firstAttribute="height" constant="466" id="F5a-T6-amW"/>
+                                    <constraint firstAttribute="height" constant="404" id="F5a-T6-amW"/>
                                 </constraints>
                             </tableView>
                         </subviews>
@@ -67,7 +67,7 @@
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="Ief-a0-LHa" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="64" y="56"/>
+            <point key="canvasLocation" x="63.200000000000003" y="55.418719211822662"/>
         </scene>
     </scenes>
     <resources>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
index 0c665bf7..3c236fcc 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/BackCardCell.swift
@@ -88,4 +88,40 @@ extension BackCardCell {
         self.secondTmiLabel.text = secondTmi
         self.thirdTmiLabel.text = thirdTmi
     }
+    
+    // FIXME: - UIImage 로 넘어올때. 나중에 어떻게 사용할지 정해야함.
+    func initCell(_ backgroundImage: UIImage?,
+                  _ isMintImage: Bool,
+                  _ isNoMintImage: Bool,
+                  _ isSojuImage: Bool,
+                  _ isBeerImage: Bool,
+                  _ isPourImage: Bool,
+                  _ isPutSauceImage: Bool,
+                  _ isYangnyumImage: Bool,
+                  _ isFriedImage: Bool,
+                  _ firstTmi: String,
+                  _ secondTmi: String,
+                  _ thirdTmi: String) {
+        
+        self.backgroundImageView.image = backgroundImage ?? UIImage()
+        self.mintImageView.image = isMintImage == true ?
+        UIImage(named: "iconTasteOnMincho") : UIImage(named: "iconTasteOffMincho")
+        self.noMintImageView.image = isNoMintImage == true ?
+        UIImage(named: "iconTasteOnBanmincho") : UIImage(named: "iconTasteOffBanmincho")
+        self.sojuImageView.image = isSojuImage == true ?
+        UIImage(named: "iconTasteOnSoju") : UIImage(named: "iconTasteOffSoju")
+        self.beerImageView.image = isBeerImage == true ?
+        UIImage(named: "iconTasteOnBeer") : UIImage(named: "iconTasteOffBeer")
+        self.pourEatImageView.image = isPourImage == true ?
+        UIImage(named: "iconTasteOnBumeok") : UIImage(named: "iconTasteOffBumeok")
+        self.putSauceEatImageView.image = isPutSauceImage == true ?
+        UIImage(named: "iconTasteOnZzik") : UIImage(named: "iconTasteOffZzik")
+        self.sauceChickenImageView.image = isYangnyumImage == true ?
+        UIImage(named: "iconTasteOnSeasoned") : UIImage(named: "iconTasteOffSeasoned")
+        self.friedChickenImageView.image = isFriedImage == true ?
+        UIImage(named: "iconTasteOnFried") : UIImage(named: "iconTasteOffFried")
+        self.firstTmiLabel.text = firstTmi
+        self.secondTmiLabel.text = secondTmi
+        self.thirdTmiLabel.text = thirdTmi
+    }
 }
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
index 5522f8c8..de513571 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
@@ -17,9 +17,7 @@ class FrontCardCell: CardCell {
     @IBOutlet weak var userNameLabel: UILabel!
     @IBOutlet weak var birthLabel: UILabel!
     @IBOutlet weak var mbtiLabel: UILabel!
-    @IBOutlet weak var instagramImageView: UIImageView!
     @IBOutlet weak var instagramIDLabel: UILabel!
-    @IBOutlet weak var linkURLImageView: UIImageView!
     @IBOutlet weak var linkURLLabel: UILabel!
     
     // MARK: - Life Cycle
@@ -52,6 +50,7 @@ extension FrontCardCell {
         instagramIDLabel.textColor = .white
         linkURLLabel.font = .textRegular04
         linkURLLabel.textColor = .white
+        linkURLLabel.numberOfLines = 2
     }
     
     func initCell(_ backgroundImage: String,
@@ -65,12 +64,31 @@ extension FrontCardCell {
         if let bgImage = UIImage(named: backgroundImage) {
             self.backgroundImageView.image = bgImage
         }
-        self.titleLabel.text = cardTitle
-        self.descriptionLabel.text = cardDescription
-        self.userNameLabel.text = userName
-        self.birthLabel.text = birth
-        self.mbtiLabel.text = mbti
-        self.instagramIDLabel.text = instagramID
-        self.linkURLLabel.text = linkURL
+        titleLabel.text = cardTitle
+        descriptionLabel.text = cardDescription
+        userNameLabel.text = userName
+        birthLabel.text = birth
+        mbtiLabel.text = mbti
+        instagramIDLabel.text = instagramID
+        linkURLLabel.text = linkURL
+    }
+    
+    // FIXME: - UIImage 로 넘어올때. 나중에 어떻게 사용할지 정해야함.
+    func initCell(_ backgroundImage: UIImage?,
+                  _ cardTitle: String,
+                  _ cardDescription: String,
+                  _ userName: String,
+                  _ birth: String,
+                  _ mbti: String,
+                  _ instagramID: String,
+                  _ linkURL: String) {
+        backgroundImageView.image = backgroundImage ?? UIImage()
+        titleLabel.text = cardTitle
+        descriptionLabel.text = cardDescription
+        userNameLabel.text = userName
+        birthLabel.text = birth
+        mbtiLabel.text = mbti
+        instagramIDLabel.text = instagramID
+        linkURLLabel.text = linkURL
     }
 }
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
index 5ac3e9e4..0ee47127 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
@@ -4,7 +4,6 @@
     <dependencies>
         <deployment identifier="iOS"/>
         <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="19454"/>
-        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
         <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <objects>
@@ -25,6 +24,15 @@
                             </userDefinedRuntimeAttribute>
                         </userDefinedRuntimeAttributes>
                     </imageView>
+                    <view alpha="0.5" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="S8I-Fv-fkf">
+                        <rect key="frame" x="0.0" y="0.0" width="327" height="540"/>
+                        <color key="backgroundColor" white="0.0" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                        <userDefinedRuntimeAttributes>
+                            <userDefinedRuntimeAttribute type="number" keyPath="cornerRadius">
+                                <real key="value" value="20"/>
+                            </userDefinedRuntimeAttribute>
+                        </userDefinedRuntimeAttributes>
+                    </view>
                     <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="OeE-mZ-GcL">
                         <rect key="frame" x="24" y="50" width="41.5" height="20.5"/>
                         <fontDescription key="fontDescription" type="system" pointSize="17"/>
@@ -75,9 +83,9 @@
                     </imageView>
                 </subviews>
             </view>
-            <viewLayoutGuide key="safeArea" id="ZTg-uK-7eu"/>
             <constraints>
                 <constraint firstItem="cO6-DY-EUn" firstAttribute="top" secondItem="VDj-1w-jyf" secondAttribute="bottom" constant="193" id="025-5i-Sid"/>
+                <constraint firstItem="S8I-Fv-fkf" firstAttribute="leading" secondItem="D6t-Nc-4xH" secondAttribute="leading" id="1U6-VC-gzG"/>
                 <constraint firstItem="eyB-c0-PQB" firstAttribute="leading" secondItem="OeE-mZ-GcL" secondAttribute="leading" id="4Ry-xS-5OB"/>
                 <constraint firstItem="OeE-mZ-GcL" firstAttribute="top" secondItem="gTV-IL-0wX" secondAttribute="top" constant="50" id="4yZ-WV-dW5"/>
                 <constraint firstAttribute="trailing" relation="greaterThanOrEqual" secondItem="VDj-1w-jyf" secondAttribute="trailing" constant="24" id="5rw-tM-UsX"/>
@@ -92,11 +100,14 @@
                 <constraint firstItem="eyB-c0-PQB" firstAttribute="top" secondItem="aik-Vi-yux" secondAttribute="bottom" constant="10" id="Ebd-SK-4i7"/>
                 <constraint firstAttribute="trailing" secondItem="D6t-Nc-4xH" secondAttribute="trailing" id="GGx-Tf-nEl"/>
                 <constraint firstItem="TXF-fP-7YQ" firstAttribute="leading" secondItem="OeE-mZ-GcL" secondAttribute="leading" id="ITf-JC-Tm4"/>
-                <constraint firstAttribute="bottom" relation="greaterThanOrEqual" secondItem="LqW-bV-yHr" secondAttribute="bottom" constant="5" id="JrI-dN-H5E"/>
+                <constraint firstAttribute="bottom" relation="greaterThanOrEqual" secondItem="LqW-bV-yHr" secondAttribute="bottom" constant="30" id="JrI-dN-H5E"/>
+                <constraint firstItem="S8I-Fv-fkf" firstAttribute="bottom" secondItem="D6t-Nc-4xH" secondAttribute="bottom" id="N52-K9-r1O"/>
                 <constraint firstItem="aik-Vi-yux" firstAttribute="top" secondItem="cO6-DY-EUn" secondAttribute="bottom" constant="13" id="RLL-SV-ohE"/>
                 <constraint firstItem="TXF-fP-7YQ" firstAttribute="top" secondItem="eyB-c0-PQB" secondAttribute="bottom" constant="55" id="RtB-w6-jlM"/>
+                <constraint firstItem="S8I-Fv-fkf" firstAttribute="top" secondItem="D6t-Nc-4xH" secondAttribute="top" id="Uuk-OY-MiG"/>
                 <constraint firstItem="VDj-1w-jyf" firstAttribute="top" secondItem="OeE-mZ-GcL" secondAttribute="bottom" constant="8" id="W5z-RH-cOC"/>
                 <constraint firstAttribute="bottom" secondItem="D6t-Nc-4xH" secondAttribute="bottom" id="g3O-ib-dRy"/>
+                <constraint firstItem="S8I-Fv-fkf" firstAttribute="trailing" secondItem="D6t-Nc-4xH" secondAttribute="trailing" id="gIl-Qp-bCT"/>
                 <constraint firstAttribute="trailing" relation="greaterThanOrEqual" secondItem="eyB-c0-PQB" secondAttribute="trailing" constant="24" id="ihs-PT-9zZ"/>
                 <constraint firstItem="OeE-mZ-GcL" firstAttribute="leading" secondItem="gTV-IL-0wX" secondAttribute="leading" constant="24" id="kch-bF-wdy"/>
                 <constraint firstItem="el0-x0-WD9" firstAttribute="leading" secondItem="OeE-mZ-GcL" secondAttribute="leading" id="ks3-oC-rKr"/>
@@ -114,8 +125,6 @@
                 <outlet property="birthLabel" destination="aik-Vi-yux" id="QTx-yd-LoY"/>
                 <outlet property="descriptionLabel" destination="VDj-1w-jyf" id="YqY-uP-XQV"/>
                 <outlet property="instagramIDLabel" destination="8oi-jO-fkf" id="eIE-ch-cCT"/>
-                <outlet property="instagramImageView" destination="TXF-fP-7YQ" id="yIP-5S-tPH"/>
-                <outlet property="linkURLImageView" destination="el0-x0-WD9" id="O2h-sb-XSb"/>
                 <outlet property="linkURLLabel" destination="LqW-bV-yHr" id="vD7-qs-hSc"/>
                 <outlet property="mbtiLabel" destination="eyB-c0-PQB" id="waJ-j4-tRM"/>
                 <outlet property="titleLabel" destination="OeE-mZ-GcL" id="NIa-Yu-Bit"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
index ffe954e7..f9fb3b2f 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/BackCardCreationCollectionViewCell.swift
@@ -149,15 +149,17 @@ extension BackCardCreationCollectionViewCell: UICollectionViewDataSource {
         guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: Const.Xib.requiredCollectionViewCell, for: indexPath) as? RequiredFlavorCollectionViewCell else {
             return UICollectionViewCell()
         }
-        
-        if collectionView == isMinchoCollectionView {
+        switch collectionView {
+        case isMinchoCollectionView:
             cell.initCell(flavor: flavorList[indexPath.item])
-        } else if collectionView == isSojuCollectionView {
+        case isSojuCollectionView:
             cell.initCell(flavor: flavorList[indexPath.item + 2])
-        } else if collectionView == isBoomukCollectionView {
+        case isBoomukCollectionView:
             cell.initCell(flavor: flavorList[indexPath.item + 4])
-        } else {
+        case isSaucedCollectionView:
             cell.initCell(flavor: flavorList[indexPath.item + 6])
+        default:
+            return UICollectionViewCell()
         }
         return cell
     }
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
index f78c2ca7..763b5602 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.swift
@@ -17,7 +17,9 @@ class BackgroundCollectionViewCell: UICollectionViewCell {
     // MARK: - @IBOutlet Properties
     
     @IBOutlet weak var bgView: UIView!
+    @IBOutlet weak var opacityView: UIView!
     @IBOutlet weak var imageView: UIImageView!
+    @IBOutlet weak var addPhotoImageView: UIImageView!
     
     // MARK: - View Life Cycle
     
@@ -34,14 +36,15 @@ extension BackgroundCollectionViewCell {
     private func setUI() {
         bgView.backgroundColor = .tertiary
         bgView.isHidden = true
-        bgView.layer.cornerRadius = bgView.frame.height / 2
         bgView.layer.cornerRadius = bgViewCornerRadius
+        
+        opacityView.layer.cornerRadius = imageviewCornerRadius
         imageView.layer.cornerRadius = imageviewCornerRadius
     }
-    func initCell(image: String) {
-        if let image = UIImage(named: image) {
-            imageView.image = image
-        }
+    func initCell(image: UIImage, isFirst: Bool) {
+        imageView.image = image
+        addPhotoImageView.isHidden = isFirst == true ? false : true
+        opacityView.isHidden = isFirst == true ? false : true
     }
     override var isSelected: Bool {
         didSet {
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
index da3588de..d833bdc7 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/Background/BackgroundCollectionViewCell.xib
@@ -27,28 +27,48 @@
                         <rect key="frame" x="2" y="2" width="282" height="129"/>
                         <color key="backgroundColor" name="textBox"/>
                     </imageView>
+                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="ZdQ-cS-9PV">
+                        <rect key="frame" x="2" y="2" width="282" height="129"/>
+                        <subviews>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="iconAddPhoto" translatesAutoresizingMaskIntoConstraints="NO" id="e2c-wO-dVr">
+                                <rect key="frame" x="129" y="52.5" width="24" height="24"/>
+                            </imageView>
+                        </subviews>
+                        <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.25" colorSpace="custom" customColorSpace="calibratedRGB"/>
+                        <constraints>
+                            <constraint firstItem="e2c-wO-dVr" firstAttribute="centerX" secondItem="ZdQ-cS-9PV" secondAttribute="centerX" id="FHk-Ze-VLi"/>
+                            <constraint firstItem="e2c-wO-dVr" firstAttribute="centerY" secondItem="ZdQ-cS-9PV" secondAttribute="centerY" id="WU6-94-t2S"/>
+                        </constraints>
+                    </view>
                 </subviews>
             </view>
             <viewLayoutGuide key="safeArea" id="ZTg-uK-7eu"/>
             <constraints>
+                <constraint firstItem="ZdQ-cS-9PV" firstAttribute="top" secondItem="hnM-Yz-8h1" secondAttribute="top" id="2Fw-tj-oa8"/>
                 <constraint firstAttribute="bottom" secondItem="5HA-yB-R7S" secondAttribute="bottom" id="6c8-CY-ULf"/>
                 <constraint firstAttribute="trailing" secondItem="5HA-yB-R7S" secondAttribute="trailing" id="Gbu-9Y-Cy6"/>
                 <constraint firstAttribute="trailing" secondItem="hnM-Yz-8h1" secondAttribute="trailing" constant="2" id="MGg-Cb-lL0"/>
                 <constraint firstItem="hnM-Yz-8h1" firstAttribute="leading" secondItem="gTV-IL-0wX" secondAttribute="leading" constant="2" id="Rjs-Ag-bY0"/>
+                <constraint firstItem="ZdQ-cS-9PV" firstAttribute="leading" secondItem="hnM-Yz-8h1" secondAttribute="leading" id="ZsJ-k2-zyI"/>
+                <constraint firstItem="ZdQ-cS-9PV" firstAttribute="trailing" secondItem="hnM-Yz-8h1" secondAttribute="trailing" id="aBg-xq-Mtj"/>
                 <constraint firstItem="5HA-yB-R7S" firstAttribute="leading" secondItem="gTV-IL-0wX" secondAttribute="leading" id="bZN-gl-Jhl"/>
                 <constraint firstItem="hnM-Yz-8h1" firstAttribute="top" secondItem="gTV-IL-0wX" secondAttribute="top" constant="2" id="hA9-qF-fWY"/>
+                <constraint firstItem="ZdQ-cS-9PV" firstAttribute="bottom" secondItem="hnM-Yz-8h1" secondAttribute="bottom" id="miJ-Zo-YSX"/>
                 <constraint firstItem="5HA-yB-R7S" firstAttribute="top" secondItem="gTV-IL-0wX" secondAttribute="top" id="pUm-bZ-rD9"/>
                 <constraint firstAttribute="bottom" secondItem="hnM-Yz-8h1" secondAttribute="bottom" constant="2" id="wpX-8b-ecT"/>
             </constraints>
             <size key="customSize" width="286" height="133"/>
             <connections>
+                <outlet property="addPhotoImageView" destination="e2c-wO-dVr" id="wAY-DM-jFr"/>
                 <outlet property="bgView" destination="5HA-yB-R7S" id="XwF-Gw-MoT"/>
                 <outlet property="imageView" destination="hnM-Yz-8h1" id="aTy-l5-hSx"/>
+                <outlet property="opacityView" destination="ZdQ-cS-9PV" id="bV9-jX-K7u"/>
             </connections>
-            <point key="canvasLocation" x="-74" y="41"/>
+            <point key="canvasLocation" x="-75.362318840579718" y="40.513392857142854"/>
         </collectionViewCell>
     </objects>
     <resources>
+        <image name="iconAddPhoto" width="24" height="24"/>
         <namedColor name="textBox">
             <color red="0.94509803921568625" green="0.95294117647058818" blue="0.96078431372549022" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
         </namedColor>
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
index f3d7353d..40f007a1 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
@@ -9,12 +9,20 @@ import UIKit
 
 class FrontCardCreationCollectionViewCell: UICollectionViewCell {
     
+    // MARK: - Protocols
+    
+    public weak var frontCardCreationDelegate: FrontCardCreationDelegate?
+    
     // MARK: - Properties
     
     private let backgroundList = ["img", "img", "img", "img", "img"]
     private var requiredTextFieldList = [UITextField]()
     private var optionalTextFieldList = [UITextField]()
-    public weak var frontCardCreationDelegate: FrontCardCreationDelegate?
+    private var cardBackgroundImage: UIImage?
+    private var defaultImageIndex: Int?
+  
+    public var presentingBirthBottomVCClosure: (() -> Void)?
+    public var presentingMBTIBottomVCClosure: (() -> Void)?
     
     // MARK: - @IBOutlet Properties
     
@@ -44,6 +52,7 @@ class FrontCardCreationCollectionViewCell: UICollectionViewCell {
         setUI()
         registerCell()
         textFieldDelegate()
+        setNotification()
     }
 }
 
@@ -59,6 +68,7 @@ extension FrontCardCreationCollectionViewCell {
         backgroundSettingCollectionView.backgroundColor = .background
         
         let collectionViewLayout = backgroundSettingCollectionView.collectionViewLayout as? UICollectionViewFlowLayout
+        collectionViewLayout?.estimatedItemSize = .zero
         collectionViewLayout?.scrollDirection = .horizontal
         
         let backgroundAttributeString = NSMutableAttributedString(string: "*명함의 배경을 선택해 주세요.")
@@ -96,7 +106,7 @@ extension FrontCardCreationCollectionViewCell {
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
         
-        instagramIDTextField.attributedPlaceholder = NSAttributedString(string: "Instagram", attributes: [
+        instagramIDTextField.attributedPlaceholder = NSAttributedString(string: "Instagram (@ 제외)", attributes: [
             NSAttributedString.Key.foregroundColor: UIColor.quaternary
         ])
         linkURLTextField.attributedPlaceholder = NSAttributedString(string: "URL (Github, Blog)", attributes: [
@@ -146,13 +156,84 @@ extension FrontCardCreationCollectionViewCell {
         _ = requiredTextFieldList.map { $0.delegate = self }
         _ = optionalTextFieldList.map { $0.delegate = self }
     }
+    private func setNotification() {
+        NotificationCenter.default.addObserver(self, selector: #selector(setBirthTextField(notification:)), name: .frontCardBirth, object: nil)
+        NotificationCenter.default.addObserver(self, selector: #selector(setMBTITextField(notification:)), name: .frontCardMBTI, object: nil)
+        NotificationCenter.default.addObserver(self, selector: #selector(setCardBackgroundImage(notifiation:)), name: .sendNewImage, object: nil)
+    }
+    
+    /// front card 가 편집되었는지. 필수 항목이 다 입력되었는지 체크.
+    private func checkFrontCradStatus() {
+        frontCardCreationDelegate?.frontCardCreation(endEditing: true)
+        if cardTitleTextField.hasText &&
+            userNameTextField.hasText &&
+            birthTextField.hasText &&
+            mbtiTextField.hasText &&
+            defaultImageIndex != nil {
+            frontCardCreationDelegate?.frontCardCreation(requiredInfo: true)
+            frontCardCreationDelegate?.frontCardCreation(withRequired: [
+                "defaultImageIndex": String(defaultImageIndex ?? -1),
+                "title": cardTitleTextField.text ?? "",
+                "name": userNameTextField.text ?? "",
+                "birthDate": birthTextField.text ?? "",
+                "mbti": mbtiTextField.text ?? ""
+            ], withOptional: [
+                "instagram": instagramIDTextField.text ?? "",
+                "linkURL": linkURLTextField.text ?? "",
+                "description": descriptionTextField.text ?? ""
+            ])
+        } else {
+            frontCardCreationDelegate?.frontCardCreation(requiredInfo: false)
+        }
+    }
     static func nib() -> UINib {
         return UINib(nibName: Const.Xib.frontCardCreationCollectionViewCell, bundle: Bundle(for: FrontCardCreationCollectionViewCell.self))
     }
+    
+    // MARK: - @objc Methods
+    
+    @objc
+    private func setBirthTextField(notification: NSNotification) {
+        birthTextField.text = notification.object as? String
+    
+        birthTextField.borderWidth = 0
+    }
+    @objc
+    private func setMBTITextField(notification: NSNotification) {
+        mbtiTextField.text = notification.object as? String
+        
+        mbtiTextField.borderWidth = 0
+    }
+    @objc
+    private func setCardBackgroundImage(notifiation: NSNotification) {
+        cardBackgroundImage = notifiation.object as? UIImage
+        backgroundSettingCollectionView.reloadData()
+    }
 }
 
 // MARK: - UICollectionViewDelegate
-extension FrontCardCreationCollectionViewCell: UICollectionViewDelegate { }
+extension FrontCardCreationCollectionViewCell: UICollectionViewDelegate {
+    
+    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        
+        switch indexPath.item {
+        case 0:
+            NotificationCenter.default.post(name: .presentingImagePicker, object: nil)
+            defaultImageIndex = 0
+        case 1:
+            defaultImageIndex = 1
+        case 2:
+            defaultImageIndex = 2
+        case 3:
+            defaultImageIndex = 3
+        case 4:
+            defaultImageIndex = 4
+        default:
+            return
+        }
+        checkFrontCradStatus()
+    }
+}
 
 // MARK: - UICollectionViewDataSource
 extension FrontCardCreationCollectionViewCell: UICollectionViewDataSource {
@@ -164,8 +245,14 @@ extension FrontCardCreationCollectionViewCell: UICollectionViewDataSource {
         guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: Const.Xib.backgroundCollectionViewCell, for: indexPath) as? BackgroundCollectionViewCell else {
             return UICollectionViewCell()
         }
-        cell.initCell(image: backgroundList[indexPath.item])
-        
+        switch indexPath.item {
+        case 0:
+            cell.initCell(image: cardBackgroundImage ?? UIImage(), isFirst: true)
+        default:
+            // FIXME: - 기본 명함 배경 넘겨주면 수정.
+//            guard let image = UIImage(systemName: backgroundList[indexPath.item]) else { return UICollectionViewCell() }
+            cell.initCell(image: UIImage(), isFirst: false)
+        }
         return cell
     }
 }
@@ -176,6 +263,9 @@ extension FrontCardCreationCollectionViewCell: UICollectionViewDelegateFlowLayou
         return UIEdgeInsets(top: 0, left: 26, bottom: 0, right: 26)
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
+        return 0
+    }
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
         return 12
     }
     func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
@@ -186,31 +276,21 @@ extension FrontCardCreationCollectionViewCell: UICollectionViewDelegateFlowLayou
 // MARK: - UITextFieldDelegate
 extension FrontCardCreationCollectionViewCell: UITextFieldDelegate {
     func textFieldDidBeginEditing(_ textField: UITextField) {
-        textField.borderWidth = 1
-        textField.borderColor = .tertiary
-        textField.becomeFirstResponder()
+        switch textField {
+        case birthTextField:
+            textField.endEditing(true)
+            presentingBirthBottomVCClosure?()
+        case mbtiTextField:
+            textField.endEditing(true)
+            presentingMBTIBottomVCClosure?()
+        default:
+            textField.borderWidth = 1
+            textField.borderColor = .tertiary
+        }
     }
     func textFieldDidEndEditing(_ textField: UITextField) {
-        frontCardCreationDelegate?.frontCardCreation(endEditing: true)
-        if cardTitleTextField.hasText &&
-            userNameTextField.hasText &&
-            birthTextField.hasText &&
-            mbtiTextField.hasText {
-            frontCardCreationDelegate?.frontCardCreation(requiredInfo: true)
-            frontCardCreationDelegate?.frontCardCreation(withRequired: [
-                "defaultImage": String(0),
-                "title": cardTitleTextField.text ?? "",
-                "name": userNameTextField.text ?? "",
-                "birthDate": birthTextField.text ?? "",
-                "mbti": mbtiTextField.text ?? ""
-            ], withOptional: [
-                "instagram": instagramIDTextField.text ?? "",
-                "linkURL": linkURLTextField.text ?? "",
-                "description": descriptionTextField.text ?? ""
-            ])
-        } else {
-            frontCardCreationDelegate?.frontCardCreation(requiredInfo: false)
-        }
+        checkFrontCradStatus()
+        textField.resignFirstResponder()
         textField.borderWidth = 0
     }
     func textFieldShouldReturn(_ textField: UITextField) -> Bool {
diff --git a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
index b0099cc2..bbe18b1b 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.xib
@@ -36,7 +36,7 @@
                                         <constraints>
                                             <constraint firstAttribute="height" constant="60" id="bbj-v2-jbC"/>
                                         </constraints>
-                                        <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="OSy-Yq-ISV">
+                                        <collectionViewFlowLayout key="collectionViewLayout" automaticEstimatedItemSize="YES" minimumLineSpacing="10" minimumInteritemSpacing="10" id="OSy-Yq-ISV">
                                             <size key="itemSize" width="128" height="128"/>
                                             <size key="headerReferenceSize" width="0.0" height="0.0"/>
                                             <size key="footerReferenceSize" width="0.0" height="0.0"/>
diff --git a/NADA-iOS-forRelease/Sources/Cells/GroupCell/CardInGroupCollectionViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/GroupCell/CardInGroupCollectionViewCell.xib
index e2f72212..8f68f63a 100644
--- a/NADA-iOS-forRelease/Sources/Cells/GroupCell/CardInGroupCollectionViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/GroupCell/CardInGroupCollectionViewCell.xib
@@ -32,6 +32,10 @@
                             <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="card" translatesAutoresizingMaskIntoConstraints="NO" id="nFQ-dL-nGf">
                                 <rect key="frame" x="0.0" y="0.0" width="156" height="258"/>
                             </imageView>
+                            <view alpha="0.5" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="9V6-ba-Kga">
+                                <rect key="frame" x="0.0" y="0.0" width="156" height="258"/>
+                                <color key="backgroundColor" white="0.0" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                            </view>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="SOPT 명함" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Rng-0l-SgL">
                                 <rect key="frame" x="12" y="25" width="43" height="11"/>
                                 <fontDescription key="fontDescription" name="SpoqaHanSansNeo-Bold" family="Spoqa Han Sans Neo" pointSize="9"/>
@@ -92,7 +96,9 @@
                         <color key="backgroundColor" systemColor="systemBackgroundColor"/>
                         <constraints>
                             <constraint firstItem="07x-TC-A3z" firstAttribute="leading" secondItem="UBI-OG-7RY" secondAttribute="leading" constant="12" id="4Z6-6e-o0s"/>
+                            <constraint firstItem="9V6-ba-Kga" firstAttribute="leading" secondItem="nFQ-dL-nGf" secondAttribute="leading" id="6TS-WS-WqP"/>
                             <constraint firstItem="oO0-od-Oxm" firstAttribute="leading" secondItem="07x-TC-A3z" secondAttribute="trailing" constant="3" id="7sY-Ae-RN1"/>
+                            <constraint firstItem="9V6-ba-Kga" firstAttribute="trailing" secondItem="nFQ-dL-nGf" secondAttribute="trailing" id="9xP-0b-rf8"/>
                             <constraint firstItem="R2H-kH-GqM" firstAttribute="leading" secondItem="XFs-Sv-f0r" secondAttribute="trailing" constant="3" id="ARH-vK-SuC"/>
                             <constraint firstItem="XFs-Sv-f0r" firstAttribute="leading" secondItem="UBI-OG-7RY" secondAttribute="leading" constant="12" id="DgX-lM-v3f"/>
                             <constraint firstItem="nFQ-dL-nGf" firstAttribute="leading" secondItem="UBI-OG-7RY" secondAttribute="leading" id="JMw-lr-b2G"/>
@@ -109,11 +115,13 @@
                             <constraint firstAttribute="width" constant="156" id="bCJ-f5-AU6"/>
                             <constraint firstAttribute="trailing" secondItem="nFQ-dL-nGf" secondAttribute="trailing" id="bYg-oY-TXD"/>
                             <constraint firstItem="07x-TC-A3z" firstAttribute="top" secondItem="XFs-Sv-f0r" secondAttribute="bottom" constant="5" id="dOi-vF-3nL"/>
+                            <constraint firstItem="9V6-ba-Kga" firstAttribute="top" secondItem="nFQ-dL-nGf" secondAttribute="top" id="gzR-cH-WC7"/>
                             <constraint firstItem="WCz-jU-GLW" firstAttribute="top" secondItem="tBD-lZ-HlH" secondAttribute="bottom" constant="6" id="hZ7-6i-u0f"/>
                             <constraint firstItem="R2H-kH-GqM" firstAttribute="top" secondItem="Wwx-y2-tN3" secondAttribute="bottom" constant="28.5" id="ihY-o5-XjH"/>
                             <constraint firstItem="oO0-od-Oxm" firstAttribute="top" secondItem="R2H-kH-GqM" secondAttribute="bottom" constant="7.5" id="jy0-Iu-udc"/>
                             <constraint firstAttribute="height" constant="258" id="k1e-3O-9RK"/>
                             <constraint firstItem="tBD-lZ-HlH" firstAttribute="top" secondItem="RM7-A9-SfR" secondAttribute="bottom" constant="96" id="k2H-sd-orF"/>
+                            <constraint firstItem="9V6-ba-Kga" firstAttribute="bottom" secondItem="nFQ-dL-nGf" secondAttribute="bottom" id="mtq-ik-plt"/>
                             <constraint firstItem="WCz-jU-GLW" firstAttribute="leading" secondItem="UBI-OG-7RY" secondAttribute="leading" constant="12" id="oUb-dX-0YV"/>
                         </constraints>
                     </view>
diff --git a/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.swift b/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.swift
index 1ff9b031..6eacf75e 100644
--- a/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.swift
@@ -9,26 +9,12 @@ import UIKit
 
 class MoreListTableViewCell: UITableViewCell {
     
-    let myUserDefaults = UserDefaults.standard
-
     @IBOutlet weak var titleLabel: UILabel!
-    @IBOutlet weak var modeSwitch: UISwitch!
     @IBOutlet weak var separatorView: UIView!
     
     override func awakeFromNib() {
         super.awakeFromNib()
-        // Initialization code
-        setModeBySwitch()
-    }
-    
-    @IBAction func modeChangeButton(_ sender: Any) {
-        myUserDefaults.set(modeSwitch.isOn, forKey: "switchState")
         
-        if #available(iOS 13, *) {
-            window!.overrideUserInterfaceStyle = modeSwitch.isOn == true ? .dark : .light
-        } else {
-            window?.overrideUserInterfaceStyle = .light
-        }
     }
     
     static func nib() -> UINib {
@@ -39,8 +25,4 @@ class MoreListTableViewCell: UITableViewCell {
         super.setSelected(selected, animated: animated)
         
     }
-    
-    func setModeBySwitch() {
-        modeSwitch.isOn = myUserDefaults.bool(forKey: "switchState")
-    }
 }
diff --git a/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.xib b/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.xib
index 5124b56d..0f87d056 100644
--- a/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/MoreList/MoreListTableViewCell.xib
@@ -34,29 +34,19 @@
                             <constraint firstAttribute="height" constant="1" id="JaL-30-a4H"/>
                         </constraints>
                     </view>
-                    <switch opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" contentHorizontalAlignment="center" contentVerticalAlignment="center" translatesAutoresizingMaskIntoConstraints="NO" id="X9p-6n-YCp">
-                        <rect key="frame" x="302" y="13" width="51" height="32"/>
-                        <connections>
-                            <action selector="modeChangeButton:" destination="KGk-i7-Jjw" eventType="valueChanged" id="76S-PD-4BQ"/>
-                        </connections>
-                    </switch>
                 </subviews>
                 <color key="backgroundColor" name="background"/>
                 <constraints>
                     <constraint firstItem="ZEb-kz-9Ea" firstAttribute="centerY" secondItem="H2p-sc-9uM" secondAttribute="centerY" id="8GW-mI-P4b"/>
                     <constraint firstItem="ZEb-kz-9Ea" firstAttribute="leading" secondItem="H2p-sc-9uM" secondAttribute="leading" constant="32" id="94J-lZ-0o9"/>
                     <constraint firstItem="QoL-PR-cfm" firstAttribute="leading" secondItem="H2p-sc-9uM" secondAttribute="leading" constant="16" id="ESt-jC-Lig"/>
-                    <constraint firstAttribute="trailing" secondItem="X9p-6n-YCp" secondAttribute="trailing" constant="24" id="Szs-hm-KCD"/>
-                    <constraint firstItem="X9p-6n-YCp" firstAttribute="centerY" secondItem="H2p-sc-9uM" secondAttribute="centerY" id="ZU2-nv-rwV"/>
                     <constraint firstAttribute="trailing" secondItem="QoL-PR-cfm" secondAttribute="trailing" constant="16" id="bKa-vh-6I3"/>
-                    <constraint firstItem="X9p-6n-YCp" firstAttribute="top" secondItem="H2p-sc-9uM" secondAttribute="top" constant="13" id="glA-bt-HG0"/>
                     <constraint firstAttribute="bottom" secondItem="QoL-PR-cfm" secondAttribute="bottom" id="sOk-Ny-hpT"/>
                     <constraint firstItem="ZEb-kz-9Ea" firstAttribute="top" secondItem="H2p-sc-9uM" secondAttribute="top" constant="20" id="tsK-gs-8AR"/>
                 </constraints>
             </tableViewCellContentView>
             <viewLayoutGuide key="safeArea" id="njF-e1-oar"/>
             <connections>
-                <outlet property="modeSwitch" destination="X9p-6n-YCp" id="hL4-79-N7S"/>
                 <outlet property="separatorView" destination="QoL-PR-cfm" id="B7m-Td-SQ0"/>
                 <outlet property="titleLabel" destination="ZEb-kz-9Ea" id="cQm-Mv-7vw"/>
             </connections>
diff --git a/NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift b/NADA-iOS-forRelease/Sources/Protocols/CardCreation/BackCardCreationDelegate.swift
similarity index 100%
rename from NADA-iOS-forRelease/Sources/Protocols/BackCardCreationDelegate.swift
rename to NADA-iOS-forRelease/Sources/Protocols/CardCreation/BackCardCreationDelegate.swift
diff --git a/NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift b/NADA-iOS-forRelease/Sources/Protocols/CardCreation/FrontCardCreationDelegate.swift
similarity index 100%
rename from NADA-iOS-forRelease/Sources/Protocols/FrontCardCreationDelegate.swift
rename to NADA-iOS-forRelease/Sources/Protocols/CardCreation/FrontCardCreationDelegate.swift
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectBirthBottomViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectBirthBottomViewController.swift
new file mode 100644
index 00000000..2de5e31f
--- /dev/null
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectBirthBottomViewController.swift
@@ -0,0 +1,154 @@
+//
+//  SelectBirthBottomViewController.swift
+//  NADA-iOS-forRelease
+//
+//  Created by kimhyungyu on 2021/11/30.
+//
+
+import UIKit
+
+class SelectBirthBottomSheetViewController: CommonBottomSheetViewController {
+
+    // MARK: - Properties
+    
+    private let yearList: [String] = [Int](1950...2021).map { String($0) }.reversed()
+    private let monthList: [String] = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"]
+    private let dayList: [String] = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"]
+    private var year = String()
+    private var month = String()
+    private var day = String()
+    private var selectedBirth = String()
+    
+    // MARK: - Components
+    
+    private let birthPicker: UIPickerView = {
+        let pickerView = UIPickerView()
+        
+        return pickerView
+    }()
+    
+    private let doneButton: UIButton = {
+        let button = UIButton()
+        button.setImage(UIImage(named: "btnMainDone"), for: .normal)
+        button.addTarget(self, action: #selector(dismissToCardCreationViewController), for: .touchUpInside)
+        
+        return button
+    }()
+    
+    // MARK: - View Life Cycle
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        
+        setupUI()
+    }
+}
+    
+// MARK: - Extensions
+
+extension SelectBirthBottomSheetViewController {
+    private func setupUI() {
+        view.addSubview(birthPicker)
+        view.addSubview(doneButton)
+        
+        selectedBirth = yearList[0] + "/" + monthList[0] + "/" + dayList[0]
+        
+        birthPicker.delegate = self
+        birthPicker.dataSource = self
+        
+        setupLayout()
+    }
+    private func setupLayout() {
+        birthPicker.selectedRow(inComponent: 0)
+        birthPicker.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            birthPicker.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: -20),
+            birthPicker.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor),
+            birthPicker.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
+            birthPicker.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16)
+        ])
+        
+        doneButton.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            doneButton.topAnchor.constraint(equalTo: birthPicker.bottomAnchor, constant: 0),
+            doneButton.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor),
+            doneButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 24),
+            doneButton.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -24)
+        ])
+    }
+    
+    // MARK: - @objc Methods
+    
+    @objc func dismissToCardCreationViewController() {
+        NotificationCenter.default.post(name: .frontCardBirth, object: selectedBirth)
+        dismiss(animated: true, completion: nil)
+    }
+
+}
+
+extension SelectBirthBottomSheetViewController: UIPickerViewDelegate, UIPickerViewDataSource {
+    func numberOfComponents(in pickerView: UIPickerView) -> Int {
+        return 3
+    }
+    
+    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
+        if component == 0 {
+            return yearList.count
+        } else if component == 1 {
+            return monthList.count
+        } else {
+            return dayList.count
+        }
+    }
+
+    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
+        let label = (view as? UILabel) ?? UILabel()
+
+        label.textAlignment = .center
+
+        if component == 0 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: yearList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: yearList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        } else if component == 1 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: monthList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: monthList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        } else if component == 2 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: dayList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: dayList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        }
+        
+        return label
+    }
+
+    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
+        pickerView.reloadAllComponents()
+        
+        if component == 0 {
+            year = yearList[row]
+        } else if component == 1 {
+            month = monthList[row]
+        } else if component == 2 {
+            day = dayList[row]
+        }
+        year = year.isEmpty ? yearList[0] : year
+        month = month.isEmpty ? monthList[0] : month
+        day = day.isEmpty ? dayList[0] : day
+        selectedBirth = year + "/" + month + "/" + day
+    }
+    
+    func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
+        return 44
+    }
+}
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectMBTIBottomViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectMBTIBottomViewController.swift
new file mode 100644
index 00000000..72f7d310
--- /dev/null
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/BottomSheet/SelectMBTIBottomViewController.swift
@@ -0,0 +1,167 @@
+//
+//  SelectMBTIBottomViewController.swift
+//  NADA-iOS-forRelease
+//
+//  Created by kimhyungyu on 2021/12/01.
+//
+
+import UIKit
+
+class SelectMBTIBottmViewController: CommonBottomSheetViewController {
+    
+    // MARK: - Properties
+    
+    private let firstList: [String] = ["E", "I"]
+    private let secondList: [String] = ["N", "S"]
+    private let thirdList: [String] = ["T", "F"]
+    private let fourthList: [String] = ["J", "P"]
+    private var first = String()
+    private var second = String()
+    private var third = String()
+    private var fourth = String()
+    private var selectedMBTI = String()
+    
+    // MARK: - Components
+    
+    private let mbtiPicker: UIPickerView = {
+        let pickerView = UIPickerView()
+        
+        return pickerView
+    }()
+    
+    private let doneButton: UIButton = {
+        let button = UIButton()
+        button.setImage(UIImage(named: "btnMainDone"), for: .normal)
+        button.addTarget(self, action: #selector(dismissToCardCreationViewController), for: .touchUpInside)
+        
+        return button
+    }()
+    
+    // MARK: - View Life Cycle
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        
+        setupUI()
+    }
+    
+    // MARK: - Methods
+    
+    // UI 세팅 작업
+    private func setupUI() {
+        view.addSubview(mbtiPicker)
+        view.addSubview(doneButton)
+        
+        selectedMBTI = firstList[0] + secondList[0] + thirdList[0] + fourthList[0]
+        
+        mbtiPicker.delegate = self
+        mbtiPicker.dataSource = self
+        
+        setupLayout()
+    }
+    
+    // 레이아웃 세팅
+    private func setupLayout() {
+        mbtiPicker.selectedRow(inComponent: 0)
+        mbtiPicker.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            mbtiPicker.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: -20),
+            mbtiPicker.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor)
+        ])
+        
+        doneButton.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            doneButton.topAnchor.constraint(equalTo: mbtiPicker.bottomAnchor, constant: 0),
+            doneButton.centerXAnchor.constraint(equalTo: bottomSheetView.centerXAnchor)
+        ])
+    }
+    
+    @objc func dismissToCardCreationViewController() {
+        NotificationCenter.default.post(name: .frontCardMBTI, object: selectedMBTI)
+        dismiss(animated: true, completion: nil)
+    }
+
+}
+
+extension SelectMBTIBottmViewController: UIPickerViewDelegate, UIPickerViewDataSource {
+    func numberOfComponents(in pickerView: UIPickerView) -> Int {
+        return 4
+    }
+    
+    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
+        if component == 0 {
+            return firstList.count
+        } else if component == 1 {
+            return secondList.count
+        } else if component == 2 {
+            return thirdList.count
+        } else {
+            return fourthList.count
+        }
+    }
+
+    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
+        let label = (view as? UILabel) ?? UILabel()
+
+        label.textAlignment = .center
+        
+        if component == 0 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: firstList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: firstList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        } else if component == 1 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: secondList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: secondList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        } else if component == 2 {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: thirdList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: thirdList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        } else {
+            if pickerView.selectedRow(inComponent: component) == row {
+                label.attributedText = NSAttributedString(string: fourthList[row], attributes: [NSAttributedString.Key.font: UIFont.textBold01, NSAttributedString.Key.foregroundColor: UIColor.mainColorNadaMain])
+
+            } else {
+                label.attributedText = NSAttributedString(string: fourthList[row], attributes: [NSAttributedString.Key.font: UIFont.textRegular03, NSAttributedString.Key.foregroundColor: UIColor.quaternary])
+            }
+        }
+        return label
+    }
+    
+    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
+        if component == 0 {
+            first = firstList[row]
+        } else if component == 1 {
+            second = secondList[row]
+        } else if component == 2 {
+            third = thirdList[row]
+        } else if component == 3 {
+            fourth = fourthList[row]
+        }
+
+        first = first.isEmpty ? firstList[0] : first
+        second = second.isEmpty ? secondList[0] : second
+        third = third.isEmpty ? thirdList[0] : third
+        fourth = fourth.isEmpty ? fourthList[0] : fourth
+        
+        selectedMBTI = first + second + third + fourth
+        pickerView.reloadAllComponents()
+    }
+    
+    func pickerView(_ pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat {
+        return 44
+    }
+//
+    func pickerView(_ pickerView: UIPickerView, widthForComponent component: Int) -> CGFloat {
+        return  CGFloat(pickerView.frame.size.width / 4)
+    }
+}
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
index 89dcf46e..40fc6870 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
@@ -9,10 +9,11 @@ import UIKit
 
 class CardCreationPreviewViewController: UIViewController {
     
-    var backgroundImage: Data?
-    var frontCardDataModel: FrontCardDataModel?
-    var backCardDataModel: BackCardDataModel?
+    public var frontCardDataModel: FrontCardDataModel?
+    public var backCardDataModel: BackCardDataModel?
+    public var cardBackgroundImage: UIImage?
     
+    private var isFront = true
     private var cardCreationRequest: CardCreationRequest?
     
     // MARK: - @IBOutlet Properties
@@ -27,13 +28,15 @@ class CardCreationPreviewViewController: UIViewController {
         super.viewDidLoad()
         
         setUI()
+        setFrontCard()
+        setGestureRecognizer()
     }
     @IBAction func touchCompleteButton(_ sender: Any) {
         guard let frontCardDataModel = frontCardDataModel, let backCardDataModel = backCardDataModel else { return }
         cardCreationRequest = CardCreationRequest(userID: "", frontCard: frontCardDataModel, backCard: backCardDataModel)
         guard let cardCreationRequest = cardCreationRequest else { return }
-        // TODO: - 갤러리 추가/이미지 코드 추가
-        cardCreationWithAPI(request: cardCreationRequest, image: UIImage(systemName: "card")!)
+
+        cardCreationWithAPI(request: cardCreationRequest, image: cardBackgroundImage ?? UIImage())
     }
     @IBAction func touchBackButton(_ sender: Any) {
         navigationController?.popViewController(animated: true)
@@ -72,33 +75,58 @@ extension CardCreationPreviewViewController {
             completeButton.setBackgroundImage(UIImage(named: "enableButtonBackground"), for: .normal)
             completeButton.setTitleColor(.white, for: .normal)
         }
-        setFrontCardWith()
     }
-    
-    private func setFrontCardWith() {
+    private func setFrontCard() {
         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(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)
-        // FIXME: - 갤러리 추가/주석해제
-        //        guard let frontCardDataModel = frontCardDataModel else { return }
-        //        frontCard.initCell("", frontCardDataModel.title, frontCardDataModel.description, frontCardDataModel.name, frontCardDataModel.birthDate, frontCardDataModel.mbti, frontCardDataModel.instagramID, frontCardDataModel.linkURL)
+        guard let frontCardDataModel = frontCardDataModel else { return }
+        frontCard.initCell(cardBackgroundImage, 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")
         cardView.addSubview(frontCard)
     }
+    private func setGestureRecognizer() {
+        let swipeLeftGestureRecognizer = UISwipeGestureRecognizer(target: self, action: #selector(transitionCardWithAnimation(_:)))
+        swipeLeftGestureRecognizer.direction = .left
+        self.cardView.addGestureRecognizer(swipeLeftGestureRecognizer)
+        
+        let swipeRightGestureRecognizer = UISwipeGestureRecognizer(target: self, action: #selector(transitionCardWithAnimation(_:)))
+        swipeRightGestureRecognizer.direction = .right
+        self.cardView.addGestureRecognizer(swipeRightGestureRecognizer)
+    }
+
+    // MARK: - @objc Methods
     
-    private func setBackCardWith() {
-        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)
+    @objc
+    private func transitionCardWithAnimation(_ swipeGesture: UISwipeGestureRecognizer) {
+        if isFront {
+            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)
+            backCard.initCell(cardBackgroundImage, backCardDataModel.isMincho, !backCardDataModel.isMincho, backCardDataModel.isSoju, !backCardDataModel.isSoju, backCardDataModel.isBoomuk, !backCardDataModel.isBoomuk, backCardDataModel.isSauced, !backCardDataModel.isSauced, backCardDataModel.firstTMI, backCardDataModel.secondTMI, backCardDataModel.thirdTMI)
+            
+            cardView.addSubview(backCard)
+            isFront = false
+        } else {
+            guard let frontCard = FrontCardCell.nib().instantiate(withOwner: 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(cardBackgroundImage, frontCardDataModel.title, frontCardDataModel.description, frontCardDataModel.name, frontCardDataModel.birthDate, frontCardDataModel.mbti, frontCardDataModel.instagramID, frontCardDataModel.linkURL)
+            
+            cardView.addSubview(frontCard)
+            isFront = true
+        }
+        if swipeGesture.direction == .right {
+            UIView.transition(with: cardView, duration: 1, options: .transitionFlipFromLeft, animations: nil) { _ in
+                self.cardView.subviews[0].removeFromSuperview()
+            }
+        } else {
+            UIView.transition(with: cardView, duration: 1, options: .transitionFlipFromRight, animations: nil) { _ in
+                self.cardView.subviews[0].removeFromSuperview()
+            }
+        }
         
-        // FIXME: - dummy data
-        backCard.initCell("card", false, true, false, true, false, true, false, true, "티엠아이", "모쓰지", "모르겠다")
-        cardView.addSubview(backCard)
     }
     
     // MARK: - Network
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
index de393469..9308f70d 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
@@ -38,6 +38,10 @@ class CardCreationViewController: UIViewController {
     private var currentIndex = 0
     private var frontCard: FrontCardDataModel?
     private var backCard: BackCardDataModel?
+    private var mbtiText: String?
+    private var birthText: String?
+    private var newImage: UIImage?
+    private var defaultImageIndex: Int?
     
     // MARK: - @IBOutlet Properties
     
@@ -57,6 +61,7 @@ class CardCreationViewController: UIViewController {
         setUI()
         registerCell()
         setTextLabelGesture()
+        setNotification()
         
         // FIXME: 서버통신 테스트 중. 추후 호출 위치 변경.
 //        cardDetailFetchWithAPI(cardID: "cardA")
@@ -88,6 +93,7 @@ class CardCreationViewController: UIViewController {
         
         nextVC.frontCardDataModel = frontCard
         nextVC.backCardDataModel = backCard
+        nextVC.cardBackgroundImage = newImage
         navigationController?.pushViewController(nextVC, animated: true)
     }
 }
@@ -173,8 +179,8 @@ extension CardCreationViewController {
         backTextLabel.addGestureRecognizer(tapBackTextLabelGesture)
         backTextLabel.isUserInteractionEnabled = true
     }
-    private func checkEditingMode() {
-        
+    private func setNotification() {
+        NotificationCenter.default.addObserver(self, selector: #selector(presentToImagePicker), name: .presentingImagePicker, object: nil)
     }
     
     // MARK: - @objc Methods
@@ -205,6 +211,15 @@ extension CardCreationViewController {
              self.backTextLabel.textColor = .quaternary
         }
     }
+    @objc
+    private func presentToImagePicker() {
+        let imagePicker = UIImagePickerController()
+        imagePicker.sourceType = .photoLibrary
+        imagePicker.allowsEditing = true
+        imagePicker.delegate = self
+        
+        present(imagePicker, animated: true, completion: nil)
+    }
 }
 
 // MARK: - Network
@@ -301,6 +316,20 @@ extension CardCreationViewController: UICollectionViewDataSource {
                     return UICollectionViewCell()
                 }
                 frontCreationCell.frontCardCreationDelegate = self
+                frontCreationCell.presentingBirthBottomVCClosure = {
+                    let nextVC = SelectBirthBottomSheetViewController()
+                                .setTitle("생년월일")
+                                .setHeight(355)
+                    nextVC.modalPresentationStyle = .overFullScreen
+                    self.present(nextVC, animated: false, completion: nil)
+                }
+                frontCreationCell.presentingMBTIBottomVCClosure = {
+                    let nextVC = SelectMBTIBottmViewController()
+                                .setTitle("MBTI")
+                                .setHeight(355)
+                    nextVC.modalPresentationStyle = .overFullScreen
+                    self.present(nextVC, animated: false, completion: nil)
+                }
                 
                 return frontCreationCell
             } else if indexPath.item == 1 {
@@ -350,8 +379,8 @@ extension CardCreationViewController: FrontCardCreationDelegate {
         isEditingMode = valid
     }
     func frontCardCreation(withRequired requiredInfo: [String: String], withOptional optionalInfo: [String: String]) {
-        frontCard = FrontCardDataModel(defaultImage: Int(requiredInfo["defaultImage"] ?? "0") ?? 0,
-                                       title: requiredInfo["title"]  ?? "",
+        frontCard = FrontCardDataModel(defaultImage: Int(requiredInfo["defaultImage"] ?? "-1") ?? -1,
+                                       title: requiredInfo["title"] ?? "",
                                        name: requiredInfo["name"] ?? "",
                                        birthDate: requiredInfo["birthDate"] ?? "",
                                        mbti: requiredInfo["mbti"] ?? "",
@@ -385,3 +414,18 @@ extension CardCreationViewController: BackCardCreationDelegate {
                                      thirdTMI: optionalInfo["thirdTMI"] ?? "")
     }
 }
+
+extension CardCreationViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate {
+    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey: Any]) {
+        if let editedImage = info[UIImagePickerController.InfoKey.editedImage] as? UIImage {
+            newImage = editedImage
+        } else if let originalImage = info[UIImagePickerController.InfoKey.originalImage] as? UIImage {
+            newImage = originalImage
+        }
+        if let cropImage = info[UIImagePickerController.InfoKey.cropRect] as? UIImage {
+            newImage = cropImage
+        }
+        NotificationCenter.default.post(name: .sendNewImage, object: newImage)
+        picker.dismiss(animated: true, completion: nil)
+    }
+}
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/Main/FrontViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/Main/FrontViewController.swift
index cde75efd..1d1563ec 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/Main/FrontViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/Main/FrontViewController.swift
@@ -55,7 +55,7 @@ class FrontViewController: UIViewController {
         
         setFrontList()
         setBackList()
-        
+                
         // TODO: - 서버 테스트
 //        cardListFetchWithAPI(userID: "nada", isList: false, offset: 0)
     }
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/More/MoreViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/More/MoreViewController.swift
index 180d7d4e..5eff4a53 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/More/MoreViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/More/MoreViewController.swift
@@ -9,20 +9,48 @@ import UIKit
 
 class MoreViewController: UIViewController {
     
-    var firstItems = ["다크 모드"]
-    var secondItems = ["개인정보 처리방침", "서비스 이용약관", "Team NADA", "오픈소스 라이브러리"]
-    var thirdItems = ["로그아웃", "정보 초기화", "회원탈퇴"]
+    let defaults = UserDefaults.standard
+    
+    var firstItems = ["개인정보 처리방침", "서비스 이용약관", "Team NADA", "오픈소스 라이브러리"]
+    var secondItems = ["로그아웃", "정보 초기화", "회원탈퇴"]
     
     @IBOutlet weak var moreListTableView: UITableView!
+//    @IBOutlet weak var darkModeHeaderView: UIView!
+//    @IBOutlet weak var modeSwitch: UISwitch!
     
     override func viewDidLoad() {
         super.viewDidLoad()
-        
+                
         moreListTableView.register(MoreListTableViewCell.nib(), forCellReuseIdentifier: "MoreListTableViewCell")
         
         moreListTableView.delegate = self
         moreListTableView.dataSource = self
+        // moreListTableView.tableHeaderView = darkModeHeaderView
+        
+        // TODO: - 다크 모드 대응용 서버 코드
+        // modeSwitch.isOn = defaults.bool(forKey: "darkModeState")
+    
+//        if let window = UIApplication.shared.windows.first {
+//            if #available(iOS 13.0, *) {
+//                window.overrideUserInterfaceStyle = modeSwitch.isOn == true ? .dark : .light
+//                defaults.set(modeSwitch.isOn, forKey: "darkModeState")
+//            } else {
+//                window.overrideUserInterfaceStyle = .light
+//            }
+//        }
     }
+    
+//    @IBAction func darkModeChangeSwitch(_ sender: UISwitch) {
+//        // TODO: - 다크 모드 대응용 서버 코드
+//        if let window = UIApplication.shared.windows.first {
+//            if #available(iOS 13.0, *) {
+//                window.overrideUserInterfaceStyle = modeSwitch.isOn == true ? .dark : .light
+//                defaults.set(modeSwitch.isOn, forKey: "darkModeState")
+//            } else {
+//                window.overrideUserInterfaceStyle = .light
+//            }
+//        }
+//    }
 }
 
 // MARK: - TableView Delegate
@@ -39,18 +67,17 @@ extension MoreViewController: UITableViewDataSource {
             return firstItems.count
         } else if section == 1 {
             return secondItems.count
-        } else if section == 2 {
-            return thirdItems.count
         } else {
             return 0
         }
     }
     
     func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
-        if section == 2 {
+        if section == 0 {
+            return 5
+        } else {
             return 0
         }
-        return 5
     }
     
     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
@@ -63,14 +90,8 @@ extension MoreViewController: UITableViewDataSource {
             }
         } else if indexPath.section == 1 {
             serviceCell.titleLabel.text = secondItems[indexPath.row]
-            serviceCell.modeSwitch.isHidden = true
-            if indexPath.row == secondItems.count - 1 {
-                serviceCell.separatorView.isHidden = true
-            }
-        } else if indexPath.section == 2 {
-            serviceCell.titleLabel.text = thirdItems[indexPath.row]
-            serviceCell.modeSwitch.isHidden = true
         }
+        
         return serviceCell
     }
 }
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/TabBar/TabBarViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/TabBar/TabBarViewController.swift
index 4c507f00..37cb340a 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/TabBar/TabBarViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/TabBar/TabBarViewController.swift
@@ -8,11 +8,30 @@
 import UIKit
 
 class TabBarViewController: UITabBarController {
+    
+    let appearance = UITabBarAppearance()
 
     override func viewDidLoad() {
         super.viewDidLoad()
-
-        // Do any additional setup after loading the view.
+        
+        setupStyle()
+    }
+    
+    func setupStyle() {
+//        appearance.configureWithOpaqueBackground()
+//        appearance.shadowColor = UIColor.clear
+//        tabBar.standardAppearance = appearance
+//
+//        if #available(iOS 15.0, *) {
+//            // set tabbar opacity
+//            tabBar.scrollEdgeAppearance = tabBar.standardAppearance
+//        }
+//
+//        // set tabbar shadow
+//        tabBar.layer.masksToBounds = false
+//        tabBar.layer.shadowColor = UIColor.textBox.cgColor
+//        tabBar.layer.shadowOpacity = 0.3
+//        tabBar.layer.shadowOffset = CGSize(width: 0, height: 0)
+//        tabBar.layer.shadowRadius = 6
     }
-
 }