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) => (
-
+
))}
)
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 (
-
+ {productThumbnails.length > 1 && (
+
+ )}
+ {productThumbnails.length === 1 && (
+
+ )}