// 헤더에서 현재 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; // company-sign-in 페이지에서는 서브메뉴를 생성하지 않음 if (currentPath === "/company-sign-in" || currentPath === "/") { return; } // 먼저 페이지가 완전히 로드될 때까지 대기 function checkAndCreateMenu() { // 헤더 메뉴 수정 시 서브메뉴탭 공통 적용 const existingSubBox = document.querySelector(".sub-visual-box"); if (existingSubBox) existingSubBox.remove(); // 페이지에 없는 경우에만 헤더에서 생성 const menuData = extractCurrentSubMenuData(currentPath); if (!menuData || menuData.items.length === 0) { return; } // 헤더가 생성한 기존 서브메뉴 제거 const header = document.querySelector(".header"); const existingHeaderSubBox = header ? header.nextElementSibling : null; if (existingHeaderSubBox && existingHeaderSubBox.classList.contains("sub-visual-box") && existingHeaderSubBox.classList.contains("header-generated")) { existingHeaderSubBox.remove(); } 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; if (itemPath.match(/^\/boards\/\d+$/)) { const boardPattern = new RegExp("^" + itemPath.replace(/\//g, "\\/") + "(\\/|$)"); if (boardPattern.test(currentPath)) return true; } return false; }); const subVisualHTML = `

${item.name}

`; if (header) { header.insertAdjacentHTML("afterend", subVisualHTML); } } // DOM이 완전히 로드된 후 실행 if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", checkAndCreateMenu); } else { // 약간의 딜레이를 주어 페이지 콘텐츠가 렌더링되도록 함 setTimeout(checkAndCreateMenu, 100); } } createSubMenu(); window.addEventListener("load", createSubMenu);