From cf29e676ba603a48d25824d45ca46c7ba1354d30 Mon Sep 17 00:00:00 2001
From: Lee sang Yeop <mma7710@naver.com>
Date: Wed, 29 Nov 2023 21:24:11 +0900
Subject: [PATCH] =?UTF-8?q?fix(Carousel):=20=EC=9B=A8=EC=9D=BC=EB=B9=84=20?=
 =?UTF-8?q?=EC=BA=90=EB=9F=AC=EC=85=80=EC=97=90=20=EB=AA=A8=EC=A7=91?=
 =?UTF-8?q?=EA=B8=B0=EA=B4=80=EA=B3=BC=20=EC=9A=B4=EC=98=81=EA=B8=B0?=
 =?UTF-8?q?=EA=B0=84=EC=9D=84=20=EB=82=98=EB=88=A0=EC=84=9C=20=EB=B3=B4?=
 =?UTF-8?q?=EC=97=AC=EC=A3=BC=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Carousel/index.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Carousel/index.tsx b/src/components/Carousel/index.tsx
index 9ae046b2..86fa4fd8 100644
--- a/src/components/Carousel/index.tsx
+++ b/src/components/Carousel/index.tsx
@@ -7,10 +7,11 @@ import Slider from 'react-slick';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 
-interface WhalebeData {
+export interface WhalebeData {
   title: string;
-  date: string;
-  imgUrl: string;
+  operating_period: string;
+  recruitment_period: string;
+  imgurl: string;
   link: string;
 }
 
@@ -47,10 +48,11 @@ const Carousel = () => {
               onClick={() => window.open(data.link, '_blank')}
             >
               <SliderWrapper>
-                <img src={data.imgUrl} width="100%" height={200} />
+                <img src={data.imgurl} width="100%" height={200} />
               </SliderWrapper>
               <Title>{data.title}</Title>
-              <Date>모집기간: ~ {data.date}</Date>
+              <Date>모집기간: {data.recruitment_period}</Date>
+              <Date>운영기간: {data.operating_period}</Date>
               <DisplayCenterWrapper>
                 <Button>자세히보기</Button>
               </DisplayCenterWrapper>
@@ -80,14 +82,14 @@ const SliderWrapper = styled.div`
 const Title = styled.div`
   font-weight: bold;
   font-size: 1rem;
-  height: 2rem;
+  height: 3rem;
   overflow: hidden;
   text-overflow: ellipsis;
 `;
 
 const Date = styled.div`
   color: ${THEME.TEXT.GRAY};
-  margin-top: 2rem;
+  margin-top: 0.3rem;
   font-size: 0.8rem;
 `;