// ─── Sample Data ────────────────────────────────────────────── var SAMPLE_DATA = { project: [ { id: 'p1', title: 'ESP32 기반 스마트 홈 모니터링 시스템', desc: 'ESP32와 MQTT를 활용해 온도·습도·CO2를 실시간 모니터링하고 대시보드에 시각화하는 IoT 프로젝트입니다.', tags: ['ESP32', 'MQTT', 'IoT', 'Arduino'], author: '김메이커', date: '2026.03.20', likes: 142, views: 3820, thumb: 'https://placehold.co/240x140/f8f9fa/6c757d?text=ESP32+Home' }, { id: 'p2', title: 'ESP32-CAM 얼굴인식 출입 통제 시스템', desc: 'ESP32-CAM 모듈과 OpenCV를 연동하여 얼굴 인식 기반의 도어락 제어 시스템을 구현한 프로젝트입니다.', tags: ['ESP32-CAM', 'OpenCV', '얼굴인식', 'Python'], author: '박임베디드', date: '2026.02.14', likes: 98, views: 2410, thumb: 'https://placehold.co/240x140/f8f9fa/6c757d?text=ESP32-CAM' }, { id: 'p3', title: 'ESP32 LoRa 메시 네트워크 환경 센서', desc: 'LoRa 모듈을 연결한 ESP32 노드로 메시 네트워크를 구성해 광역 환경 데이터를 수집하는 시스템입니다.', tags: ['ESP32', 'LoRa', '메시네트워크', 'IoT'], author: '이전자', date: '2026.01.28', likes: 75, views: 1870, thumb: 'https://placehold.co/240x140/f8f9fa/6c757d?text=ESP32+LoRa' } ], community: [ { id: 'c1', title: 'ESP32 WiFi 연결이 계속 끊기는 문제 해결 방법', desc: 'ESP32에서 WiFi가 주기적으로 끊어지는 현상을 경험하고 계신 분 계신가요? modem-sleep 설정과 reconnect 로직으로 해결했습니다.', category: 'Q&A', author: '초보메이커99', date: '2026.04.10', comments: 12, likes: 34 }, { id: 'c2', title: 'ESP32 + BLE로 스마트폰 앱과 통신하기 — 진행공유', desc: 'Arduino IDE와 ESP32 BLE 라이브러리를 사용해 iOS/Android 앱과 실시간 통신하는 과정을 공유합니다.', category: '진행공유', author: '블루투스덕후', date: '2026.04.05', comments: 8, likes: 21 } ], contest: [ { id: 'ct1', title: '2026 IoT 메이커 챌린지 — ESP32 트랙', desc: 'ESP32 기반 IoT 솔루션을 겨루는 메이커 챌린지. 총 상금 500만원, 참가팀 모집 중입니다.', status: '모집중', deadline: '2026.05.31', prize: '총 500만원' } ], event: [ { id: 'e1', title: 'ESP32 실전 펌웨어 개발 웨비나', desc: 'FreeRTOS와 ESP-IDF를 활용한 ESP32 펌웨어 개발 실전 기법을 다루는 온라인 웨비나입니다.', type: '웨비나', date: '2026.04.23', host: 'e4ds' } ], notice: [ { id: 'n1', title: 'Make 2.0 신규 기능 업데이트: ESP32 프로젝트 템플릿 추가', type: '업데이트', date: '2026.03.10' }, { id: 'n2', title: '[공지] ESP32 관련 프로젝트 카테고리 세분화 안내', type: '공지', date: '2026.02.18' } ] }; var RECOMMEND_KEYWORDS = ['Arduino', 'Raspberry Pi', 'STM32', 'MQTT', 'FreeRTOS', 'LoRa', 'BLE', 'Python']; // ─── Utility ────────────────────────────────────────────────── function esc(str) { return str.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } function highlight(text, q) { if (!q) return esc(text); var re = new RegExp('(' + q.replace(/[.*+?^${}()|[\]\\]/g,'\\$&') + ')', 'gi'); return esc(text).replace(re, '$1'); } // ─── Renderers ──────────────────────────────────────────────── function renderProjects(items, q) { if (!items.length) return ''; var cards = items.map(function(p) { return '

' + '

' + highlight(p.title, q) + '

' + '

' + highlight(p.desc, q) + '

' + '

' + p.tags.map(function(t){ return '' + esc(t) + ''; }).join('') + '

' + '' + esc(p.author) + ' · ' + esc(p.date) + ' · 좋아요 ' + p.likes + '' + '

'; }).join(''); return '

' + '

프로젝트' + items.length + '건

' + '

' + cards + '

' + '

'; } function renderCommunity(items, q) { if (!items.length) return ''; var rows = items.map(function(c) { return '' + '

' + '' + esc(c.category) + '' + '

' + '

' + highlight(c.title, q) + '

' + '

' + highlight(c.desc, q) + '

' + '

' + '' + esc(c.date) + '' + '

'; }).join(''); return '

' + '

커뮤니티' + items.length + '건

' + '

' + rows + '

' + '

'; } function renderContest(items, q) { if (!items.length) return ''; var rows = items.map(function(c) { return '' + '

' + '' + esc(c.status) + '' + '

' + '

' + highlight(c.title, q) + '

' + '

' + highlight(c.desc, q) + '

' + '

마감 ' + esc(c.deadline) + '' + esc(c.prize) + '

