공지사항을 불러오지 못했습니다.

'; } } function showList(){ wrapV.style.display='none'; wrapL.style.display=''; history.replaceState(null,'',location.pathname); } function load(p){ fetch(API+'/board_list.php?bo_table=notice&page='+p+'&limit='+limit) .then(function(r){ if(!r.ok) throw 0; return r.json(); }) .then(function(d){ if(!d || !d.items){ fallback(); return; } if(d.total === 0){ fallback(); return; } list.innerHTML = d.items.map(function(it, i){ var no = d.total - ((p-1)*limit) - i; return '

' + '

'+no+'

' + '

'+esc(it.subject)+'

' + '

'+esc(String(it.datetime).slice(0,10))+'

' + '

'; }).join(''); var last = Math.max(1, Math.ceil(d.total/limit)); pager.innerHTML = last>1 ? '' + ''+p+' / '+last+'' + '' : ''; var pv=document.getElementById('nt-prev'), nx=document.getElementById('nt-next'); if(pv) pv.onclick=function(){ page--; load(page); }; if(nx) nx.onclick=function(){ page++; load(page); }; }) .catch(fallback); } function open(id){ fetch(API+'/board_detail.php?bo_table=notice&wr_id='+id+'&inc=1') .then(function(r){ if(!r.ok) throw 0; return r.json(); }) .then(function(d){ document.getElementById('nt-v-subject').textContent = d.subject || ''; document.getElementById('nt-v-meta').textContent = (d.author||'') + ' | ' + String(d.datetime||'').slice(0,10) + ' | 조회 ' + (d.hit||0); document.getElementById('nt-v-body').innerHTML = d.content_html || ''; wrapL.style.display='none'; wrapV.style.display=''; history.replaceState(null,'',location.pathname+'?id='+id); window.scrollTo(0,0); }) .catch(function(){ alert('내용을 불러오지 못했습니다.'); }); } list.addEventListener('click', function(e){ var row = e.target.closest ? e.target.closest('.nt-row') : null; if(row && row.dataset.id) open(row.dataset.id); }); var back = document.getElementById('nt-back'); if(back) back.onclick = showList; var q = location.search.match(/[?&]id=(d+)/); if(q) open(q[1]); else load(1); } // ── 문의 ──────────────────────────────────────────── function initContact(){ var f = document.getElementById('udev_contact'); if(!f) return; // 허니팟 + 제출시각 (봇은 JS 를 안 돌리므로 ts 가 비어 서버가 거른다) var hp = document.createElement('div'); hp.style.cssText = 'position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden;'; hp.innerHTML = 'Website' + ''; f.appendChild(hp); f.querySelector('[name=ts]').value = String(Date.now()); var msg = document.createElement('div'); msg.style.cssText = 'margin-top:14px;font-size:15px;line-height:1.6;'; f.appendChild(msg); f.addEventListener('submit', function(e){ e.preventDefault(); var g = function(n){ var el=f.querySelector('[name="'+n+'"]'); return el?el.value.trim():''; }; var agree = f.querySelector('#frm_checkbox'); if(!g('wr_name')){ alert('이름을 입력해 주세요.'); return; } if(!g('wr_3')){ alert('이메일 주소를 입력해 주세요.'); return; } if(!g('wr_content')){ alert('내용을 입력해 주세요.'); return; } if(agree && !agree.checked){ alert('개인정보처리방침에 동의해 주세요.'); return; } var btn = f.querySelector('#btn_submit'); if(btn){ btn.disabled = true; btn.value = '전송 중…'; } msg.textContent = ''; msg.style.color = '#444'; var body = new URLSearchParams({ name: g('wr_name'), email: g('wr_3'), tel: g('wr_2'), subject: g('wr_1'), content: g('wr_content'), ts: f.querySelector('[name=ts]').value, website: f.querySelector('[name=website]').value }); fetch(API+'/contact_send.php', { method:'POST', headers:{'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'}, body: body.toString() }) .then(function(r){ return r.json().then(function(j){ return {status:r.status, json:j}; }); }) .then(function(res){ if(res.json && res.json.ok){ msg.style.color = '#1a7f37'; msg.textContent = res.json.message || '문의가 접수되었습니다.'; f.reset(); f.querySelector('[name=ts]').value = String(Date.now()); } else { msg.style.color = '#c62828'; msg.textContent = (res.json && res.json.message) || '접수에 실패했습니다.'; } }) .catch(function(){ msg.style.color = '#c62828'; msg.innerHTML = '접수 중 문제가 발생했습니다. ' + 'sun5022@naver.com 으로 보내주셔도 됩니다.'; }) .finally(function(){ if(btn){ btn.disabled = false; btn.value = '문의하기'; } }); }); } // ── 이미지 라이트박스 (드래그 이동 · 휠 확대 · ESC 닫기) ────── function initLightbox(){ var imgs = document.querySelectorAll('img.udev-zoomable'); if(!imgs.length) return; var ov = document.createElement('div'); ov.id = 'udev-lb'; ov.innerHTML = '

