From 5aa93e8d29ebc2c61b07c46539deccccebaca407 Mon Sep 17 00:00:00 2001
From: hyungyu Kim <ypsophila97@icloud.com>
Date: Thu, 2 Dec 2021 13:14:51 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[FEAT]=20#103=20-=20image=20picker=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9=20=EB=B0=8F=20=EB=AA=85=ED=95=A8=EB=B0=B0?=
 =?UTF-8?q?=EA=B2=BD=20=EA=B3=A0=EB=A5=B4=EA=B8=B0=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### Descriptions
- FrontCardCell 불투명 뷰 추가
- CardInGroupCell 불투명 뷰 추가
- 이미지피커뷰 추가 및 적용
- 배경 선택도 필수로 추가
---
 NADA-iOS-forRelease/Info.plist                | 19 ----
 .../Resouces/Constants/Notification.swift     |  2 +
 .../Cells/CardCell/FrontCardCell.swift        | 19 ++++
 .../Sources/Cells/CardCell/FrontCardCell.xib  | 15 ++-
 .../BackCardCreationCollectionViewCell.swift  | 12 ++-
 .../BackgroundCollectionViewCell.swift        | 13 ++-
 .../BackgroundCollectionViewCell.xib          | 22 ++++-
 .../FrontCardCreationCollectionViewCell.swift | 96 +++++++++++++------
 .../CardInGroupCollectionViewCell.xib         |  8 ++
 .../CardCreationPreviewViewController.swift   | 14 +--
 .../CardCreationViewController.swift          | 36 ++++++-
 11 files changed, 186 insertions(+), 70 deletions(-)

diff --git a/NADA-iOS-forRelease/Info.plist b/NADA-iOS-forRelease/Info.plist
index 6d12c879..8301cb5a 100644
--- a/NADA-iOS-forRelease/Info.plist
+++ b/NADA-iOS-forRelease/Info.plist
@@ -10,8 +10,6 @@
 		<string>Spoqa Han Sans Neo Bold.otf</string>
 		<string>Spoqa Han Sans Neo Regular.otf</string>
 	</array>
-	<key>LSApplicationCategoryType</key>
-	<string></string>
 	<key>NSAppTransportSecurity</key>
 	<dict>
 		<key>NSAllowsArbitraryLoads</key>
@@ -35,23 +33,8 @@
 	<string>1.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
-	<key>LSApplicationCategoryType</key>
-	<string></string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
-	<key>NSAppTransportSecurity</key>
-	<dict>
-		<key>NSAllowsArbitraryLoads</key>
-		<true/>
-	</dict>
-	<key>UIAppFonts</key>
-	<array>
-		<string>NotoSansCJKkr-Bold.otf</string>
-		<string>NotoSansCJKkr-Medium.otf</string>
-		<string>NotoSansCJKkr-Regular.otf</string>
-		<string>Spoqa Han Sans Neo Bold.otf</string>
-		<string>Spoqa Han Sans Neo Regular.otf</string>
-	</array>
 	<key>UIApplicationSceneManifest</key>
 	<dict>
 		<key>UIApplicationSupportsMultipleScenes</key>
@@ -90,7 +73,5 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>UIUserInterfaceStyle</key>
-	<string></string>
 </dict>
 </plist>
diff --git a/NADA-iOS-forRelease/Resouces/Constants/Notification.swift b/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
index e0fe84a1..059dfc39 100644
--- a/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
+++ b/NADA-iOS-forRelease/Resouces/Constants/Notification.swift
@@ -14,4 +14,6 @@ extension Notification.Name {
     // 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/Sources/Cells/CardCell/FrontCardCell.swift b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
index 5522f8c8..594dc0c6 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.swift
@@ -73,4 +73,23 @@ extension FrontCardCell {
         self.instagramIDLabel.text = instagramID
         self.linkURLLabel.text = linkURL
     }
+    
+    // FIXME: - UIImage 로 넘어올때. 나중에 어떻게 사용할지 정해야함.
+    func initCell(_ backgroundImage: UIImage?,
+                  _ cardTitle: String,
+                  _ cardDescription: String,
+                  _ userName: String,
+                  _ birth: String,
+                  _ mbti: String,
+                  _ instagramID: String,
+                  _ linkURL: String) {
+        self.backgroundImageView.image = backgroundImage ?? UIImage()
+        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
+    }
 }
diff --git a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
index 5ac3e9e4..3a4d2c8a 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"/>
@@ -93,10 +101,13 @@
                 <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 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"/>
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 2a82a019..df77d9b7 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
+++ b/NADA-iOS-forRelease/Sources/Cells/CreationCard/FrontCardCreationCollectionViewCell.swift
@@ -18,6 +18,9 @@ class FrontCardCreationCollectionViewCell: UICollectionViewCell {
     private let backgroundList = ["img", "img", "img", "img", "img"]
     private var requiredTextFieldList = [UITextField]()
     private var optionalTextFieldList = [UITextField]()
+    private var cardBackgroundImage: UIImage?
+    private var defaultImageIndex: Int?
+    
     public var presentingBirthBottomVCClosure: (() -> Void)?
     public var presentingMBTIBottomVCClosure: (() -> Void)?
     
@@ -156,6 +159,32 @@ extension FrontCardCreationCollectionViewCell {
     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))
@@ -169,17 +198,42 @@ extension FrontCardCreationCollectionViewCell {
     
         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 {
@@ -191,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
     }
 }
