From 0f0b1edbc1f9574f037d5dda34c8dae5b047b573 Mon Sep 17 00:00:00 2001 From: Yoonchulchung Date: Thu, 12 Feb 2026 18:50:59 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B0=B0=EB=84=88=20=EC=9D=B4=EB=AF=B8?= =?UTF-8?q?=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/assets/home-banner/banner-beauty-1.svg | 1 + app/assets/home-banner/banner-beauty-2.svg | 1 + app/assets/home-banner/banner-beauty-3.svg | 1 + app/assets/home-banner/banner-beauty.svg | 9 ----- app/assets/home-banner/banner-fashion-1.svg | 1 + app/assets/home-banner/banner-fashion-2.svg | 1 + app/assets/home-banner/banner-fashion-3.svg | 1 + app/assets/home-banner/banner-fashion.svg | 9 ----- app/routes/home/components/BannerCarousel.tsx | 38 +++++++++---------- 9 files changed, 24 insertions(+), 38 deletions(-) create mode 100644 app/assets/home-banner/banner-beauty-1.svg create mode 100644 app/assets/home-banner/banner-beauty-2.svg create mode 100644 app/assets/home-banner/banner-beauty-3.svg delete mode 100644 app/assets/home-banner/banner-beauty.svg create mode 100644 app/assets/home-banner/banner-fashion-1.svg create mode 100644 app/assets/home-banner/banner-fashion-2.svg create mode 100644 app/assets/home-banner/banner-fashion-3.svg delete mode 100644 app/assets/home-banner/banner-fashion.svg diff --git a/app/assets/home-banner/banner-beauty-1.svg b/app/assets/home-banner/banner-beauty-1.svg new file mode 100644 index 00000000..d3f58bbe --- /dev/null +++ b/app/assets/home-banner/banner-beauty-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-beauty-2.svg b/app/assets/home-banner/banner-beauty-2.svg new file mode 100644 index 00000000..37c38f10 --- /dev/null +++ b/app/assets/home-banner/banner-beauty-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-beauty-3.svg b/app/assets/home-banner/banner-beauty-3.svg new file mode 100644 index 00000000..ca7ed8d7 --- /dev/null +++ b/app/assets/home-banner/banner-beauty-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-beauty.svg b/app/assets/home-banner/banner-beauty.svg deleted file mode 100644 index bc83f7b6..00000000 --- a/app/assets/home-banner/banner-beauty.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/app/assets/home-banner/banner-fashion-1.svg b/app/assets/home-banner/banner-fashion-1.svg new file mode 100644 index 00000000..03f83ee3 --- /dev/null +++ b/app/assets/home-banner/banner-fashion-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-fashion-2.svg b/app/assets/home-banner/banner-fashion-2.svg new file mode 100644 index 00000000..cec5167f --- /dev/null +++ b/app/assets/home-banner/banner-fashion-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-fashion-3.svg b/app/assets/home-banner/banner-fashion-3.svg new file mode 100644 index 00000000..ed413ddc --- /dev/null +++ b/app/assets/home-banner/banner-fashion-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/home-banner/banner-fashion.svg b/app/assets/home-banner/banner-fashion.svg deleted file mode 100644 index 036cddcc..00000000 --- a/app/assets/home-banner/banner-fashion.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/app/routes/home/components/BannerCarousel.tsx b/app/routes/home/components/BannerCarousel.tsx index 26e21d0d..416328b4 100644 --- a/app/routes/home/components/BannerCarousel.tsx +++ b/app/routes/home/components/BannerCarousel.tsx @@ -1,25 +1,29 @@ import { useEffect, useRef, useState, useCallback } from "react"; import type { CategoryKey } from "../types"; -import bannerBeauty from "../../../assets/home-banner/banner-beauty.svg"; -import bannerFashion from "../../../assets/home-banner/banner-fashion.svg"; +import bannerBeauty1 from "../../../assets/home-banner/banner-beauty-1.svg"; +import bannerBeauty2 from "../../../assets/home-banner/banner-beauty-2.svg"; +import bannerBeauty3 from "../../../assets/home-banner/banner-beauty-3.svg"; +import bannerFashion1 from "../../../assets/home-banner/banner-fashion-1.svg"; +import bannerFashion2 from "../../../assets/home-banner/banner-fashion-2.svg"; +import bannerFashion3 from "../../../assets/home-banner/banner-fashion-3.svg"; const INTERVAL = 3000; interface BannerItem { - src: string | null; + src: string; alt: string; } const beautyBanners: BannerItem[] = [ - { src: bannerBeauty, alt: "뷰티 배너 1" }, - { src: null, alt: "뷰티 배너 2" }, - { src: null, alt: "뷰티 배너 3" }, + { src: bannerBeauty1, alt: "뷰티 배너 1" }, + { src: bannerBeauty2, alt: "뷰티 배너 2" }, + { src: bannerBeauty3, alt: "뷰티 배너 3" }, ]; const fashionBanners: BannerItem[] = [ - { src: bannerFashion, alt: "패션 배너 1" }, - { src: null, alt: "패션 배너 2" }, - { src: null, alt: "패션 배너 3" }, + { src: bannerFashion1, alt: "패션 배너 1" }, + { src: bannerFashion2, alt: "패션 배너 2" }, + { src: bannerFashion3, alt: "패션 배너 3" }, ]; export default function BannerCarousel({ category }: { category: CategoryKey }) { @@ -55,17 +59,11 @@ export default function BannerCarousel({ category }: { category: CategoryKey }) > {banners.map((banner, i) => (
- {banner.src ? ( - {banner.alt} - ) : ( -
- 준비중 -
- )} + {banner.alt}
))}