// 헤더에서 현재 URL과 매칭되는 메뉴의 서브메뉴 데이터 추출 function extractCurrentSubMenuData(currentPath) { if (currentPath === "/" || currentPath === "") { return null; } const menuItems = document.querySelectorAll( ".site-navs .navs-item.has-children", ); for (const menuItem of menuItems) { const mainLink = menuItem.querySelector(".nav-link"); const parentName = mainLink ? mainLink.querySelector(".nav-text")?.textContent.trim() : ""; const parentHref = mainLink ? mainLink.getAttribute("href") : ""; const subMenuLinks = menuItem.querySelectorAll( ".nav-submenu .navs-item .nav-link", ); const hasMatchingLink = Array.from(subMenuLinks).some((link) => { const href = link.getAttribute("href"); if (!href || href.startsWith("javascript:")) return false; const hrefPath = href.split("?")[0]; // 정확히 일치 if (currentPath === href || currentPath === hrefPath) return true; // 하위 경로 매칭 (예: /boards/67 과 /boards/67/2385) if (currentPath.startsWith(hrefPath + "/")) return true; // /boards 형태의 경로에서 숫자 ID 기반 매칭 // 예: /boards/67/2385 에서 /boards/67 추출 if (hrefPath.match(/^\/boards\/\d+$/)) { const boardPattern = new RegExp( "^" + hrefPath.replace(/\//g, "\\/") + "(\\/|$)", ); if (boardPattern.test(currentPath)) return true; } return false; }); if (hasMatchingLink) { const items = Array.from(subMenuLinks).map((link) => ({ name: link.querySelector(".nav-text").textContent.trim(), href: link.getAttribute("href"), target: link.getAttribute("target") || "", })); return { parentName, parentHref, items }; } } return null; } // 서브페이지 메뉴바 생성 함수 function createSubMenu() { const currentPath = window.location.pathname; console.log("현재 경로:", currentPath); // 디버깅 추가 // company-sign-in 페이지에서는 서브메뉴를 생성하지 않음 if (currentPath === "/company-sign-in") { console.log("company-sign-in 페이지라서 종료"); // 디버깅 추가 return; } // 이미 존재하면 제거 후 새로 생성 (뒤로가기 시 중복 방지) // 교체 const pageSubVisual = document.querySelector( "#content .sub-visual-box, #con_container .sub-visual-box, .sub_content .sub-visual-box" ); if (pageSubVisual) { return; // 페이지에 이미 탭 있으면 헤더에서 생성 안함 } const menuData = extractCurrentSubMenuData(currentPath); console.log("menuData:", menuData); // 디버깅 추가 if (!menuData || menuData.items.length === 0) { console.log("menuData가 없거나 비어있어서 종료"); // 디버깅 추가 return; } // 현재 활성화된 메뉴 이름 찾기 const activeItem = menuData.items.find((item) => { const itemPath = item.href.split("?")[0]; if (!itemPath || itemPath.startsWith("javascript:")) return false; // 정확히 일치 if (currentPath === item.href || currentPath === itemPath) return true; // 하위 경로 매칭 if (currentPath.startsWith(itemPath + "/")) return true; // /boards 형태의 경로에서 숫자 ID 기반 매칭 if (itemPath.match(/^\/boards\/\d+$/)) { const boardPattern = new RegExp( "^" + itemPath.replace(/\//g, "\\/") + "(\\/|$)", ); if (boardPattern.test(currentPath)) return true; } return false; }); const currentMenuName = activeItem ? activeItem.name : menuData.items[0].name; const subVisualHTML = `

${item.name}

`; const header = document.querySelector(".header"); if (header) { header.insertAdjacentHTML("afterend", subVisualHTML); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", createSubMenu); } else { createSubMenu(); } // 추가 안전장치 window.addEventListener("load", createSubMenu);