From 7e5bd09920c2d4be2e0ec1d6f85bfe02762fd6ed Mon Sep 17 00:00:00 2001
From: 0seo8 <96939562+0seo8@users.noreply.github.com>
Date: Fri, 28 Oct 2022 15:02:58 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=88=98=EC=A0=95=EB=90=9C=20cart=20ap?=
 =?UTF-8?q?i=EC=97=90=20=EB=94=B0=EB=9D=BC=20=EB=A1=9C=EC=A7=81=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 db.json                          | 586 ++++++++++++++++++++++++++++++-
 src/components/Cart/CartItem.jsx |  20 +-
 src/components/Cart/index.jsx    |  10 +-
 src/store/api/cartApiSlice.js    |   2 +-
 4 files changed, 589 insertions(+), 29 deletions(-)

diff --git a/db.json b/db.json
index cf05dcf..14e5fc6 100644
--- a/db.json
+++ b/db.json
@@ -1,18 +1,568 @@
-{
-  "status": "rejected",
-  "endpointName": "checkUsername",
-  "requestId": "UwBqKzDE6PFrkiV-mGjQt",
-  "originalArgs": "hahahololo",
-  "startedTimeStamp": 1666893498964,
-  "error": {
-    "status": "PARSING_ERROR",
-    "originalStatus": 200,
-    "data": "사용 가능한 아이디입니다.",
-    "error": "SyntaxError: Unexpected token '사', \"사용 가능한 아이디입니다.\" is not valid JSON"
-  },
-  "isUninitialized": false,
-  "isLoading": false,
-  "isSuccess": false,
-  "isError": true,
-  "isFetching": false
-}
+[
+  {
+    "productId": 1,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "lena"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory-4.jpg"
+    ],
+    "productName": "lena bag ivory",
+    "sale": 10,
+    "price": 5200,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_ivory.jpg"
+  },
+  {
+    "productId": 2,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "lena"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black-4.jpg"
+    ],
+    "productName": "lena bag black",
+    "sale": 10,
+    "price": 5200,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/lena+bag_black-1.jpg"
+  },
+  {
+    "productId": 3,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Samantha"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-5.jpg"
+    ],
+    "productName": "Samantha bag grey",
+    "sale": 10,
+    "price": 5200,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Samantha+bag_grey-1.jpg"
+  },
+  {
+    "productId": 4,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Bella"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink-2.jpg"
+    ],
+    "productName": "Bella bag pink",
+    "sale": 10,
+    "price": 6800,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_pink-1.jpg"
+  },
+  {
+    "productId": 5,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Bella"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black-2.jpg"
+    ],
+    "productName": "Bella bag black",
+    "sale": 10,
+    "price": 6900,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Bella+bag_black-1.jpg"
+  },
+  {
+    "productId": 6,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Kristin"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory-3.jpg"
+    ],
+    "productName": "Kristin bag ivory",
+    "sale": 10,
+    "price": 3900,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_ivory-1.jpg"
+  },
+  {
+    "productId": 7,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Kristin"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black-3.jpg"
+    ],
+    "productName": "Kristin bag black",
+    "sale": 10,
+    "price": 3900,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Kristin+bag_black-1.jpg"
+  },
+  {
+    "productId": 8,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "숄더백", "aroundann", "Ami"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black-2.jpg"
+    ],
+    "productName": "Ami bag black",
+    "sale": 10,
+    "price": 3900,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Ami+bag_black-1.jpg"
+  },
+  {
+    "productId": 9,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Rinda"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink-3.jpg"
+    ],
+    "productName": "Rinda bag pink",
+    "sale": 10,
+    "price": 4200,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_pink-1.jpg"
+  },
+  {
+    "productId": 10,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "aroundann", "Rinda"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory-3.jpg"
+    ],
+    "productName": "Rinda bag ivory",
+    "sale": 10,
+    "price": 4200,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Rinda+bag_ivory-1.jpg"
+  },
+  {
+    "productId": 11,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "숄더백", "aroundann", "troi"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black-2.jpg"
+    ],
+    "productName": "troi bag black",
+    "sale": 10,
+    "price": 4300,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/troi+bag_black-1.jpg"
+  },
+  {
+    "productId": 12,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "숄더백", "aroundann", "Wrinkle"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory_model-4.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory-3.jpg"
+    ],
+    "productName": "Wrinkle bag ivory",
+    "sale": 10,
+    "price": 4500,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Wrinkle+bag_ivory-1.jpg"
+  },
+  {
+    "productId": 13,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "women", "가방", "숄더백", "aroundann", "Double"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-5.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown_model-6.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown-4.jpg"
+    ],
+    "productName": "Double bag brown",
+    "sale": 10,
+    "price": 3800,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Double+bag_brown-1.jpg"
+  },
+  {
+    "productId": 14,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "가방", "숄더백", "women", "aroundann", "Sally"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory-3.jpg"
+    ],
+    "productName": "Sally bag ivory",
+    "sale": 10,
+    "price": 3600,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_ivory-1.jpg"
+  },
+  {
+    "productId": 15,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "가방", "숄더백", "women", "aroundann", "Sally"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown-3.jpg"
+    ],
+    "productName": "Sally bag ivory",
+    "sale": 10,
+    "price": 3600,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_brown-1.jpg"
+  },
+  {
+    "productId": 16,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/aroundannbrand.png",
+    "brandKo": "어라운드앤",
+    "tags": ["패션", "가방", "숄더백", "women", "aroundann", "Sally"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black_model-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black_model-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black_model-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black_model-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black_model-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black-3.jpg"
+    ],
+    "productName": "Sally bag black",
+    "sale": 10,
+    "price": 3600,
+    "brand": "aroundAnn",
+    "stock": 100,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/final/Sally+bag_black-1.jpg"
+  },
+  {
+    "productId": 17,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/kumebrand.png",
+    "brandKo": "쿠메",
+    "tags": ["패션", "의류", "상의", "women"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-5.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-6.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-7.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-8.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-9.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK_MODEL-10.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK-2.jpg"
+    ],
+    "productName": "TWEED BOMBER JACKET BLACK",
+    "sale": 10,
+    "price": 36000,
+    "brand": "KUME",
+    "stock": 200,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/TWEED+BOMBER+JACKET+BLACK-1.jpg"
+  },
+  {
+    "productId": 18,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/kumebrand.png",
+    "brandKo": "쿠메",
+    "tags": ["패션", "의류", "하의", "women"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+BLACK_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+BLACK_MODEL-2.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+BLACK-1.jpg"
+    ],
+    "productName": "FRAYED SEMI-WIDE DENIM PANTS BLACK",
+    "sale": 10,
+    "price": 19500,
+    "brand": "KUME",
+    "stock": 200,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+BLACK-1.jpg"
+  },
+  {
+    "productId": 19,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/kumebrand.png",
+    "brandKo": "쿠메",
+    "tags": ["패션", "의류", "하의", "women"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+IVORY_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+IVORY_MODEL-2.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+IVORY-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+IVORY-2.jpg"
+    ],
+    "productName": "FRAYED SEMI-WIDE DENIM PANTS IVORY",
+    "sale": 10,
+    "price": 21500,
+    "brand": "KUME",
+    "stock": 200,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/FRAYED+SEMI-WIDE+DENIM+PANTS+IVORY-1"
+  },
+  {
+    "productId": 20,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/kumebrand.png",
+    "brandKo": "쿠메",
+    "tags": ["패션", "의류", "상의", "women"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/DOUBLE+POCKET+DENIM+BLOUSE+MEDIUM+BLUE_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/DOUBLE+POCKET+DENIM+BLOUSE+MEDIUM+BLUE_MODEL-2.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/DOUBLE+POCKET+DENIM+BLOUSE+MEDIUM+BLUE-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/DOUBLE+POCKET+DENIM+BLOUSE+MEDIUM+BLUE-2.jpg"
+    ],
+    "productName": "DOUBLE POCKET DENIM BLOUSE MEDIUM BLUE",
+    "sale": 0,
+    "price": 19500,
+    "brand": "KUME",
+    "stock": 200,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/kume/DOUBLE+POCKET+DENIM+BLOUSE+MEDIUM+BLUE-1.jpg"
+  },
+  {
+    "productId": 21,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/citybreezeformenbrand.png",
+    "brandKo": "시티브리즈 포 맨",
+    "tags": ["패션", "의류", "상의", "men"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-5.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-6.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO_MODEL-7.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO-3.jpg"
+    ],
+    "productName": "스티치 포인트 데님 자켓 INDIGO",
+    "sale": 5,
+    "price": 7900,
+    "brand": "CITYBREEZE for MEN",
+    "stock": 150,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/INDIGO-1.jpg"
+  },
+  {
+    "productId": 22,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/citybreezeformenbrand.png",
+    "brandKo": "시티브리즈 포 맨",
+    "tags": ["패션", "의류", "상의", "men"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-4.jpg\"",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-5.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE_MODEL-6.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE-3.jpg"
+    ],
+    "productName": "알파카 오버핏 카라 니트 BEIGE",
+    "sale": 5,
+    "price": 17900,
+    "brand": "CITYBREEZE for MEN",
+    "stock": 150,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BEIGE-1.jpg"
+  },
+  {
+    "productId": 23,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/citybreezeformenbrand.png",
+    "brandKo": "시티브리즈 포 맨",
+    "tags": ["패션", "의류", "상의", "men"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-4.jpg\"",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-5.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-6.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK_MODEL-7.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK-4.jpg"
+    ],
+    "productName": "알파카 오버핏 니트 가디건 BLACK",
+    "sale": 5,
+    "price": 17900,
+    "brand": "CITYBREEZE for MEN",
+    "stock": 150,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/BLACK-1.jpg"
+  },
+  {
+    "productId": 24,
+    "brandImg": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/citybreezeformenbrand.png",
+    "brandKo": "시티브리즈 포 맨",
+    "tags": ["패션", "의류", "상의", "men"],
+    "detailList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY_MODEL-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY_MODEL-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY_MODEL-3.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY_MODEL-4.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY_MODEL-5.jpg"
+    ],
+    "detailThumbList": [
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY-1.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY-2.jpg",
+      "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY-3.jpg"
+    ],
+    "productName": "로고 자수 베이직 후드 스웻 셔츠 MELANGE GREY",
+    "sale": 5,
+    "price": 8900,
+    "brand": "CITYBREEZE for MEN",
+    "stock": 150,
+    "thumbnail": "https://fianl.s3.ap-northeast-2.amazonaws.com/CITYBREEZE+for+MEN/MELANGE+GREY-1.jpg"
+  }
+]
diff --git a/src/components/Cart/CartItem.jsx b/src/components/Cart/CartItem.jsx
index 94f35d0..a2ed899 100644
--- a/src/components/Cart/CartItem.jsx
+++ b/src/components/Cart/CartItem.jsx
@@ -12,7 +12,17 @@ const CartItem = ({ item, onCheckedHandler }) => {
     onCheckedHandler()
   }
 
