// 헤더에서 현재 URL과 매칭되는 메뉴의 서브메뉴 데이터 추출 function extractCurrentSubMenuData(currentPath) { if (currentPath === "/" || currentPath === "") { return null; } const menuItems = document.querySelectorAll( ".site-nav .nav-list > .nav-item.has-children" ); for (const menuItem of menuItems) { const mainLink = menuItem.querySelector(":scope > .nav-link"); const parentName = mainLink ? mainLink.querySelector(".nav-text")?.textContent.trim() : ""; const parentHref = mainLink ? mainLink.getAttribute("href") : ""; const subMenuLinks = menuItem.querySelectorAll( ".nav-submenu .nav-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/51 과 /boards/51/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; } // sub-XX-XX 형태 경로 매칭 if (currentPath.startsWith(hrefPath)) return true; return false; }); if (hasMatchingLink) { const items = Array.from(subMenuLinks).map((link) => ({ name: link.querySelector(".nav-text")?.textContent.trim() || link.textContent.trim(), href: link.getAttribute("href"), target: link.getAttribute("target") || "", })); return { parentName, parentHref, items }; } } return null; } // 서브페이지 비주얼 생성 함수 function createSubVisual() { const currentPath = window.location.pathname; const isBoards = currentPath.startsWith("/boards"); // 이미 존재하면 제거 후 새로 생성 (뒤로가기 시 중복 방지) const existingSubBox = document.querySelector(".sub-visaul-item.sub-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; } // sub-XX-XX 형태 경로 매칭 if (currentPath.startsWith(itemPath)) return true; return false; }); const currentMenuName = activeItem ? activeItem.name : menuData.items[0].name; const subVisualHTML = `

${ menuData.parentName }
${currentMenuName}

${item.name}

`; // /boards 페이지인 경우 if (isBoards) { const cmsBoardTop = document.querySelector(".cms-board-top"); if (cmsBoardTop) { // 부모에 id="content" class="sub_content" 추가 const parent = cmsBoardTop.parentElement; if (parent) { if (!parent.id) parent.id = "content"; if (!parent.classList.contains("sub_content")) { parent.classList.add("sub_content"); } } // cms-board-top 대신 서브비주얼 삽입 cmsBoardTop.insertAdjacentHTML("beforebegin", subVisualHTML); cmsBoardTop.remove(); return; } } // 일반 서브페이지 const contentElement = document.querySelector("#content.sub_content"); if (contentElement) { contentElement.insertAdjacentHTML("afterbegin", subVisualHTML); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", createSubVisual); } else { createSubVisual(); } // 추가 안전장치: window.load에서도 실행 window.addEventListener("load", createSubVisual);

${ menuData.parentName } ${currentMenuName}

${currentMenuName}

${ menuData.parentName }
${currentMenuName}

Media홍보영상

홍보영상

Media
홍보영상