// 헤더에서 현재 URL과 매칭되는 메뉴의 서브메뉴 데이터 추출 function extractCurrentSubMenuData(currentPath) { if (currentPath === "/" || currentPath === "") { return null; } const menuItems = document.querySelectorAll( ".site-nav .nav-item.has-children" ); for (const menuItem of menuItems) { const subMenuLinks = menuItem.querySelectorAll( ".nav-submenu .nav-item .nav-link" ); const hasMatchingLink = Array.from(subMenuLinks).some((link) => { const href = link.getAttribute("href"); // 정확히 일치하는 경우 if (href && currentPath === href) { return true; } // /boards/ 경로 처리: 게시판 번호가 정확히 일치하는 경우만 if ( href && href.startsWith("/boards/") && currentPath.startsWith("/boards/") ) { const hrefBoardId = href.split("/boards/")[1]?.split("/")[0]; const currentBoardId = currentPath .split("/boards/")[1] ?.split("/")[0]; // 게시판 번호가 같으면 매칭 return ( hrefBoardId && currentBoardId && hrefBoardId === currentBoardId ); } return false; }); if (hasMatchingLink) { // 부모 메뉴의 타이틀 가져오기 const parentLink = menuItem.querySelector(".nav-link .nav-text"); const parentTitle = parentLink ? parentLink.textContent.trim() : ""; const items = Array.from(subMenuLinks).map((link) => ({ name: link.querySelector(".nav-text").textContent.trim(), href: link.getAttribute("href"), target: link.getAttribute("target") || "", })); return { parentTitle, items }; } } return null; } // 서브페이지 탭 메뉴 생성 함수 function createSubTab() { // 이미 존재하면 제거 후 새로 생성 (뒤로가기 시 중복 방지) const existingSubTab = document.querySelector('.sub-tab'); if (existingSubTab) { existingSubTab.remove(); } const currentPath = window.location.pathname; const menuData = extractCurrentSubMenuData(currentPath); if (!menuData || menuData.items.length === 0) return; const subTabHTML = `

${menuData.parentTitle}

${item.name} `; }) .join("")}

`; const contentElement = document.getElementById("content"); if (contentElement) { contentElement.insertAdjacentHTML("afterbegin", subTabHTML); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", createSubTab); } else { createSubTab(); }

AW

Logo

Type 1

Type 2