From b5b8c551f2a0da3bc284349418ec8d9407b70951 Mon Sep 17 00:00:00 2001
From: devkyoung2 <devkyoung2@gmail.com>
Date: Fri, 24 May 2024 23:22:50 +0900
Subject: [PATCH 1/2] =?UTF-8?q?[refactor]:=20=EC=9D=98=EB=AF=B8=EC=97=86?=
 =?UTF-8?q?=EB=8A=94=20=EC=A3=BC=EC=84=9D=20=EC=A0=9C=EA=B1=B0(#299)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Product/DetailMain/ProductCarousel.tsx | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/layouts/Product/DetailMain/ProductCarousel.tsx b/src/layouts/Product/DetailMain/ProductCarousel.tsx
index bd523c14..f129a4d9 100644
--- a/src/layouts/Product/DetailMain/ProductCarousel.tsx
+++ b/src/layouts/Product/DetailMain/ProductCarousel.tsx
@@ -9,13 +9,10 @@ import styles from './ProductCarousel.module.scss';
 import './ProductCarousel.css';
 
 type ProductCarouselProps = {
-  // TODO : 타입
-  // imgs : [{id : number; url : 'string'}]
   thumbnails: string[];
   className: string;
 };
 
-// TODO : 타입
 const ProductCarousel = ({ thumbnails, className }: ProductCarouselProps) => {
   const [target, setTarget] = useState(0);
 
@@ -45,14 +42,7 @@ const ProductCarousel = ({ thumbnails, className }: ProductCarouselProps) => {
         className={className}
       >
         {thumbnails.map((img) => (
-          <img
-            // TODO : 타입
-            // key : img.id
-            key={img}
-            // key : img.url
-            src={img}
-            alt="상품 대표 이미지"
-          />
+          <img key={img} src={img} alt="상품 대표 이미지" />
         ))}
       </Slider>
     )

From 6369ad7098d96a8f548db74273de3b7b000ecb3e Mon Sep 17 00:00:00 2001
From: devkyoung2 <devkyoung2@gmail.com>
Date: Fri, 24 May 2024 23:34:57 +0900
Subject: [PATCH 2/2] =?UTF-8?q?[fix]:=20=EC=83=81=ED=92=88=EC=9D=B4=20?=
 =?UTF-8?q?=ED=95=98=EB=82=98=EC=9D=BC=20=EA=B2=BD=EC=9A=B0=20=EC=BA=90?=
 =?UTF-8?q?=EB=9F=AC=EC=85=80=EC=9D=84=20=EB=9D=84=EC=9A=B0=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EA=B3=A0=20=EB=8B=A8=EC=9D=BC=20=EC=83=81=ED=92=88=20?=
 =?UTF-8?q?=EB=A0=8C=EB=8D=94=EB=A7=81=ED=95=98=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95(#299)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Product/DetailMain/index.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/layouts/Product/DetailMain/index.tsx b/src/layouts/Product/DetailMain/index.tsx
index e6e8211f..ed166c72 100644
--- a/src/layouts/Product/DetailMain/index.tsx
+++ b/src/layouts/Product/DetailMain/index.tsx
@@ -23,10 +23,19 @@ const DetailMain = ({ productDescription }: DetailMainProps) => {
   } = productDescription;
   return (
     <section className={styles.area_main}>
-      <ProductCarousel
-        thumbnails={productThumbnails}
-        className={styles.carousel}
-      />
+      {productThumbnails.length > 1 && (
+        <ProductCarousel
+          thumbnails={productThumbnails}
+          className={styles.carousel}
+        />
+      )}
+      {productThumbnails.length === 1 && (
+        <img
+          src={productThumbnails[0]}
+          alt={`${productName}상품이미지`}
+          className={styles.carousel}
+        />
+      )}
       <section className={styles.wrapper_info}>
         <section className={styles.desc_prod}>
           <div className={styles.title}>{productName}</div>