From 3d22544b9a54a5baec1ecf20ed6e87102e9b5367 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 29 Sep 2025 13:45:31 +0900
Subject: [PATCH] =?UTF-8?q?=ED=99=88=ED=99=94=EB=A9=B4=20=EB=B0=94?=
 =?UTF-8?q?=EB=A1=9C=EA=B0=80=EA=B8=B0=20=EA=B4=80=EB=A0=A8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../home/ui/day-status-box-container1.tsx     | 13 +++++++++++--
 .../home/ui/day-status-box-container2.tsx     | 19 +++++++++++++++++--
 src/entities/home/ui/favorite-wrapper.tsx     | 10 +++-------
 src/entities/home/ui/home-banner-list.tsx     |  9 ++++++++-
 src/entities/home/ui/home-notice-list.tsx     |  2 +-
 5 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/src/entities/home/ui/day-status-box-container1.tsx b/src/entities/home/ui/day-status-box-container1.tsx
index adafe37..4a812f6 100644
--- a/src/entities/home/ui/day-status-box-container1.tsx
+++ b/src/entities/home/ui/day-status-box-container1.tsx
@@ -9,8 +9,11 @@ import {
   Sales,
   Settlement
 } from '../model/types';
+import { useNavigate } from '@/shared/lib/hooks';
+import { PATHS } from '@/shared/constants/paths';
 
 export const BoxContainer1 = () => {
+  const { navigate } = useNavigate();
 
   const [mid, setMid] = useState<string>('nictest001m');
   const [searchDate, setSearchDate] = useState<string>(moment().format('YYYY-MM-DD'));
@@ -49,6 +52,10 @@ export const BoxContainer1 = () => {
       setSettlement(rs.settlement);
     });
   };
