(function () { // scope: 콘텐츠 래퍼 / scraps: cms-scrap-grid 데이터 / board: cms-board-grid 데이터({ posts, basePath }) var PLACEHOLDER = "/images/pict/media-placeholder.jpg"; function esc(v) { return String(v == null ? "" : v).replace(/[&<>"']/g, function (c) { return { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c]; }); } function cardHtml(opts) { return ( '" + '

' + esc(opts.label) + "

" + '

' + esc(opts.title) + "

" + "

" ); } // ── News 탭: 스크랩(원문 기사 링크) ────────────────────────────── var newsGrid = scope.querySelector(".cms-scrap-grid"); if (newsGrid) { var newsItems = Array.isArray(scraps) ? scraps : []; newsGrid.innerHTML = newsItems.length ? newsItems .map(function (s) { return cardHtml({ href: s.linkUrl, external: true, image: s.imageUrl, label: s.source, title: s.title, }); }) .join("") : '

등록된 뉴스가 없습니다.

'; } // ── PICTLOG 탭: 게시판(게시글 상세 링크) ───────────────────────── var logGrid = scope.querySelector(".cms-board-grid"); if (logGrid) { var posts = board && Array.isArray(board.posts) ? board.posts : []; var base = (board && board.basePath) || ""; logGrid.innerHTML = posts.length ? posts .map(function (p) { var thumb = p.attachments && p.attachments[0] && p.attachments[0].accessUrl ? p.attachments[0].accessUrl : ""; return cardHtml({ href: base ? base + "/" + p.postId : "#", external: false, image: thumb, label: p.writerName, title: p.title, }); }) .join("") : '

등록된 게시글이 없습니다.

'; } // ── 탭 전환 ─────────────────────────────────────────────────── var tabs = scope.querySelectorAll(".mr-tab"); var panels = scope.querySelectorAll(".mr-panel"); tabs.forEach(function (tab) { tab.addEventListener("click", function () { var target = tab.getAttribute("data-tab"); tabs.forEach(function (t) { t.classList.toggle("is-active", t === tab); }); panels.forEach(function (panel) { panel.classList.toggle("is-active", panel.getAttribute("data-panel") === target); }); }); }); })();

회사소개