diff --git a/Side-dish/Side-dish.xcodeproj/project.pbxproj b/Side-dish/Side-dish.xcodeproj/project.pbxproj
index 0fff223a6..fdf55bda9 100644
--- a/Side-dish/Side-dish.xcodeproj/project.pbxproj
+++ b/Side-dish/Side-dish.xcodeproj/project.pbxproj
@@ -7,23 +7,31 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		8844B7BF262D6C3000FA49E9 /* FoodCardCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8844B7BE262D6C3000FA49E9 /* FoodCardCell.swift */; };
+		8844B7C4262D6ED500FA49E9 /* FoodCardCell.xib in Resources */ = {isa = PBXBuildFile; fileRef = 8844B7C3262D6ED500FA49E9 /* FoodCardCell.xib */; };
+		8844B7D0262DB6A500FA49E9 /* Item.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8844B7CF262DB6A500FA49E9 /* Item.swift */; };
+		8844B7D4262DBA3F00FA49E9 /* Category.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8844B7D3262DBA3F00FA49E9 /* Category.swift */; };
 		BFCE4953262D4891006C0882 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFCE4952262D4891006C0882 /* AppDelegate.swift */; };
 		BFCE4955262D4891006C0882 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFCE4954262D4891006C0882 /* SceneDelegate.swift */; };
 		BFCE4957262D4891006C0882 /* ViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = BFCE4956262D4891006C0882 /* ViewController.swift */; };
-		BFCE495A262D4891006C0882 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = BFCE4958262D4891006C0882 /* Main.storyboard */; };
 		BFCE495C262D4895006C0882 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = BFCE495B262D4895006C0882 /* Assets.xcassets */; };
 		BFCE495F262D4895006C0882 /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = BFCE495D262D4895006C0882 /* LaunchScreen.storyboard */; };