-  const { id, thumbnail, brand, productName, price, sale, stock, count } = item
+  const {
+    productId,
+    id,
+    thumbnail,
+    brand,
+    productName,
+    price,
+    sale,
+    stock,
+    count,
+  } = item
   return (
     <>
       <div className="flex text-[14px] mb-[12px]">
@@ -33,7 +43,7 @@ const CartItem = ({ item, onCheckedHandler }) => {
             {productName}
           </div>
           <div className="flex justify-between mt-1">
-            <CountBtn id={id} count={count} />
+            <CountBtn id={productId} count={count} />
             <div className="text-center">
               <div className=" text-xs text-black-600 line-through">
                 {(price * count).toLocaleString()} ¥
@@ -47,13 +57,11 @@ const CartItem = ({ item, onCheckedHandler }) => {
             </div>
           </div>
 
-          <div className="mt-8 text-primary">
-            {stock} {id}개 남음
-          </div>
+          <div className="mt-8 text-primary">{stock}개 남음</div>
         </div>
         <div
           className="pr-5"
-          onClick={() => deleteCartItem({ product_id: id })}
+          onClick={() => deleteCartItem({ product_id: productId })}
         >
           <svg
             width="14"
diff --git a/src/components/Cart/index.jsx b/src/components/Cart/index.jsx
index f642afb..828ee56 100644
--- a/src/components/Cart/index.jsx
+++ b/src/components/Cart/index.jsx
@@ -15,7 +15,9 @@ const Cart = ({ cartItems }) => {
       : setCheckedItems(checkedItems.concat(item))
   }
 
-  console.log(cartItems)
+  useEffect(() => {
+    setCheckedItems(cartItems)
+  }, [cartItems])
 
   return (
     <div className="pb-[80px]">
@@ -29,7 +31,7 @@ const Cart = ({ cartItems }) => {
           </div>
           <div className="text-point text-xs">선택 삭제</div>
         </div>
-        {cartItems.length === 0 && (
+        {cartItems?.length === 0 && (
           <div className="px-5">
             <h2 className=" mt-[150px] text-[20px] font-bold ml-2 pl-6 text-center">
               장바구니에 상품이 없습니다.
@@ -42,7 +44,7 @@ const Cart = ({ cartItems }) => {
             </div>
           </div>
         )}
-        {cartItems.map((item, idx) => (
+        {cartItems?.map((item, idx) => (
           <CartItem
             item={item}
             key={idx}
@@ -50,7 +52,7 @@ const Cart = ({ cartItems }) => {
           />
         ))}
       </div>
-      {cartItems.length !== 0 && (
+      {cartItems?.length !== 0 && (
         <>
           <Total items={checkedItems} />
           <CartBtn items={checkedItems} />
diff --git a/src/store/api/cartApiSlice.js b/src/store/api/cartApiSlice.js
index 9d65f17..b9465d2 100644
--- a/src/store/api/cartApiSlice.js
+++ b/src/store/api/cartApiSlice.js
@@ -31,7 +31,7 @@ export const cartApi = apiSlice.injectEndpoints({
       query: (data) => {
         return {
           url: 'carts',
-          method: 'POST',
+          method: 'PUT',
           body: data,
         }
       },