등록된 프로젝트가 없습니다.

'; return; } grid.innerHTML = works .map(function (w) { var thumb = escapeHtml(w.thumbnailUrl || ""); var client = escapeHtml(w.clientName || ""); var name = escapeHtml(w.projectContent || ""); return ( '

' + '

' + client + "

" + '

' + name + "

" + "

" ); }) .join(""); watchThumbLoading(); } function watchThumbLoading() { grid.querySelectorAll(".work-thumb img").forEach(function (img) { if (img.complete) { img.classList.add("is-loaded"); return; } img.addEventListener("load", function () { img.classList.add("is-loaded"); }); img.addEventListener("error", function () { img.classList.add("is-loaded"); }); }); } function observeReveal() { var items = scope.querySelectorAll("[data-reveal]"); var io = new IntersectionObserver( function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add("is-visible"); if (ONCE) io.unobserve(entry.target); } else if (!ONCE) { entry.target.classList.remove("is-visible"); } }); }, { threshold: 0.15, rootMargin: "0px 0px -60px 0px" } ); items.forEach(function (el) { io.observe(el); }); } function renderBlock(block) { switch (block.blockType) { // 풀와이드 이미지 (edge-to-edge, radius 없음) case "BLOCK1": return '

'; // 작은/정렬된 이미지 (좌우 패딩 + radius 40) case "BLOCK3": return '

'; // 텍스트만 case "BLOCK2": return ( '

' + '

' + escapeHtml(block.title1 || "") + "

" + '

' + escapeHtml(block.text1 || "") + "

" + "

" ); // 이미지(좌) + 텍스트(우) case "BLOCK4": return ( '

' + '

' + escapeHtml(block.title1 || "") + "

" + '

' + escapeHtml(block.text1 || "") + "

" + "

" ); // 제목/본문 4쌍 — 한 줄 4개, 반응형으로 개수 감소 case "BLOCK5": return ( '

' + [1, 2, 3, 4] .map(function (n) { return ( '

' + '

' + escapeHtml(block["title" + n] || "") + "

" + '

' + escapeHtml(block["text" + n] || "") + "

" + "

" ); }) .join("") + "

" ); // 이미지 2장 나란히 case "BLOCK6": return ( '

' + '

' + "

" ); default: return ""; } } var modal = scope.querySelector("#workModal") || document.getElementById("workModal"); var modalBody = scope.querySelector("#workModalBody") || document.getElementById("workModalBody"); function openModal(work) { if (!modal || !modalBody) return; var blocksHtml = (work.blocks || []).map(renderBlock).join(""); modalBody.innerHTML = '

' + '

' + escapeHtml(work.clientName || "") + "

" + '

' + escapeHtml(work.projectContent || "") + "

" + "

" + (work.tags && work.tags.length ? '

' + work.tags .map(function (t) { return '' + escapeHtml(t) + ""; }) .join("") + "

" : "") + (work.linkUrl ? '프로젝트 바로가기' : "") + "

" + blocksHtml; modal.classList.add("is-open"); modal.setAttribute("aria-hidden", "false"); document.body.style.overflow = "hidden"; document.addEventListener("keydown", handleEscape); } function closeModal() { if (!modal) return; modal.classList.remove("is-open"); modal.setAttribute("aria-hidden", "true"); document.body.style.overflow = ""; document.removeEventListener("keydown", handleEscape); } function handleEscape(e) { if (e.key === "Escape") closeModal(); } if (modal) { modal.querySelectorAll("[data-modal-close]").forEach(function (el) { el.addEventListener("click", closeModal); }); } grid.addEventListener("click", function (e) { var card = e.target.closest(".work-card"); if (!card) return; var id = Number(card.getAttribute("data-work-id")); var work = (works || []).find(function (w) { return w.id === id; }); if (work) openModal(work); }); render(); observeReveal(); })();

WORK