// 헤더에서 현재 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 기반 매칭 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; // 메인페이지면 생성 안 함 if (currentPath === "/" || currentPath === "") { return; } // 이미 존재하면 제거 후 새로 생성 (중복 방지) const existingSubBox = document.querySelector(".sub-visual-box"); if (existingSubBox) existingSubBox.remove(); const menuData = extractCurrentSubMenuData(currentPath); if (!menuData || menuData.items.length === 0) 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 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);