+
+  const onClickToNavigate = () => {
+    navigate(PATHS.settlement.list);
+  };
     
   useEffect(() => {
     callToday();
@@ -79,7 +86,8 @@ export const BoxContainer1 = () => {
           <a className="arrow">
             <img 
               src={ IMAGE_ROOT + '/ico_arrow.svg' } 
-              alt="오늘 매출 바로가기" 
+              alt="오늘 매출 바로가기"
+              onClick={ onClickToNavigate }
             />
           </a>
         </div>
@@ -123,7 +131,8 @@ export const BoxContainer1 = () => {
           <a className="arrow">
             <img 
               src={ IMAGE_ROOT + '/ico_arrow.svg' } 
-              alt="오늘 매출 바로가기" 
+              alt="오늘 매출 바로가기"
+              onClick={ onClickToNavigate }
             />
           </a>
         </div>
diff --git a/src/entities/home/ui/day-status-box-container2.tsx b/src/entities/home/ui/day-status-box-container2.tsx
index d26f235..5c12a26 100644
--- a/src/entities/home/ui/day-status-box-container2.tsx
+++ b/src/entities/home/ui/day-status-box-container2.tsx
@@ -5,8 +5,11 @@ import { HomeMonthParams, HomeMonthResponse, HomeOverviewParams, HomeOverviewRes
 import { useHomeOverviewMutation } from '../api/use-home-overview-mutation';
 import { useHomeMonthwMutation } from '../api/use-home-month-mutation';
 import { NumericFormat } from 'react-number-format';
+import { useNavigate } from '@/shared/lib/hooks';
+import { PATHS } from '@/shared/constants/paths';
 
 export const BoxContainer2 = () => {
+  const { navigate } = useNavigate();
 
   const [mid, setMid] = useState<string>('nictest001m');
   const [searchDate, setSearchDate] = useState<string>(moment().format('YYYY-MM-DD'));
@@ -71,6 +74,10 @@ export const BoxContainer2 = () => {
     callOverview();
   }, []);
 
+  const onClickToNavigate = () => {
+    navigate(PATHS.settlement.list);
+  };
+
   return (
     <>
       <div>
@@ -99,7 +106,11 @@ export const BoxContainer2 = () => {
               ></NumericFormat>
             </span>
             <a className="arrow">
-              <img src={ IMAGE_ROOT + '/ico_arrow.svg' } alt="오늘 매출 바로가기" />
+              <img 
+                src={ IMAGE_ROOT + '/ico_arrow.svg' } 
+                alt="오늘 매출 바로가기" 
+                onClick={ onClickToNavigate }
+              />
             </a>
           </div>
         </div>
@@ -124,7 +135,11 @@ export const BoxContainer2 = () => {
               ></NumericFormat>
             </span>
             <a className="arrow">
-              <img src={ IMAGE_ROOT + '/ico_arrow.svg' } alt="오늘 매출 바로가기" />
+              <img 
+                src={ IMAGE_ROOT + '/ico_arrow.svg' }
+                alt="오늘 매출 바로가기"
+                onClick={ onClickToNavigate }
+              />
             </a>
           </div>
         </div>
diff --git a/src/entities/home/ui/favorite-wrapper.tsx b/src/entities/home/ui/favorite-wrapper.tsx
index ceeb6d9..1ef268d 100644
--- a/src/entities/home/ui/favorite-wrapper.tsx
+++ b/src/entities/home/ui/favorite-wrapper.tsx
@@ -22,16 +22,13 @@ export const FavoriteWrapper = () => {
   const getItems = () => {
     let rs = [];
     for(let i=0;i<items.length;i++){
-      let img = items[i]?.img;
-      let text = items[i]?.text;
-      let key = 'slide-key-'+i;
       rs.push(
         <SwiperSlide
-          key={ key }
+          key={ 'slide-key-'+i }
         >
           <FavoriteItem 
-            img={ img } 
-            text={ text }
+            img={ items[i]?.img } 
+            text={ items[i]?.text }
           ></FavoriteItem>
         </SwiperSlide>
       );
@@ -45,7 +42,6 @@ export const FavoriteWrapper = () => {
       <Swiper 
         spaceBetween={9}
         slidesPerView={4}
-        onSlideChange={() => console.log('slide change')}
       >
         { getItems() }
         <SwiperSlide>
diff --git a/src/entities/home/ui/home-banner-list.tsx b/src/entities/home/ui/home-banner-list.tsx
index aede51e..59eecc8 100644
--- a/src/entities/home/ui/home-banner-list.tsx
+++ b/src/entities/home/ui/home-banner-list.tsx
@@ -25,7 +25,7 @@ export const HomeBannerList = () => {
     }).finally(() => {
       let items = [
         {title: '배너 이미지1', imageUrl: IMAGE_ROOT + '/sample_banner_0.png',  linkUrl: '', order: ''},
-        {title: '배너 이미지2', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: '', order: ''},
+        {title: '배너 이미지2', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: 'link2', order: ''},
         {title: '배너 이미지3', imageUrl: IMAGE_ROOT + '/home-banner01.png', linkUrl: '', order: ''},
       ];
       setBannerList(items);
@@ -36,6 +36,12 @@ export const HomeBannerList = () => {
     callHomeBannerList();
   }, []);
 
+  const onClickToMove = (linkUrl?: string) => {
+    if(!!linkUrl){
+      alert('open :: ' + linkUrl);
+    }
+  };
+
   const swiperPagination = {
     bulletClass: 'banner-dot',
     bulletActiveClass: 'active',
@@ -64,6 +70,7 @@ export const HomeBannerList = () => {
                     width: '100%',
                     height: '100%'
                   }}
+                  onClick={ () => onClickToMove(value.linkUrl) }
                 />
               </SwiperSlide>
             ))
diff --git a/src/entities/home/ui/home-notice-list.tsx b/src/entities/home/ui/home-notice-list.tsx
index d2b48e2..da5d391 100644
--- a/src/entities/home/ui/home-notice-list.tsx
+++ b/src/entities/home/ui/home-notice-list.tsx
@@ -13,7 +13,7 @@ export const HomeNoticeList = () => {
 
   const getItems = () => {
     let rs = [];
-    let maxCnt = (!!resultList && resultList.length < 5)? resultList.length: 5;
+    let maxCnt = (!!resultList && resultList.length < 4)? resultList.length: 5;
     for(let i=0;i<maxCnt;i++){
       rs.push(
         <HomeNoticeItem