@@ -216,38 +276,20 @@ extension FrontCardCreationCollectionViewCell: UICollectionViewDelegateFlowLayou
 // MARK: - UITextFieldDelegate
 extension FrontCardCreationCollectionViewCell: UITextFieldDelegate {
     func textFieldDidBeginEditing(_ textField: UITextField) {
-        if textField == birthTextField {
+        switch textField {
+        case birthTextField:
             textField.endEditing(true)
             presentingBirthBottomVCClosure?()
-        } else if textField == mbtiTextField {
+        case mbtiTextField:
             textField.endEditing(true)
             presentingMBTIBottomVCClosure?()
-        } else {
+        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
     }
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/ViewControllers/CardCreation/CardCreationPreviewViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
index d188a29f..b3088606 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
@@ -9,9 +9,9 @@ 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 cardCreationRequest: CardCreationRequest?
     
@@ -33,7 +33,7 @@ class CardCreationPreviewViewController: UIViewController {
         cardCreationRequest = CardCreationRequest(userID: "", frontCard: frontCardDataModel, backCard: backCardDataModel)
         guard let cardCreationRequest = cardCreationRequest else { return }
         // TODO: - 갤러리 추가/이미지 코드 추가
-        cardCreationWithAPI(request: cardCreationRequest, image: UIImage(named: "card")!)
+        cardCreationWithAPI(request: cardCreationRequest, image: cardBackgroundImage ?? UIImage())
     }
     @IBAction func touchBackButton(_ sender: Any) {
         navigationController?.popViewController(animated: true)
@@ -80,11 +80,11 @@ extension CardCreationPreviewViewController {
         
         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")
+//        frontCard.initCell("card", "nada", "NADA의 짱귀염둥이 ㅎ 막이래~", "개빡쳐하는 오야옹~", "1999/05/12", "ENFP", "yaeoni", "github.com/yaeoni")
         cardView.addSubview(frontCard)
     }
     
diff --git a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
index 8d26fec3..9308f70d 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationViewController.swift
@@ -40,6 +40,8 @@ class CardCreationViewController: UIViewController {
     private var backCard: BackCardDataModel?
     private var mbtiText: String?
     private var birthText: String?
+    private var newImage: UIImage?
+    private var defaultImageIndex: Int?
     
     // MARK: - @IBOutlet Properties
     
@@ -59,6 +61,7 @@ class CardCreationViewController: UIViewController {
         setUI()
         registerCell()
         setTextLabelGesture()
+        setNotification()
         
         // FIXME: 서버통신 테스트 중. 추후 호출 위치 변경.
 //        cardDetailFetchWithAPI(cardID: "cardA")
@@ -90,6 +93,7 @@ class CardCreationViewController: UIViewController {
         
         nextVC.frontCardDataModel = frontCard
         nextVC.backCardDataModel = backCard
+        nextVC.cardBackgroundImage = newImage
         navigationController?.pushViewController(nextVC, animated: true)
     }
 }
@@ -175,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
@@ -207,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
@@ -366,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"] ?? "",
@@ -401,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)
+    }
+}

From f2a5ba8a843e6e7964c41b16883f5486ff690f93 Mon Sep 17 00:00:00 2001
From: hyungyu Kim <ypsophila97@icloud.com>
Date: Thu, 2 Dec 2021 15:14:12 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[FEAT]=20#105=20-=20=EB=AA=85=ED=95=A8?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1=20=EB=AF=B8=EB=A6=AC=EB=B3=B4=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B7=B0=20=EB=AA=85=ED=95=A8=20=ED=99=94=EB=A9=B4=EC=A0=84?=
 =?UTF-8?q?=ED=99=98=ED=9A=A8=EA=B3=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CardCreationPreview.storyboard            |  1 +
 .../Sources/Cells/CardCell/BackCardCell.swift | 36 +++++++++++
 .../Cells/CardCell/FrontCardCell.swift        | 33 +++++-----
 .../Sources/Cells/CardCell/FrontCardCell.xib  |  4 +-
 .../CardCreationPreviewViewController.swift   | 61 ++++++++++++++-----
 5 files changed, 100 insertions(+), 35 deletions(-)

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/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 594dc0c6..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,13 +64,13 @@ 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 로 넘어올때. 나중에 어떻게 사용할지 정해야함.
@@ -83,13 +82,13 @@ extension FrontCardCell {
                   _ mbti: String,
                   _ instagramID: String,
                   _ linkURL: String) {
-        self.backgroundImageView.image = backgroundImage ?? UIImage()
-        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
+        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 3a4d2c8a..0ee47127 100644
--- a/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
+++ b/NADA-iOS-forRelease/Sources/Cells/CardCell/FrontCardCell.xib
@@ -100,7 +100,7 @@
                 <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"/>
@@ -125,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/ViewControllers/CardCreation/CardCreationPreviewViewController.swift b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
index b3088606..1ecfae28 100644
--- a/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
+++ b/NADA-iOS-forRelease/Sources/ViewControllers/CardCreation/CardCreationPreviewViewController.swift
@@ -13,6 +13,7 @@ class CardCreationPreviewViewController: UIViewController {
     public var backCardDataModel: BackCardDataModel?
     public var cardBackgroundImage: UIImage?
     
+    private var isFront = true
     private var cardCreationRequest: CardCreationRequest?
     
     // MARK: - @IBOutlet Properties
@@ -27,6 +28,8 @@ class CardCreationPreviewViewController: UIViewController {
         super.viewDidLoad()
         
         setUI()
+        setFrontCard()
+        setGestureRecognizer()
     }
     @IBAction func touchCompleteButton(_ sender: Any) {
         guard let frontCardDataModel = frontCardDataModel, let backCardDataModel = backCardDataModel else { return }
@@ -72,30 +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 }
         
         frontCard.frame = CGRect(x: 0, y: 0, width: cardView.frame.width, height: cardView.frame.height)
-        // FIXME: - 갤러리 추가/주석해제
-                guard let frontCardDataModel = frontCardDataModel else { return }
-                frontCard.initCell(cardBackgroundImage, 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