+		BFCE496F262D883F006C0882 /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = BFCE496E262D883F006C0882 /* Main.storyboard */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
+		8844B7BE262D6C3000FA49E9 /* FoodCardCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FoodCardCell.swift; sourceTree = "<group>"; };
+		8844B7C3262D6ED500FA49E9 /* FoodCardCell.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = FoodCardCell.xib; sourceTree = "<group>"; };
+		8844B7CF262DB6A500FA49E9 /* Item.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Item.swift; sourceTree = "<group>"; };
+		8844B7D3262DBA3F00FA49E9 /* Category.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Category.swift; sourceTree = "<group>"; };
 		BFCE494F262D4891006C0882 /* Side-dish.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "Side-dish.app"; sourceTree = BUILT_PRODUCTS_DIR; };
 		BFCE4952262D4891006C0882 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		BFCE4954262D4891006C0882 /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = "<group>"; };
 		BFCE4956262D4891006C0882 /* ViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ViewController.swift; sourceTree = "<group>"; };
-		BFCE4959262D4891006C0882 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
 		BFCE495B262D4895006C0882 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		BFCE495E262D4895006C0882 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		BFCE4960262D4895006C0882 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		BFCE496E262D883F006C0882 /* Main.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = Main.storyboard; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -37,6 +45,32 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		8844B7C1262D6CEC00FA49E9 /* View */ = {
+			isa = PBXGroup;
+			children = (
+				8844B7BE262D6C3000FA49E9 /* FoodCardCell.swift */,
+				8844B7C3262D6ED500FA49E9 /* FoodCardCell.xib */,
+			);
+			path = View;
+			sourceTree = "<group>";
+		};
+		8844B7CD262DB62C00FA49E9 /* DataLayer */ = {
+			isa = PBXGroup;
+			children = (
+				8844B7CE262DB63B00FA49E9 /* Model */,
+			);
+			path = DataLayer;
+			sourceTree = "<group>";
+		};
+		8844B7CE262DB63B00FA49E9 /* Model */ = {
+			isa = PBXGroup;
+			children = (
+				8844B7CF262DB6A500FA49E9 /* Item.swift */,
+				8844B7D3262DBA3F00FA49E9 /* Category.swift */,
+			);
+			path = Model;
+			sourceTree = "<group>";
+		};
 		BFCE4946262D4891006C0882 = {
 			isa = PBXGroup;
 			children = (
@@ -56,10 +90,12 @@
 		BFCE4951262D4891006C0882 /* Side-dish */ = {
 			isa = PBXGroup;
 			children = (
+				8844B7CD262DB62C00FA49E9 /* DataLayer */,
 				BFCE4952262D4891006C0882 /* AppDelegate.swift */,
 				BFCE4954262D4891006C0882 /* SceneDelegate.swift */,
+				8844B7C1262D6CEC00FA49E9 /* View */,
 				BFCE4956262D4891006C0882 /* ViewController.swift */,
-				BFCE4958262D4891006C0882 /* Main.storyboard */,
+				BFCE496E262D883F006C0882 /* Main.storyboard */,
 				BFCE495B262D4895006C0882 /* Assets.xcassets */,
 				BFCE495D262D4895006C0882 /* LaunchScreen.storyboard */,
 				BFCE4960262D4895006C0882 /* Info.plist */,
@@ -124,9 +160,10 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				8844B7C4262D6ED500FA49E9 /* FoodCardCell.xib in Resources */,
 				BFCE495F262D4895006C0882 /* LaunchScreen.storyboard in Resources */,
 				BFCE495C262D4895006C0882 /* Assets.xcassets in Resources */,
-				BFCE495A262D4891006C0882 /* Main.storyboard in Resources */,
+				BFCE496F262D883F006C0882 /* Main.storyboard in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -137,23 +174,18 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				8844B7D0262DB6A500FA49E9 /* Item.swift in Sources */,
 				BFCE4957262D4891006C0882 /* ViewController.swift in Sources */,
 				BFCE4953262D4891006C0882 /* AppDelegate.swift in Sources */,
 				BFCE4955262D4891006C0882 /* SceneDelegate.swift in Sources */,
+				8844B7BF262D6C3000FA49E9 /* FoodCardCell.swift in Sources */,
+				8844B7D4262DBA3F00FA49E9 /* Category.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXSourcesBuildPhase section */
 
 /* Begin PBXVariantGroup section */
-		BFCE4958262D4891006C0882 /* Main.storyboard */ = {
-			isa = PBXVariantGroup;
-			children = (
-				BFCE4959262D4891006C0882 /* Base */,
-			);
-			name = Main.storyboard;
-			sourceTree = "<group>";
-		};
 		BFCE495D262D4895006C0882 /* LaunchScreen.storyboard */ = {
 			isa = PBXVariantGroup;
 			children = (
diff --git a/Side-dish/Side-dish.xcodeproj/project.xcworkspace/xcuserdata/hoonhachoi.xcuserdatad/UserInterfaceState.xcuserstate b/Side-dish/Side-dish.xcodeproj/project.xcworkspace/xcuserdata/hoonhachoi.xcuserdatad/UserInterfaceState.xcuserstate
index 7ae600ce4..b61d38584 100644
Binary files a/Side-dish/Side-dish.xcodeproj/project.xcworkspace/xcuserdata/hoonhachoi.xcuserdatad/UserInterfaceState.xcuserstate and b/Side-dish/Side-dish.xcodeproj/project.xcworkspace/xcuserdata/hoonhachoi.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/Side-dish/Side-dish.xcodeproj/xcuserdata/jojung-yun.xcuserdatad/xcschemes/xcschememanagement.plist b/Side-dish/Side-dish.xcodeproj/xcuserdata/jojung-yun.xcuserdatad/xcschemes/xcschememanagement.plist
new file mode 100644
index 000000000..c21154a8c
--- /dev/null
+++ b/Side-dish/Side-dish.xcodeproj/xcuserdata/jojung-yun.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>Side-dish.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>
diff --git a/Side-dish/Side-dish/Base.lproj/Main.storyboard b/Side-dish/Side-dish/Base.lproj/Main.storyboard
deleted file mode 100644
index 25a763858..000000000
--- a/Side-dish/Side-dish/Base.lproj/Main.storyboard
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13122.16" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
-    <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="13104.12"/>
-        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <scenes>
-        <!--View Controller-->
-        <scene sceneID="tne-QT-ifu">
-            <objects>
-                <viewController id="BYZ-38-t0r" customClass="ViewController" customModuleProvider="target" sceneMemberID="viewController">
-                    <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
-                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" xcode11CocoaTouchSystemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
-                        <viewLayoutGuide key="safeArea" id="6Tk-OE-BBY"/>
-                    </view>
-                </viewController>
-                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
-            </objects>
-        </scene>
-    </scenes>
-</document>
diff --git a/Side-dish/Side-dish/DataLayer/Model/Category.swift b/Side-dish/Side-dish/DataLayer/Model/Category.swift
new file mode 100644
index 000000000..41bcc13f0
--- /dev/null
+++ b/Side-dish/Side-dish/DataLayer/Model/Category.swift
@@ -0,0 +1,18 @@
+//
+//  Category.swift
+//  Side-dish
+//
+//  Created by 조중윤 on 2021/04/19.
+//
+
+import Foundation
+
+struct Category: Codable {
+    let categoryID, name: String
+    let items: [Item]
+    
+    enum CodingKeys: String, CodingKey {
+        case categoryID = "category_id"
+        case name, items
+    }
+}
diff --git a/Side-dish/Side-dish/DataLayer/Model/Item.swift b/Side-dish/Side-dish/DataLayer/Model/Item.swift
new file mode 100644
index 000000000..4119da232
--- /dev/null
+++ b/Side-dish/Side-dish/DataLayer/Model/Item.swift
@@ -0,0 +1,41 @@
+//
+//  Item.swift
+//  Side-dish
+//
+//  Created by 조중윤 on 2021/04/19.
+//
+
+import Foundation
+
+struct Item: Codable {
+    let detailHash: String
+    let image: String
+    let alt: String
+    let deliveryType: [DeliveryType]
+    let title: String
+    let description: String
+    let nPrice: String?
+    let sPrice: String
+    let badge: [Badge]?
+    
+    enum CodingKeys: String, CodingKey {
+        case detailHash = "detail_hash"
+        case image, alt
+        case deliveryType = "delivery_type"
+        case title, description
+        case nPrice = "n_price"
+        case sPrice = "s_price"
+        case badge
+    }
+}
+
+enum DeliveryType: String, Codable {
+    case dawnDelivery = "새벽배송"
+    case nationDelivery = "전국택배"
+}
+
+enum Badge: String, Codable {
+    case eventPrice = "이벤트특가"
+    case launchingPrice = "론칭특가"
+    case bestPrice = "베스트"
+}
diff --git a/Side-dish/Side-dish/Main.storyboard b/Side-dish/Side-dish/Main.storyboard
new file mode 100644
index 000000000..a4d2ef32d
--- /dev/null
+++ b/Side-dish/Side-dish/Main.storyboard
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17506" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="ETQ-co-NCv">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17505"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
+        <capability name="collection view cell content view" minToolsVersion="11.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="d8q-YB-ASa">
+            <objects>
+                <viewController id="hGp-I0-H3m" customClass="ViewController" customModule="Side_dish" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="fGK-fr-HD1">
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="glv-hr-1Zj">
+                                <rect key="frame" x="16" y="44" width="382" height="818"/>
+                                <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                                <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="FJY-EJ-ivF">
+                                    <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"/>
+                                    <inset key="sectionInset" minX="0.0" minY="0.0" maxX="0.0" maxY="0.0"/>
+                                </collectionViewFlowLayout>
+                                <cells>
+                                    <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" id="dzH-tk-cUT">
+                                        <rect key="frame" x="0.0" y="0.0" width="128" height="128"/>
+                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                        <collectionViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO" id="RFm-4m-Skm">
+                                            <rect key="frame" x="0.0" y="0.0" width="128" height="128"/>
+                                            <autoresizingMask key="autoresizingMask"/>
+                                        </collectionViewCellContentView>
+                                    </collectionViewCell>
+                                </cells>
+                            </collectionView>
+                        </subviews>
+                        <viewLayoutGuide key="safeArea" id="ACr-dB-SwI"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                        <constraints>
+                            <constraint firstItem="glv-hr-1Zj" firstAttribute="leading" secondItem="fGK-fr-HD1" secondAttribute="leading" constant="16" id="8j6-e1-g9S"/>
+                            <constraint firstItem="ACr-dB-SwI" firstAttribute="trailing" secondItem="glv-hr-1Zj" secondAttribute="trailing" constant="16" id="Ynq-eS-ldS"/>
+                            <constraint firstItem="ACr-dB-SwI" firstAttribute="bottom" secondItem="glv-hr-1Zj" secondAttribute="bottom" id="jmP-nE-ybx"/>
+                            <constraint firstItem="glv-hr-1Zj" firstAttribute="top" secondItem="ACr-dB-SwI" secondAttribute="top" id="oG6-0X-53F"/>
+                        </constraints>
+                    </view>
+                    <navigationItem key="navigationItem" id="jHs-wW-jUC"/>
+                    <connections>
+                        <outlet property="SideDishCollectionView" destination="glv-hr-1Zj" id="vmT-N9-uG7"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="ySh-Mg-ZVv" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="983" y="141"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="SKe-cE-aiu">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" navigationBarHidden="YES" id="ETQ-co-NCv" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="N5n-Eh-W6D">
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="hGp-I0-H3m" kind="relationship" relationship="rootViewController" id="zth-7w-ZeX"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="Eqb-zu-rEU" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="278" y="129"/>
+        </scene>
+    </scenes>
+    <resources>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/Side-dish/Side-dish/SceneDelegate.swift b/Side-dish/Side-dish/SceneDelegate.swift
index 9c6059427..c21a88f6a 100644
--- a/Side-dish/Side-dish/SceneDelegate.swift
+++ b/Side-dish/Side-dish/SceneDelegate.swift
@@ -16,3 +16,4 @@ class SceneDelegate: UIResponder, UIWindowSceneDelegate {
     }
 }
 
+
diff --git a/Side-dish/Side-dish/View/FoodCardCell.swift b/Side-dish/Side-dish/View/FoodCardCell.swift
new file mode 100644
index 000000000..2d6a929ef
--- /dev/null
+++ b/Side-dish/Side-dish/View/FoodCardCell.swift
@@ -0,0 +1,18 @@
+//
+//  FoodCardCell.swift
+//  Side-dish
+//
+//  Created by 조중윤 on 2021/04/19.
+//
+
+import UIKit
+
+class FoodCardCell: UICollectionViewCell {
+    static var identifier: String {
+        return String(describing: self)
+    }
+    
+    static var nib : UINib {
+        return UINib(nibName: identifier, bundle: nil)
+    }
+}
diff --git a/Side-dish/Side-dish/View/FoodCardCell.xib b/Side-dish/Side-dish/View/FoodCardCell.xib
new file mode 100644
index 000000000..d4eecfea3
--- /dev/null
+++ b/Side-dish/Side-dish/View/FoodCardCell.xib
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="17506" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17505"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
+        <capability name="collection view cell content view" minToolsVersion="11.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" reuseIdentifier="" id="Uhf-yv-DxO" customClass="FoodCardCell" customModule="Side_dish" customModuleProvider="target">
+            <rect key="frame" x="0.0" y="0.0" width="342" height="130"/>
+            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+            <collectionViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO" id="N2p-iQ-QyP">
+                <rect key="frame" x="0.0" y="0.0" width="342" height="130"/>
+                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                <subviews>
+                    <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="G6q-mM-BGa">
+                        <rect key="frame" x="0.0" y="0.0" width="130" height="130"/>
+                        <constraints>
+                            <constraint firstAttribute="width" constant="130" id="u1W-HA-Jme"/>
+                        </constraints>
+                    </imageView>
+                    <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" alignment="top" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="yM2-ER-NrF">
+                        <rect key="frame" x="138" y="5.5" width="194" height="119.5"/>
+                        <subviews>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="[빅마마의밥친구] 아삭 고소한 연근고기조름 250g" textAlignment="justified" lineBreakMode="characterWrap" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontForContentSizeCategory="YES" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="dCJ-0r-vMb">
+                                <rect key="frame" x="0.0" y="0.0" width="194" height="38.5"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="20" id="Xwa-pN-JC1"/>
+                                </constraints>
+                                <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="16"/>
+                                <nil key="textColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" alignment="top" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="IGk-gs-Ec7">
+                                <rect key="frame" x="0.0" y="42.5" width="194" height="48"/>
+                                <subviews>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" text="편식하는 아이도 좋아하는 건강한 간식" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" enabled="NO" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="6Tg-WY-jxp">
+                                        <rect key="frame" x="0.0" y="0.0" width="194" height="20"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="20" id="O7Q-s7-xV6"/>
+                                        </constraints>
+                                        <fontDescription key="fontDescription" name=".AppleSystemUIFont" family=".AppleSystemUIFont" pointSize="14"/>
+                                        <nil key="textColor"/>
+                                        <nil key="highlightedColor"/>
+                                    </label>
+                                    <stackView opaque="NO" contentMode="scaleToFill" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="lbR-Y8-4xG">
+                                        <rect key="frame" x="0.0" y="28" width="107.5" height="20"/>
+                                        <subviews>
+                                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="5,200원" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="sFY-5O-qZN">
+                                                <rect key="frame" x="0.0" y="0.0" width="53.5" height="20"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="height" constant="20" id="dV9-xk-MCd"/>
+                                                </constraints>
+                                                <fontDescription key="fontDescription" type="boldSystem" pointSize="14"/>
+                                                <nil key="textColor"/>
+                                                <nil key="highlightedColor"/>
+                                            </label>
+                                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="6,500원" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" enabled="NO" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="rSl-Jz-tbv">
+                                                <rect key="frame" x="57.5" y="0.0" width="50" height="20"/>
+                                                <constraints>
+                                                    <constraint firstAttribute="height" constant="20" id="bC5-hJ-GbJ"/>
+                                                </constraints>
+                                                <fontDescription key="fontDescription" name=".AppleSystemUIFont" family=".AppleSystemUIFont" pointSize="14"/>
+                                                <nil key="textColor"/>
+                                                <nil key="highlightedColor"/>
+                                            </label>
+                                        </subviews>
+                                    </stackView>
+                                </subviews>
+                            </stackView>
+                            <stackView opaque="NO" contentMode="scaleToFill" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="diD-QK-nTE">
+                                <rect key="frame" x="0.0" y="94.5" width="137" height="25"/>
+                                <subviews>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="이벤트 특가" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="YOh-TR-snq">
+                                        <rect key="frame" x="0.0" y="0.0" width="72" height="25"/>
+                                        <color key="backgroundColor" red="0.2901960784" green="0.63921568630000003" blue="0.18039215689999999" alpha="1" colorSpace="custom" customColorSpace="displayP3"/>
+                                        <constraints>
+                                            <constraint firstAttribute="width" constant="72" id="MbM-sE-bRC"/>
+                                            <constraint firstAttribute="height" constant="25" id="rcX-nh-00e"/>
+                                        </constraints>
+                                        <fontDescription key="fontDescription" type="boldSystem" pointSize="13"/>
+                                        <color key="textColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                        <nil key="highlightedColor"/>
+                                    </label>
+                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="런칭 특가" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="ls1-36-M9B">
+                                        <rect key="frame" x="76" y="0.0" width="61" height="25"/>
+                                        <color key="backgroundColor" systemColor="systemBlueColor"/>
+                                        <constraints>
+                                            <constraint firstAttribute="height" constant="25" id="L7M-x2-a0L"/>
+                                            <constraint firstAttribute="width" constant="61" id="baA-bc-g4E"/>
+                                        </constraints>
+                                        <fontDescription key="fontDescription" type="boldSystem" pointSize="13"/>
+                                        <color key="textColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                        <nil key="highlightedColor"/>
+                                    </label>
+                                </subviews>
+                            </stackView>
+                        </subviews>
+                    </stackView>
+                </subviews>
+                <constraints>
+                    <constraint firstAttribute="trailing" secondItem="yM2-ER-NrF" secondAttribute="trailing" constant="10" id="Dq6-gB-K6G"/>
+                    <constraint firstItem="G6q-mM-BGa" firstAttribute="top" secondItem="N2p-iQ-QyP" secondAttribute="top" id="JLI-l2-04W"/>
+                    <constraint firstItem="yM2-ER-NrF" firstAttribute="centerY" secondItem="N2p-iQ-QyP" secondAttribute="centerY" id="OZH-hD-vlt"/>
+                    <constraint firstAttribute="bottom" secondItem="G6q-mM-BGa" secondAttribute="bottom" id="ds2-Vi-eBk"/>
+                    <constraint firstItem="yM2-ER-NrF" firstAttribute="leading" secondItem="G6q-mM-BGa" secondAttribute="trailing" constant="8" id="oxr-4w-M11"/>
+                    <constraint firstItem="G6q-mM-BGa" firstAttribute="centerY" secondItem="N2p-iQ-QyP" secondAttribute="centerY" id="s4r-m9-gKk"/>
+                    <constraint firstItem="G6q-mM-BGa" firstAttribute="leading" secondItem="N2p-iQ-QyP" secondAttribute="leading" id="uQe-Y9-pnL"/>
+                </constraints>
+            </collectionViewCellContentView>
+            <size key="customSize" width="342" height="130"/>
+            <point key="canvasLocation" x="193" y="169"/>
+        </collectionViewCell>
+    </objects>
+    <resources>
+        <systemColor name="systemBlueColor">
+            <color red="0.0" green="0.47843137254901963" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+        </systemColor>
+    </resources>
+</document>
diff --git a/Side-dish/Side-dish/View/Main.Storyboard b/Side-dish/Side-dish/View/Main.Storyboard
new file mode 100644
index 000000000..f9a048edf
--- /dev/null
+++ b/Side-dish/Side-dish/View/Main.Storyboard
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="13142" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12042"/>
+    </dependencies>
+    <scenes/>
+</document>
diff --git a/Side-dish/Side-dish/ViewController.swift b/Side-dish/Side-dish/ViewController.swift
index cb97196df..beda888dd 100644
--- a/Side-dish/Side-dish/ViewController.swift
+++ b/Side-dish/Side-dish/ViewController.swift
@@ -8,9 +8,31 @@
 import UIKit
 
 class ViewController: UIViewController {
-
+    
+    @IBOutlet weak var SideDishCollectionView: UICollectionView!
+    
     override func viewDidLoad() {
         super.viewDidLoad()
+        SideDishCollectionView.register(FoodCardCell.nib, forCellWithReuseIdentifier: FoodCardCell.identifier)
+        SideDishCollectionView.dataSource = self
+        SideDishCollectionView.delegate = self
     }
+
 }
 
+extension ViewController: UICollectionViewDataSource {
+    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        return 3
+    }
+
+    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: FoodCardCell.identifier, for: indexPath) as! FoodCardCell
+        return cell
+    }
+}
+
+extension ViewController: UICollectionViewDelegateFlowLayout {
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
+        return CGSize(width: collectionView.frame.width, height: 130)
+    }
+}