홈 화면

src/entities/home/ui/day-status-box.tsx

@@ -1,48 +1,36 @@
-import { IMAGE_ROOT } from '@/shared/constants/common';
-import { HomeNoticeList } from './home-notice-list'; 
+import moment from 'moment';
+import { useState } from 'react';
 import { BoxContainer1 } from './day-status-box-container1';
 import { BoxContainer2 } from './day-status-box-container2';
+import { HomeBannerList } from './home-banner-list';
+import { HomeNoticeList } from './home-notice-list'; 
+
 export const DayStatusBox = () => {
+  const [tabActive, setTabActive] = useState<1 | 2>(1);
+
   return (
     <>
       <div className="day-status">
         <div className="day-tab">
-          <div>2025.06.16</div>
+          <div>{ moment().format('YYYY.MM.DD') }</div>
           <div>
-            <button className="day-tab-btn active" data-target="one">일</button>
-            <button className="day-tab-btn" data-target="two">월</button>
+            <button 
+              className={ `day-tab-btn ${(tabActive===1)? 'active': ''}` }
+              onClick={ () => setTabActive(1) }
+            >일</button>
+            <button 
+              className={ `day-tab-btn ${(tabActive===2)? 'active': ''}` }
+              onClick={ () => setTabActive(2) }
+            >월</button>
           </div>
         </div>
-        <div className="con-box one active">
+        <div className={ `con-box one ${(tabActive===1)? 'active': ''}` }>
           { <BoxContainer1></BoxContainer1> }
         </div>
-        <div className="con-box two active">
+        <div className={ `con-box two ${(tabActive===2)? 'active': ''}` }>
           { <BoxContainer2></BoxContainer2> }
         </div>
-        <div className="swiper-banner">
-          <div className="banner-wrapper">
-            <div className="banner-slide active">
-              <div className="banner-content">
-                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
-              </div>
-            </div>
-            <div className="banner-slide">
-              <div className="banner-content">
-                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
-              </div>
-            </div>
-            <div className="banner-slide">
-              <div className="banner-content">
-                <img src={ IMAGE_ROOT + '/home-banner01.png' } alt="배너 이미지" />
-              </div>
-            </div>
-          </div>
-          <div className="banner-pagination">
-            <span className="banner-dot active" data-slide="0"></span>
-            <span className="banner-dot" data-slide="1"></span>
-            <span className="banner-dot" data-slide="2"></span>
-          </div>
-        </div>
+        { <HomeBannerList></HomeBannerList> }
         { <HomeNoticeList></HomeNoticeList> }
       </div>
     </>