' + '' + '' + '' + '

드래그로 이동 · 휠로 확대 · ESC 닫기

'; document.body.appendChild(ov); var st = { list:[], idx:0, scale:1, tx:0, ty:0, drag:false, sx:0, sy:0 }; var el = ov.querySelector('.lb-img'); function apply(){ el.style.transform = 'translate(' + st.tx + 'px,' + st.ty + 'px) scale(' + st.scale + ')'; } function show(i){ st.idx = (i + st.list.length) % st.list.length; st.scale = 1; st.tx = 0; st.ty = 0; var t = st.list[st.idx]; el.src = t.getAttribute('data-full') || t.src; el.alt = t.alt || ''; apply(); } function open(t){ st.list = Array.prototype.slice.call(document.querySelectorAll('img.udev-zoomable')); show(st.list.indexOf(t)); ov.classList.add('on'); document.body.style.overflow = 'hidden'; } function close(){ ov.classList.remove('on'); document.body.style.overflow = ''; } Array.prototype.forEach.call(imgs, function(t){ t.addEventListener('click', function(){ open(t); }); }); ov.querySelector('.lb-close').onclick = close; ov.querySelector('.lb-prev').onclick = function(e){ e.stopPropagation(); show(st.idx-1); }; ov.querySelector('.lb-next').onclick = function(e){ e.stopPropagation(); show(st.idx+1); }; ov.addEventListener('click', function(e){ if(e.target === ov || e.target.className === 'lb-stage') close(); }); document.addEventListener('keydown', function(e){ if(!ov.classList.contains('on')) return; if(e.key === 'Escape') close(); if(e.key === 'ArrowLeft') show(st.idx-1); if(e.key === 'ArrowRight') show(st.idx+1); }); // 드래그 이동 el.addEventListener('mousedown', function(e){ e.preventDefault(); st.drag = true; st.sx = e.clientX - st.tx; st.sy = e.clientY - st.ty; el.style.cursor = 'grabbing'; }); window.addEventListener('mousemove', function(e){ if(!st.drag) return; st.tx = e.clientX - st.sx; st.ty = e.clientY - st.sy; apply(); }); window.addEventListener('mouseup', function(){ st.drag = false; el.style.cursor = 'grab'; }); // 터치 드래그 el.addEventListener('touchstart', function(e){ var t0 = e.touches[0]; st.drag = true; st.sx = t0.clientX - st.tx; st.sy = t0.clientY - st.ty; }, {passive:true}); el.addEventListener('touchmove', function(e){ if(!st.drag) return; var t0 = e.touches[0]; st.tx = t0.clientX - st.sx; st.ty = t0.clientY - st.sy; apply(); }, {passive:true}); el.addEventListener('touchend', function(){ st.drag = false; }); // 휠 확대/축소 ov.addEventListener('wheel', function(e){ if(!ov.classList.contains('on')) return; e.preventDefault(); var d = e.deltaY > 0 ? -0.15 : 0.15; st.scale = Math.min(5, Math.max(0.4, st.scale + d)); apply(); }, {passive:false}); } window.addEventListener('load', function(){ initNotice(); initContact(); initLightbox(); }); })();

공지사항

안녕하세요. 유데브앱에 오신 것을 환영합니다.