/* lifedental list v1 — /api/board 목록 렌더(메인 최근글·목록 페이지 공용) + 콜드로드 재무장 */ (function () { var W = window, D = document; var GROUP = 'lifedental-health-column'; var BASE = '/community/' + GROUP; if (W.__lfListBooted) { if (W.__lfListRender) W.__lfListRender(); return; } W.__lfListBooted = true; var posts = null, err = null, page = 1; function esc(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]; }); } function fmtDate(v) { return String(v || '').slice(0, 10).replace(/-/g, '.'); } function thumb(p) { if (p.thumbnail_url) return p.thumbnail_url; var m = /]+src=["']([^"']+)["']/i.exec(String(p.content || '')); return m ? m[1] : ''; } function excerpt(p) { var t = String(p.content || '').replace(//gi, ' ').replace(/<[^>]+>/g, ' ').replace(/ /g, ' ').replace(/&/g, '&').replace(/\s+/g, ' ').trim(); return t.length > 90 ? t.slice(0, 90) + '…' : t; } function pageFromHash() { var m = /^#p=(\d+)$/.exec(location.hash || ''); return m ? Math.max(1, Number(m[1])) : 1; } function boxes() { return Array.prototype.slice.call(D.querySelectorAll('[data-lf-list]')); } function rowHtml(p) { var t = esc(p.title || '제목 없음'); var th = thumb(p); var img = th ? '

' : 'LIFE'; var hit = (p.hit_count != null && p.hit_count !== '') ? '·조회 ' + esc(p.hit_count) : ''; return '

' + '' + img + '' + '' + t + '' + esc(excerpt(p)) + '' + esc(fmtDate(p.created_at)) + hit + '' + '

'; } function pagerHtml(pages) { if (pages <= 1) return ''; var out = [], from = Math.max(1, page - 2), to = Math.min(pages, from + 4); from = Math.max(1, to - 4); if (page > 1) out.push('‹'); for (var i = from; i <= to; i++) out.push(i === page ? '' + i + '' : '' + i + ''); if (page < pages) out.push('›'); return out.join(''); } function render() { boxes().forEach(function (b) { var rows = b.querySelector('[data-lf-rows]'); if (!rows) return; var limit = Number(b.getAttribute('data-lf-limit') || 0); var per = Number(b.getAttribute('data-lf-per') || 0); var cnt = b.querySelector('[data-lf-count]'); var pg = b.querySelector('[data-lf-pager]'); if (err) rows.innerHTML = '

글을 불러올 수 없습니다.

'; else if (!posts) rows.innerHTML = '

불러오는 중…

'; else if (!posts.length) rows.innerHTML = '

게시물이 없습니다.

'; else { var list = limit ? posts.slice(0, limit) : posts.slice(); if (per) { var pages = Math.max(1, Math.ceil(list.length / per)); if (page > pages) page = pages; if (pg) pg.innerHTML = pagerHtml(pages); list = list.slice((page - 1) * per, page * per); } rows.innerHTML = list.map(rowHtml).join(''); if (cnt) cnt.textContent = '전체 ' + posts.length + '건'; } b.setAttribute('data-lf-rendered', '1'); }); } D.addEventListener('click', function (e) { var el = e.target && e.target.closest ? e.target.closest('[data-lf-page]') : null; if (!el) return; e.preventDefault(); page = Number(el.getAttribute('data-lf-page')) || 1; try { history.replaceState(null, '', location.pathname + location.search + (page > 1 ? '#p=' + page : '')); } catch (_) {} render(); var b = el.closest('[data-lf-list]'); if (b) { var top = b.getBoundingClientRect().top + W.pageYOffset - 90; W.scrollTo(0, Math.max(0, top)); } }); page = pageFromHash(); render(); fetch('/api/board?type=board&groupSlug=' + GROUP, { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (rows) { posts = Array.isArray(rows) ? rows : []; render(); }) .catch(function () { err = true; render(); }); W.__lfListRender = render; // 콜드로드 재무장: 하이드레이션이 content 노드를 갈아끼우면 마커 없는 새 노드가 생긴다 → 다시 그린다 var t = null; try { new MutationObserver(function () { if (t) return; t = setTimeout(function () { t = null; if (boxes().some(function (b) { return b.getAttribute('data-lf-rendered') !== '1'; })) render(); }, 60); }).observe(D.documentElement, { childList: true, subtree: true }); } catch (_) {} })();

건강칼럼