` 인라인 코드로 교체 =================================================================== // 세미나 / EVuff / OCPP 하위메뉴 데이터 (PC tab_lst와 동일) const tabSubMenuData = { "세미나": [ { name: "세미나 개요", href: "/sub-07-01" }, { name: "연사 소개", href: "/sub-07-02" }, { name: "프로그램", href: "/conferences/93/programs" } ], "EVuff@EVTREND": [ { name: "세미나 개요", href: "/sub-08-01" }, { name: "연사 소개", href: "/sub-08-02" }, { name: "프로그램", href: "/conferences/100/programs" } ], "OCPP Plugfest & Conference": [ { name: "세미나 개요", href: "/sub-09-01" }, { name: "프로그램", href: "/conferences/102/programs" } ] }; // createSubVisual() 안 subVisualHTML 템플릿에서 아래처럼 사용되었습니다: // // const subVisualHTML = ` //

// //
// ${menuData.parentName} //
${currentMenuName}
//
//

${sub.name}

${item.name}${tabSubMenuHTML}

// `; =================================================================== */ // 지정된 2개 탭 그룹 및 각 그룹에 속한 하위 경로(연사소개/프로그램 등)에서만 // tab_lst_wrap이 노출되도록 하는 고정 데이터입니다. // 각 item의 matchPaths에 포함된 경로로 접속하면 해당 item이 active(bgM) 처리됩니다. const customTabListData = [ { // /sub-08-01 그룹: 세미나 개요 / 연사 소개 / 프로그램 groupPaths: ["/sub-08-01", "/sub-08-02", "/conferences/100/programs"], items: [ { name: "세미나 개요", href: "/sub-08-01", target: "", matchPaths: ["/sub-08-01"] }, { name: "연사 소개", href: "/sub-08-02", target: "", matchPaths: ["/sub-08-02"] }, { name: "프로그램", href: "/conferences/100/programs", target: "", matchPaths: ["/conferences/100/programs"] } ] }, { // /sub-07-01 그룹: 세미나 / 투자 세미나 / OCPP Plugfest & Conference groupPaths: [ "/sub-07-01", "/sub-07-02", "/conferences/93/programs", "/sub-09-02", "/sub-09-01", "/conferences/102/programs" ], items: [ { name: "세미나", href: "/sub-07-01", target: "", matchPaths: ["/sub-07-01", "/sub-07-02", "/conferences/93/programs"], subMenu: [ { name: "세미나 개요", href: "/sub-07-01" }, { name: "연사 소개", href: "/sub-07-02" }, { name: "프로그램", href: "/conferences/93/programs" } ] }, { name: "투자 세미나", href: "/sub-09-02", target: "", matchPaths: ["/sub-09-02"] }, { name: "OCPP Plugfest & Conference", href: "/sub-09-01", target: "", matchPaths: ["/sub-09-01", "/conferences/102/programs"], subMenu: [ { name: "세미나 개요", href: "/sub-09-01" }, { name: "프로그램", href: "/conferences/102/programs" } ] } ] } ]; // 지정된 경로들에 해당하지 않으면 빈 문자열을 반환하여 tab_lst_wrap 자체가 생성되지 않도록 함 // currentPath가 targetPath와 정확히 같거나, 그 하위 경로("/targetPath/...")면 true function pathMatches(currentPath, targetPath) { return currentPath === targetPath || currentPath.startsWith(targetPath + "/"); } // 지정된 경로(및 그 하위 경로)들에 해당하지 않으면 빈 문자열을 반환하여 tab_lst_wrap이 생성되지 않도록 함 function buildTabListWrapHTML(currentPath) { const group = customTabListData.find((g) => g.groupPaths.some((p) => pathMatches(currentPath, p)) ); if (!group) return ""; const tabsHTML = group.items .map((item, index) => { const isActive = item.matchPaths.some((p) => pathMatches(currentPath, p)); const subMenuHTML = item.subMenu ? `

${sub.name}

` : ""; const targetAttr = item.target ? `target="${item.target}"` : 'target=""'; return `

${item.name}${subMenuHTML}

`; }) .join(""); return `

${tabsHTML}

`; } // 서브페이지 비주얼 생성 함수 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; // alias 매칭 if (isAliasMatch(currentPath, itemPath)) return true; // 정확히 일치 if (currentPath === item.href || currentPath === 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 menuNameOverride = { "/sub-07-01": "세미나", "/sub-07-02": "연사 소개", "/conferences/93/programs": "프로그램", "/conferences/100/programs": "프로그램", "/sub-08-01": "EVuff@EVTREND", "/sub-08-02": "연사 소개", "/sub-09-01": "OCPP Plugfest & Conference", "/conferences/102/programs": "프로그램", }; let currentMenuName = menuNameOverride[currentPath] || (activeItem ? activeItem.name : menuData.items[0].name); if (currentPath.startsWith("/conferences/93/programs")) { currentMenuName = "프로그램"; } if (currentPath.startsWith("/conferences/100/programs")) { currentMenuName = "프로그램"; } if (currentPath.startsWith("/conferences/102/programs")) { currentMenuName = "프로그램"; } const tabListWrapHTML = buildTabListWrapHTML(currentPath); // tab_lst_wrap이 없는 페이지는 sub_visual에 no-tab 클래스를 붙여 // CSS에서 .visual-info의 top 값을 50%로 조정할 수 있게 함 const subVisualClass = tabListWrapHTML ? "sub_visual" : "sub_visual no-tab"; const subVisualHTML = `

${ menuData.parentName }
${currentMenuName}

${tabListWrapHTML}

`; // /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); } else { // fallback: #content.sub_content 없으면 header 뒤에 삽입 const header = document.querySelector("header.header"); if (header) header.insertAdjacentHTML("afterend", subVisualHTML); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", createSubVisual); } else { createSubVisual(); } // 추가 안전장치: window.load에서도 실행 window.addEventListener("load", createSubVisual);

// // // ${menuData.parentName} // ${currentMenuName} // //

${currentMenuName}

${ menuData.parentName } ${currentMenuName}

${currentMenuName}

// //
// ${menuData.parentName} //
${currentMenuName}
//
//

${ menuData.parentName }
${currentMenuName}