From 55793d8463ec3c945a4911515445987583df22bc Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Wed, 23 Jul 2025 16:46:47 +0900
Subject: [PATCH] =?UTF-8?q?[common/components]=20refactor:=20=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=20=ED=99=9C=EC=84=B1=ED=99=94=20=EC=A1=B0=EA=B1=B4=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD(menuCd)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/components/src/ui/lnb/index.tsx    | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index 650fd2474..75edc2e1e 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -42,6 +42,7 @@ export function LNB({
   handleMenuClick?: (item: MenuItem) => void;
 }) {
   const [defaultOpenMenuIds, setDefaultOpenMenuIds] = useState<number[]>([]);
+  const [currentMenuCode, setCurrentMenuCode] = useState<number | null>(null);
   const prevPathRef = useRef(currentPath);
 
   const cookieSiteId = getCookie("site-id-key") ?? "";
@@ -70,6 +71,7 @@ export function LNB({
     if (!menuList || !currentPath) return;
 
     const matchedMenuIds: number[] = [];
+    let matchedMenuCode: number | null = null;
 
     const findMatchedMenus = (items: MenuItem[]) => {
       items.forEach((item) => {
@@ -77,25 +79,32 @@ export function LNB({
           const parentIds = getParentIds(item.menuCd)(menuList);
           matchedMenuIds.push(...parentIds, item.menuCd);
         }
+        if (item.children) findMatchedMenus(item.children);
+      });
+    };
 
-        if (item.children) {
-          findMatchedMenus(item.children);
-        }
+    const findMatchedMenuCode = (items: MenuItem[]) => {
+      items.forEach((item) => {
+        if (matchedMenuCode) return;
+        if (currentPath === item.urlPath) matchedMenuCode = item.menuCd;
+        if (item.children) findMatchedMenuCode(item.children);
       });
     };
 
     findMatchedMenus(menuList);
+    findMatchedMenuCode(menuList);
 
-    if (matchedMenuIds.length > 0) {
+    if (matchedMenuIds.length > 0)
       setDefaultOpenMenuIds((prev) => [
         ...new Set([...prev, ...matchedMenuIds]),
       ]);
-    }
 
     if (prevPathRef.current !== currentPath) {
       setDefaultOpenMenuIds(matchedMenuIds);
       prevPathRef.current = currentPath;
     }
+
+    if (matchedMenuCode) setCurrentMenuCode(matchedMenuCode);
   }, [menuList, currentPath]);
 
   function MenuItem({
@@ -106,7 +115,8 @@ export function LNB({
     isSubMenu?: boolean;
   }) {
     const { open: isSidebarOpen, setOpen } = useSidebar();
-    const isMatched = isPathMatched(item.urlPath);
+    const isMatched =
+      isPathMatched(item.urlPath) && currentMenuCode === item.menuCd;
 
     const handleClick = () => {
       if (!isSidebarOpen) setOpen(true);