' + '

'; }).join(''); return '

' + '

콘테스트' + items.length + '건

' + '

' + rows + '

' + '

'; } function renderEvent(items, q) { if (!items.length) return ''; var rows = items.map(function(e) { return '' + '

' + '' + esc(e.type) + '' + '

' + '

' + highlight(e.title, q) + '

' + '

' + highlight(e.desc, q) + '

' + '

' + '' + esc(e.date) + '' + '

'; }).join(''); return '

' + '

이벤트' + items.length + '건

' + '

' + rows + '

' + '

'; } function renderNotice(items, q) { if (!items.length) return ''; var typeColors = { 중요:'danger', 콘테스트:'primary', 정책:'secondary', 업데이트:'success', 점검:'warning', 공지:'info' }; var rows = items.map(function(n) { var color = typeColors[n.type] || 'secondary'; return '' + '

' + '' + esc(n.type) + '' + '

' + highlight(n.title, q) + '

' + '' + esc(n.date) + '' + '

'; }).join(''); return '

' + '

공지사항' + items.length + '건

' + '

' + rows + '

' + '

'; } function renderEmpty(q) { var keywords = RECOMMEND_KEYWORDS.map(function(k) { return ''; }).join(''); return '

' + '

🔍

' + '

\'' + esc(q) + '\'에 대한 검색 결과가 없습니다

' + '

다른 검색어를 사용하거나 아래 추천 키워드를 시도해보세요.

' + '

' + keywords + '

' + '

'; } // ─── Search Logic ───────────────────────────────────────────── function searchData(q) { var ql = q.toLowerCase(); function matchText() { var fields = Array.prototype.slice.call(arguments); return fields.some(function(f) { return f && f.toLowerCase().indexOf(ql) !== -1; }); } return { project: SAMPLE_DATA.project.filter(function(p) { return matchText(p.title, p.desc, p.tags.join(' ')); }), community: SAMPLE_DATA.community.filter(function(c){ return matchText(c.title, c.desc); }), contest: SAMPLE_DATA.contest.filter(function(c) { return matchText(c.title, c.desc); }), event: SAMPLE_DATA.event.filter(function(e) { return matchText(e.title, e.desc); }), notice: SAMPLE_DATA.notice.filter(function(n) { return matchText(n.title); }) }; } // ─── Render Page ────────────────────────────────────────────── var currentTab = 'all'; var currentResults = null; var currentQ = ''; function renderPage(q) { currentQ = q; $('#page-search-input').val(q); var r = searchData(q); currentResults = r; var total = r.project.length + r.community.length + r.contest.length + r.event.length + r.notice.length; // Update counts $('#cnt-all').text(total); $('#cnt-project').text(r.project.length); $('#cnt-community').text(r.community.length); $('#cnt-contest').text(r.contest.length); $('#cnt-event').text(r.event.length); $('#cnt-notice').text(r.notice.length); // Summary $('#result-summary').html( '

' + '\'' + esc(q) + '\'' + ' 검색 결과 — 총 ' + total + '건' + '

' ); renderTab(currentTab, r, q, total); } function renderTab(tab, r, q, total) { currentTab = tab; var html = ''; if (total === 0) { html = renderEmpty(q); } else if (tab === 'all') { html += renderProjects(r.project, q); html += renderCommunity(r.community, q); html += renderContest(r.contest, q); html += renderEvent(r.event, q); html += renderNotice(r.notice, q); } else if (tab === 'project') { html = r.project.length ? renderProjects(r.project, q) : renderEmpty(q); } else if (tab === 'community') { html = r.community.length ? renderCommunity(r.community, q): renderEmpty(q); } else if (tab === 'contest') { html = r.contest.length ? renderContest(r.contest, q) : renderEmpty(q); } else if (tab === 'event') { html = r.event.length ? renderEvent(r.event, q) : renderEmpty(q); } else if (tab === 'notice') { html = r.notice.length ? renderNotice(r.notice, q) : renderEmpty(q); } $('#search-results').html(html); } // ─── Init ───────────────────────────────────────────────────── $(function() { var params = new URLSearchParams(window.location.search); var q = $.trim(params.get('q') || ''); if (q) { renderPage(q); } else { $('#result-summary').html(''); $('#search-results').html('

검색어를 입력해주세요

원하는 키워드를 입력하면 결과가 여기에 표시됩니다.

'); ['all','project','community','contest','event','notice'].forEach(function(k) { $('#cnt-' + k).text('0'); }); } // Tab click $('#search-tabs').on('click', 'button', function() { $('#search-tabs button').removeClass('active'); $(this).addClass('active'); if (currentResults) { renderTab($(this).data('tab'), currentResults, currentQ, currentResults.project.length + currentResults.community.length + currentResults.contest.length + currentResults.event.length + currentResults.notice.length); } }); // In-page search form $('#page-search-form').on('submit', function(e) { e.preventDefault(); var nq = $.trim($('#page-search-input').val()); if (!nq) { $('#page-search-input').focus(); return; } var url = new URL(window.location.href); url.searchParams.set('q', nq); window.location.href = url.toString(); }); // Recommend keyword $(document).on('click', '.recommend-keyword', function() { var kw = $(this).data('kw'); var url = new URL(window.location.href); url.searchParams.set('q', kw); window.location.href = url.toString(); }); });

찾고 있는 것을 빠르게 검색해보세요