{"id":2,"date":"2026-08-27T10:54:10","date_gmt":"2026-08-27T10:54:10","guid":{"rendered":"https:\/\/list.emad.co.kr\/?page_id=2"},"modified":"2026-08-27T21:28:28","modified_gmt":"2026-08-27T12:28:28","slug":"home","status":"publish","type":"page","link":"https:\/\/list.emad.co.kr\/","title":{"rendered":"\uc544\ud30c\ud2b8\ub2e8\uc9c0 \uc5d8\ub9ac\ubca0\uc774\ud130 \uc124\uce58 \ud604\ud669 \uc870\ud68c \uc2dc\uc2a4\ud15c"},"content":{"rendered":"        <style>\r\n            .emad-search-box { background: #f8fafc; border: 1px solid #e2e8f0; padding: 20px; border-radius: 8px; margin-bottom: 20px; }\r\n            .emad-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 15px; }\r\n            .emad-form-group { display: flex; flex-direction: column; gap: 6px; }\r\n            .emad-form-group label { font-weight: bold; font-size: 13px; color: #334155; }\r\n            .emad-form-group input, .emad-form-group select { padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 14px; }\r\n            .emad-btn-wrap { display: flex; gap: 10px; justify-content: flex-end; }\r\n            .emad-btn { background: #2563eb; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 14px; }\r\n            .emad-btn:hover { background: #1d4ed8; }\r\n            .emad-btn-excel { background: #16a34a; }\r\n            .emad-btn-excel:hover { background: #15803d; }\r\n            \r\n            .emad-summary-bar { background: #eff6ff; border: 1px solid #bfdbfe; padding: 15px; border-radius: 8px; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 10px; font-size: 14px; }\r\n            .emad-summary-item strong { color: #1e40af; font-size: 17px; }\r\n\r\n            .emad-table-wrap { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 8px; }\r\n            .emad-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }\r\n            .emad-table th, .emad-table td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; white-space: nowrap; }\r\n            .emad-table th { background: #f8fafc; color: #475569; font-weight: 600; }\r\n            .emad-table tr:hover { background: #f8fafc; }\r\n            .badge-media { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; }\r\n            .badge-focus { background: #fee2e2; color: #991b1b; }\r\n            .badge-town { background: #e0e7ff; color: #3730a3; }\r\n            .badge-mid { background: #fef3c7; color: #92400e; }\r\n        <\/style>\r\n\r\n        <div class=\"emad-search-box\">\r\n            <form id=\"emadFilterForm\" onsubmit=\"event.preventDefault(); fetchElevatorData();\">\r\n                <div class=\"emad-form-grid\">\r\n                    <div class=\"emad-form-group\">\r\n                        <label>\ub9e4\uccb4\uc0ac<\/label>\r\n                        <select id=\"filterMedia\">\r\n                            <option value=\"\">\uc804\uccb4 \ub9e4\uccb4\uc0ac<\/option>\r\n                            <option value=\"\ud3ec\ucee4\uc2a4\ubbf8\ub514\uc5b4\">\ud3ec\ucee4\uc2a4\ubbf8\ub514\uc5b4<\/option>\r\n                            <option value=\"\ud0c0\uc6b4\ubcf4\ub4dc\">\ud0c0\uc6b4\ubcf4\ub4dc<\/option>\r\n                            <option value=\"\ubbf8\ub514\uc5b4\ubbff\">\ubbf8\ub514\uc5b4\ubbff<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    <div class=\"emad-form-group\">\r\n                        <label>\uc9c0\uc5ed(\uc2dc\ub3c4\/\uad6c\uad70)<\/label>\r\n                        <input type=\"text\" id=\"filterRegion\" placeholder=\"\uc608: \ubd84\ub2f9\uad6c, \uae30\ud765\uad6c\">\r\n                    <\/div>\r\n                    <div class=\"emad-form-group\">\r\n                        <label>\ub2e8\uc9c0\uba85 \/ \uc8fc\uc18c<\/label>\r\n                        <input type=\"text\" id=\"filterKeyword\" placeholder=\"\uc608: \ud478\ub974\uc9c0\uc624, \ud310\uad50\">\r\n                    <\/div>\r\n                    <div class=\"emad-form-group\">\r\n                        <label>\uad6c\ubd84<\/label>\r\n                        <select id=\"filterType\">\r\n                            <option value=\"\">\uc804\uccb4 \uad6c\ubd84<\/option>\r\n                            <option value=\"\uc544\ud30c\ud2b8\">\uc544\ud30c\ud2b8<\/option>\r\n                            <option value=\"\uc624\ud53c\uc2a4\ud154\">\uc624\ud53c\uc2a4\ud154<\/option>\r\n                            <option value=\"\uc8fc\uc0c1\ubcf5\ud569\">\uc8fc\uc0c1\ubcf5\ud569<\/option>\r\n                            <option value=\"\ube4c\ub529\">\ube4c\ub529\/\uae30\ud0c0<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"emad-btn-wrap\">\r\n                    <button type=\"button\" class=\"emad-btn\" onclick=\"fetchElevatorData()\">\uc870\ud68c\ud558\uae30<\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"emad-summary-bar\" id=\"summaryBar\">\r\n            <div class=\"emad-summary-item\">\uc120\ud0dd \ub2e8\uc9c0: <strong id=\"selectedComplexCount\">0<\/strong> \uac1c<\/div>\r\n            <div class=\"emad-summary-item\">\ucd1d \uc138\ub300\uc218: <strong id=\"selectedHouseholdCount\">0<\/strong> \uc138\ub300<\/div>\r\n            <div class=\"emad-summary-item\">\ucd1d \uc124\uce58\ub300\uc218: <strong id=\"selectedMonitorCount\">0<\/strong> \ub300<\/div>\r\n            <div class=\"emad-summary-item\">\ucd1d \uad11\uace0\ube44(4\uc8fc): <strong id=\"selectedTotalPrice\">0<\/strong> \uc6d0<\/div>\r\n            <button type=\"button\" class=\"emad-btn emad-btn-excel\" onclick=\"downloadExcel()\">\uacac\uc801\uc11c \uc5d1\uc140 \ub2e4\uc6b4\ub85c\ub4dc<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"emad-table-wrap\">\r\n            <table class=\"emad-table\" id=\"elevatorTable\">\r\n                <thead>\r\n                    <tr>\r\n                        <th><input type=\"checkbox\" id=\"checkAll\" onchange=\"toggleSelectAll(this)\" checked><\/th>\r\n                        <th>\ub9e4\uccb4\uc0ac<\/th>\r\n                        <th>\uc9c0\uc5ed<\/th>\r\n                        <th>\uad6c\ubd84<\/th>\r\n                        <th>\ub2e8\uc9c0\uba85<\/th>\r\n                        <th>\ub3c4\ub85c\uba85 \uc8fc\uc18c<\/th>\r\n                        <th>\uc138\ub300\uc218<\/th>\r\n                        <th>\uc124\uce58\ub300\uc218<\/th>\r\n                        <th>4\uc8fc \ub2e8\uac00<\/th>\r\n                        <th>\uc785\uc8fc\ub144\ub3c4<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody id=\"elevatorTbody\">\r\n                    <tr><td colspan=\"10\" style=\"text-align:center; padding:30px; color:#94a3b8;\">[\uc870\ud68c\ud558\uae30]\ub97c \ub204\ub974\uba74 \ub370\uc774\ud130\uac00 \ucd9c\ub825\ub429\ub2c8\ub2e4.<\/td><\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/xlsx\/0.18.5\/xlsx.full.min.js\"><\/script>\r\n        <script>\r\n        let currentData = [];\r\n\r\n        function fetchElevatorData() {\r\n            const media = document.getElementById('filterMedia').value;\r\n            const region = document.getElementById('filterRegion').value;\r\n            const keyword = document.getElementById('filterKeyword').value;\r\n            const type = document.getElementById('filterType').value;\r\n\r\n            const formData = new FormData();\r\n            formData.append('action', 'emad_get_elevator_ads');\r\n            formData.append('media', media);\r\n            formData.append('region', region);\r\n            formData.append('keyword', keyword);\r\n            formData.append('type', type);\r\n\r\n            fetch('https:\/\/list.emad.co.kr\/wp-admin\/admin-ajax.php', {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n            .then(res => res.json())\r\n            .then(res => {\r\n                if(res.success) {\r\n                    currentData = res.data;\r\n                    renderTable(currentData);\r\n                    calculateSummary();\r\n                }\r\n            });\r\n        }\r\n\r\n        function renderTable(data) {\r\n            const tbody = document.getElementById('elevatorTbody');\r\n            if(data.length === 0) {\r\n                tbody.innerHTML = '<tr><td colspan=\"10\" style=\"text-align:center; padding:30px; color:#94a3b8;\">\uc870\uac74\uc5d0 \ub9de\ub294 \ub2e8\uc9c0\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/td><\/tr>';\r\n                return;\r\n            }\r\n\r\n            let html = '';\r\n            data.forEach((row, idx) => {\r\n                let badgeClass = 'badge-focus';\r\n                if(row.media_company.indexOf('\ud0c0\uc6b4') !== -1) badgeClass = 'badge-town';\r\n                else if(row.media_company.indexOf('\ubbf8\ub514\uc5b4') !== -1) badgeClass = 'badge-mid';\r\n\r\n                html += `<tr>\r\n                    <td><input type=\"checkbox\" class=\"row-checkbox\" data-idx=\"${idx}\" onchange=\"calculateSummary()\" checked><\/td>\r\n                    <td><span class=\"badge-media ${badgeClass}\">${row.media_company}<\/span><\/td>\r\n                    <td>${row.sido} ${row.gugun}<\/td>\r\n                    <td>${row.complex_type || '-'}<\/td>\r\n                    <td><strong>${row.complex_name}<\/strong><\/td>\r\n                    <td>${row.address}<\/td>\r\n                    <td>${Number(row.households).toLocaleString()}<\/td>\r\n                    <td>${Number(row.monitors).toLocaleString()}<\/td>\r\n                    <td>${Number(row.unit_price).toLocaleString()}\uc6d0<\/td>\r\n                    <td>${row.build_year || '-'}<\/td>\r\n                <\/tr>`;\r\n            });\r\n            tbody.innerHTML = html;\r\n            document.getElementById('checkAll').checked = true;\r\n        }\r\n\r\n        function toggleSelectAll(master) {\r\n            const checkboxes = document.querySelectorAll('.row-checkbox');\r\n            checkboxes.forEach(cb => cb.checked = master.checked);\r\n            calculateSummary();\r\n        }\r\n\r\n        function calculateSummary() {\r\n            const checkboxes = document.querySelectorAll('.row-checkbox:checked');\r\n            let totalComplex = checkboxes.length;\r\n            let totalHouseholds = 0;\r\n            let totalMonitors = 0;\r\n            let totalPrice = 0;\r\n\r\n            checkboxes.forEach(cb => {\r\n                const row = currentData[cb.dataset.idx];\r\n                if(row) {\r\n                    totalHouseholds += parseInt(row.households) || 0;\r\n                    const monitors = parseInt(row.monitors) || 0;\r\n                    const price = parseInt(row.unit_price) || 0;\r\n                    totalMonitors += monitors;\r\n                    totalPrice += (monitors * price);\r\n                }\r\n            });\r\n\r\n            document.getElementById('selectedComplexCount').innerText = totalComplex.toLocaleString();\r\n            document.getElementById('selectedHouseholdCount').innerText = totalHouseholds.toLocaleString();\r\n            document.getElementById('selectedMonitorCount').innerText = totalMonitors.toLocaleString();\r\n            document.getElementById('selectedTotalPrice').innerText = totalPrice.toLocaleString();\r\n        }\r\n\r\n        function downloadExcel() {\r\n            const checkboxes = document.querySelectorAll('.row-checkbox:checked');\r\n            if(checkboxes.length === 0) {\r\n                alert('\ub2e4\uc6b4\ub85c\ub4dc\ud560 \ub2e8\uc9c0\ub97c 1\uac1c \uc774\uc0c1 \uc120\ud0dd\ud574 \uc8fc\uc138\uc694.');\r\n                return;\r\n            }\r\n\r\n            const exportData = [];\r\n            checkboxes.forEach(cb => {\r\n                const row = currentData[cb.dataset.idx];\r\n                exportData.push({\r\n                    '\ub9e4\uccb4\uc0ac': row.media_company,\r\n                    '\uc2dc\ub3c4': row.sido,\r\n                    '\uad6c\uad70': row.gugun,\r\n                    '\uad6c\ubd84': row.complex_type,\r\n                    '\ub2e8\uc9c0\uba85': row.complex_name,\r\n                    '\ub3c4\ub85c\uba85\uc8fc\uc18c': row.address,\r\n                    '\uc138\ub300\uc218': Number(row.households),\r\n                    '\uc124\uce58\ub300\uc218': Number(row.monitors),\r\n                    '\ub300\ub2f9\ub2e8\uac00(4\uc8fc)': Number(row.unit_price),\r\n                    '\ucd1d\uad11\uace0\ube44(4\uc8fc)': Number(row.monitors) * Number(row.unit_price),\r\n                    '\uc785\uc8fc\ub144\ub3c4': row.build_year || '',\r\n                    '\ube44\uace0': row.note || ''\r\n                });\r\n            });\r\n\r\n            const ws = XLSX.utils.json_to_sheet(exportData);\r\n            const wb = XLSX.utils.book_new();\r\n            XLSX.utils.book_append_sheet(wb, ws, \"\uacac\uc801\uc11c\");\r\n            XLSX.writeFile(wb, \"\uc5d8\ub9ac\ubca0\uc774\ud130\uad11\uace0_\uacac\uc801\ub9ac\uc2a4\ud2b8.xlsx\");\r\n        }\r\n\r\n        document.addEventListener('DOMContentLoaded', fetchElevatorData);\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/list.emad.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}