e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body { font-family: 'Noto Sans KR', sans-serif; background-color: #F8F9F9; }\n .nav-link { padding: 8px 16px; border-radius: 9999px; transition: all 0.3s; }\n .nav-link.active { background-color: #386641; color: white; }\n .chart-container { position: relative; width: 100%; max-width: 600px; margin: auto; height: 40vh; max-height: 400px; }\n .content-section { display: none; }\n .content-section.active { display: block; }\n .control-button { background-color: #e9ecef; color: #495057; }\n .control-button.active { background-color: #6A994E; color: white; }\n <\/style>\n<\/head>\n<body class=\"text-gray-700\">\n\n <div class=\"container mx-auto p-4 sm:p-8\">\n <header class=\"text-center py-10\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#386641]\">e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc<\/h1>\n <p class=\"mt-4 text-lg text-gray-600\">\ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\n <\/header>\n\n <nav id=\"main-nav\" class=\"sticky top-0 bg-[#F8F9F9]\/90 backdrop-blur-lg z-10 py-4 mb-10 border-b\">\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4\">\n <button data-target=\"s1\" class=\"nav-link active\">1. \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29<\/button>\n <button data-target=\"s2\" class=\"nav-link\">2. \uc704\ud5d8\ubaa9 \uad00\ub9ac<\/button>\n <button data-target=\"s3\" class=\"nav-link\">3. \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8<\/button>\n <button data-target=\"s4\" class=\"nav-link\">4. \uc885\ud569 \ud50c\ub7ab\ud3fc<\/button>\n <\/div>\n <\/nav>\n\n <main>\n <section id=\"s1\" class=\"content-section active\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">1. \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29 \uc2dc\uc2a4\ud15c (e-Arbor Core)<\/h2>\n <p class=\"mb-6 text-gray-600\">\uac00\uc7a5 \uae30\ubcf8\uc774 \ub418\ub294 \uc2dc\uc2a4\ud15c\uc73c\ub85c, \ub098\ubb34\uc758\uc0ac\uac00 \ud604\uc7a5\uc5d0\uc11c \uc218\ubaa9\uc758 \ubcd1\ud574\ucda9\uc744 \uc9c4\ub2e8\ud558\uace0 \uc804\uc790 \ucc98\ubc29\uc804\uc744 \ubc1c\uae09\ud558\ub294 \ubaa8\ub4e0 \uacfc\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc774 \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \ucd95\uc801\ub41c \ub370\uc774\ud130\ub294 \ud50c\ub7ab\ud3fc \uc804\uccb4\uc758 \uadfc\uac04\uc774 \ub429\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ubcd1\ud574\ucda9 DB \uc5f0\ub3d9 \uc9c4\ub2e8\uba85 \uc790\ub3d9\uc644\uc131<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ub18d\uc57d\uc815\ubcf4 OpenAPI \uc5f0\ub3d9 \uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>QR\ucf54\ub4dc \ud3ec\ud568 PDF \ucc98\ubc29\uc804 \uc0dd\uc131 \ubc0f \uc774\ub825 \uad00\ub9ac<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc778\uadfc \uc9c0\uc5ed \uc720\uc0ac \ubcd1\ud574\ucda9 \ubc1c\uc0dd \uc815\ubcf4 \uc81c\uacf5<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc9c4\ub2e8 \ubd84\ud3ec<\/h3>\n <div class=\"chart-container\"><canvas id=\"s1_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s2\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">2. \uc704\ud5d8\ubaa9 \uad00\ub9ac \uc2dc\uc2a4\ud15c (e-Arbor Risk)<\/h2>\n <p class=\"mb-6 text-gray-600\">\ubb3c\ub9ac\uc801 \uc704\ud5d8(\uc4f0\ub7ec\uc9d0, \uac00\uc9c0 \ubd80\ub7ec\uc9d0 \ub4f1) \uac00\ub2a5\uc131\uc774 \uc788\ub294 \uc218\ubaa9\uc744 \uccb4\uacc4\uc801\uc73c\ub85c \uc9c4\ub2e8\ud558\uace0 \ucd94\uc801\ud558\uc5ec \uc548\uc804\uc0ac\uace0\ub97c \uc608\ubc29\ud569\ub2c8\ub2e4. \uc815\ub7c9\uc801 \ub370\uc774\ud130\ub97c \uae30\ubc18\uc73c\ub85c \uc704\ud5d8\ub3c4\ub97c \ud3c9\uac00\ud558\uace0 GIS\uc640 \uc5f0\ub3d9\ud558\uc5ec \uc2dc\uac01\uc801\uc73c\ub85c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ud45c\uc900\ud654\ub41c \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \uc81c\uacf5<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uae30\uc6b8\uae30, \uacf5\ub3d9, \uc218\ud53c \uc0c1\ud0dc \uae30\ubc18 \uc704\ud5d8\ub3c4 \uc790\ub3d9 \ud3c9\uac00<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc218\ubaa9\ubcc4 \uc0c1\ud0dc \ubcc0\ud654 \uc774\ub825 \uad00\ub9ac \ubc0f \uc7ac\uac80\uc0ac \uc54c\ub9bc<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>GIS \uc5f0\ub3d9 \uc704\ud5d8\ubaa9 \ub9f5 \uc2dc\uac01\ud654 \ubc0f \uad00\ub9ac<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc704\ud5d8\ubaa9 \ub4f1\uae09\ubcc4 \ud604\ud669<\/h3>\n <div class=\"chart-container\"><canvas id=\"s2_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s3\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">3. \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8 \uc2dc\uc2a4\ud15c (e-Arbor Defect)<\/h2>\n <p class=\"mb-6 text-gray-600\">\uacf5\ub3d9\uc8fc\ud0dd, \uacf5\uacf5\uae30\uad00 \ub4f1\uc758 \uc2dd\uc7ac \uacf5\uc0ac \ud6c4 \ubc1c\uc0dd\ud558\ub294 \uc218\ubaa9\uc758 \uace0\uc0ac \ubc0f \uc0dd\uc721 \ubd88\ub7c9(\ud558\uc790) \uc6d0\uc778\uc744 \uacfc\ud559\uc801\uc73c\ub85c \ubd84\uc11d\ud569\ub2c8\ub2e4. \ud658\uacbd \ub370\uc774\ud130\uc640 \uc5f0\ub3d9\ud558\uc5ec \uac1d\uad00\uc801\uc778 \uc9c4\ub2e8 \ubcf4\uace0\uc11c\ub97c \uc0dd\uc131\ud558\uace0, \ubd84\uc7c1\uc758 \uc18c\uc9c0\ub97c \uc904\uc785\ub2c8\ub2e4.<\/p>\n <div class=\"grid lg:grid-cols-5 gap-8\">\n <div class=\"lg:col-span-3\">\n <h3 class=\"text-xl font-semibold mb-3\">\ub300\ud654\ud615 \ud558\uc790 \uc694\uc778 \ubd84\uc11d\uae30<\/h3>\n <div class=\"flex justify-center gap-2 mb-4\">\n <button id=\"tempBtn\" class=\"control-button px-4 py-2 rounded-lg font-medium active\">\uae30\uc628<\/button>\n <button id=\"precipBtn\" class=\"control-button px-4 py-2 rounded-lg font-medium\">\uac15\uc218\ub7c9<\/button>\n <\/div>\n <div class=\"chart-container\"><canvas id=\"s3_chart\"><\/canvas><\/div>\n <\/div>\n <div class=\"lg:col-span-2\">\n <h3 class=\"text-xl font-semibold mb-3\">\ud558\uc790 \ud310\uc815 \uae30\uc900<\/h3>\n <div id=\"criteria-display\" class=\"bg-gray-50 p-4 rounded-lg h-full\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s4\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">4. \uc885\ud569 \uc218\ubaa9 \uc9c4\ub2e8 \ucc98\ubc29 \ud50c\ub7ab\ud3fc (e-Arbor Integrated)<\/h2>\n <p class=\"mb-6 text-gray-600\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uace0 AI\ub85c \ubd84\uc11d\ud558\uc5ec, \uac1c\ubcc4 \uc218\ubaa9\uc744 \ub118\uc5b4 \ub2e8\uc9c0 \uc804\uccb4\uc758 \uac74\uac15\uc131\uacfc \ubbf8\ub798 \ubcc0\ud654\ub97c \uc608\uce21\ud558\ub294 \ucd5c\uc885 \ub2e8\uacc4\uc758 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4. \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801\uc778 \uad00\ub9ac \uc815\ucc45 \uc218\ub9bd\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc9c0\ub3c4 \uae30\ubc18 \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>AI \uae30\ubc18 \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \ubbf8\ub798 \uc608\uce21<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>‘\ud558\uc790\ub2e4\ubc1c \uc218\uc885’, ‘\uc9c0\uc5ed\ubd80\uc801\ud569 \uc218\uc885’ \ud1b5\uacc4 \uc81c\uacf5<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uacfc\ud559\uc801 \uadfc\uac70\uc5d0 \uae30\ubc18\ud55c \uc720\uc9c0\uad00\ub9ac \uc608\uc0b0 \uc218\ub9bd \uc9c0\uc6d0<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc885\ud569 \uc9c4\ub2e8 \uc694\uc778 \ubd84\uc11d<\/h3>\n <div class=\"chart-container\"><canvas id=\"s4_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const charts = {};\n const sections = document.querySelectorAll('.content-section');\n const navLinks = document.querySelectorAll('.nav-link');\n\n const dataStore = {\n s1_chart: {\n type: 'pie',\n data: {\n labels: ['\uc18c\ub098\ubb34 \ud53c\ubaa9\uac00\uc9c0\ub9c8\ub984\ubcd1', '\uc18c\ub098\ubb34\uc751\uc560', '\uc9c4\ub2ec\ub798\ubc29\ud328\ubc8c\ub808', '\uc0b0\uc218\uc720 \ub450\ucc3d\ubcd1', '\uae30\ud0c0'],\n datasets: [{ data: [30, 25, 20, 15, 10], backgroundColor: ['#6A994E', '#A7C957', '#F2E8CF', '#BC4749', '#DDE5B6'] }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } }\n },\n s2_chart: {\n type: 'bar',\n data: {\n labels: ['\uad00\uc2ec', '\uc8fc\uc758', '\uc704\ud5d8', '\uc2ec\uac01'],\n datasets: [{ label: '\uc218\ubaa9 \uc218', data: [88, 41, 15, 4], backgroundColor: ['#A7C957', '#F2E8CF', '#F2A65A', '#BC4749'] }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }\n },\n s3_chart_temp: {\n type: 'line',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n datasets: [{\n label: '\ud3c9\uade0 \uae30\uc628 (\u00b0C)', data: [-1.5, 2.3, 9.8, 13.8, 19.5, 23.4, 26.7, 27.2, 23.7, 15.8, 6.8, 1.1],\n borderColor: '#BC4749', tension: 0.1, yAxisID: 'y'\n }, {\n label: '\ud3c9\ub144 \uae30\uc628 (\u00b0C)', data: [-2.4, 0.4, 5.6, 12.5, 17.8, 22.5, 25.4, 26.4, 22.3, 15.1, 7.2, -0.5],\n borderColor: '#6A994E', borderDash: [5, 5], tension: 0.1, yAxisID: 'y'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: false, title: { display: true, text: '\uae30\uc628 (\u00b0C)' } } } }\n },\n s3_chart_precip: {\n type: 'bar',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n datasets: [{\n label: '\uc6d4\uac04 \uac15\uc218\ub7c9 (mm)', data: [47.9, 1, 10.5, 96.9, 155.6, 195.6, 459.9, 298.1, 134.5, 31, 81.9, 85.9],\n backgroundColor: '#A7C957'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { title: { display: true, text: '\uac15\uc218\ub7c9 (mm)' } } } }\n },\n s4_chart: {\n type: 'radar',\n data: {\n labels: ['\ubcd1\ud574\ucda9', '\ubb3c\ub9ac\uc801 \uc704\ud5d8', '\ud558\uc790(\ud658\uacbd)', '\ud558\uc790(\uc2dc\uacf5)', '\ud558\uc790(\uad00\ub9ac)'],\n datasets: [{ label: '\uc885\ud569 \uc704\ud5d8\ub3c4', data: [7, 5, 8, 6, 4], backgroundColor: 'rgba(56, 102, 65, 0.2)', borderColor: '#386641' }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { r: { beginAtZero: true, max: 10 } } }\n },\n criteria: {\n temp: `\n <h4 class=\"font-semibold mb-2\">\uae30\uc628 \ud310\uc815 \uae30\uc900 (\ud3c9\ub144 \ud3b8\ucc28)<\/h4>\n <ul class=\"space-y-1 text-sm\">\n <li><strong class=\"text-green-600\">\uc591\ud638:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b11.5\u2103 \uc774\ub0b4<\/li>\n <li><strong class=\"text-yellow-600\">\ubcf4\ud1b5:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b11.6\u2103 ~ 3.0\u2103<\/li>\n <li><strong class=\"text-red-600\">\ubd88\ub7c9:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b13.1\u2103 \uc774\uc0c1<\/li>\n <\/ul>\n <p class=\"text-xs mt-2 text-gray-500\">\u203b \ucd9c\ucc98: \uc218\ubaa9 \ud558\uc790\ud504\ub85c\uc138\uc2a4.xlsx<\/p>\n `,\n precip: `\n <h4 class=\"font-semibold mb-2\">\uac15\uc218\ub7c9 \ud310\uc815 \uae30\uc900 (\uc6d4\uac04)<\/h4>\n <ul class=\"space-y-1 text-sm\">\n <li><strong class=\"text-green-600\">\uc591\ud638:<\/strong> 40 ~ 100 mm<\/li>\n <li><strong class=\"text-yellow-600\">\ubcf4\ud1b5:<\/strong> 20~39 mm \ub610\ub294 101~150 mm<\/li>\n <li><strong class=\"text-red-600\">\ubd88\ub7c9:<\/strong> 19 mm \uc774\ud558 \ub610\ub294 151 mm \uc774\uc0c1<\/li>\n <\/ul>\n <p class=\"text-xs mt-2 text-gray-500\">\u203b \ucd9c\ucc98: \uc218\ubaa9 \ud558\uc790\ud504\ub85c\uc138\uc2a4.xlsx<\/p>\n `\n }\n };\n\n const createChart = (id, config) => {\n if (document.getElementById(id)) {\n const ctx = document.getElementById(id).getContext('2d');\n if (charts[id]) charts[id].destroy();\n charts[id] = new Chart(ctx, config);\n }\n };\n\n const activateSection = (targetId) => {\n navLinks.forEach(link => {\n link.classList.toggle('active', link.dataset.target === targetId);\n });\n sections.forEach(section => {\n section.classList.toggle('active', section.id === targetId);\n });\n\n const chartId = `${targetId}_chart`;\n if (dataStore[chartId] && !charts[chartId]) {\n createChart(chartId, dataStore[chartId]);\n }\n };\n\n navLinks.forEach(link => {\n link.addEventListener('click', () => activateSection(link.dataset.target));\n });\n\n activateSection('s1');\n\n const criteriaDisplay = document.getElementById('criteria-display');\n const tempBtn = document.getElementById('tempBtn');\n const precipBtn = document.getElementById('precipBtn');\n\n const updateS3View = (type) => {\n if (type === 'temp') {\n createChart('s3_chart', dataStore.s3_chart_temp);\n criteriaDisplay.innerHTML = dataStore.criteria.temp;\n tempBtn.classList.add('active');\n precipBtn.classList.remove('active');\n } else {\n createChart('s3_chart', dataStore.s3_chart_precip);\n criteriaDisplay.innerHTML = dataStore.criteria.precip;\n precipBtn.classList.add('active');\n tempBtn.classList.remove('active');\n }\n };\n\n tempBtn.addEventListener('click', () => updateS3View('temp'));\n precipBtn.addEventListener('click', () => updateS3View('precip'));\n\n if(document.getElementById('s3').classList.contains('active')) {\n updateS3View('temp');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3985","post","type-post","status-publish","format-standard","hentry","category-_"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3985"}],"version-history":[{"count":1,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985\/revisions"}],"predecessor-version":[{"id":3986,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985\/revisions\/3986"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3985,"date":"2025-07-22T13:52:58","date_gmt":"2025-07-22T13:52:58","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?p=3985"},"modified":"2025-07-22T13:52:58","modified_gmt":"2025-07-22T13:52:58","slug":"e-arbor-%ed%86%b5%ed%95%a9-%ec%88%98%eb%aa%a9-%ea%b4%80%eb%a6%ac-%ed%94%8c%eb%9e%ab%ed%8f%bc-%ea%b8%b0%ed%9a%8d-%ec%a0%9c%ec%95%88%ec%84%9c-2","status":"publish","type":"post","link":"https:\/\/hstc.treecare.co.kr\/?p=3985","title":{"rendered":"e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c 2"},"content":{"rendered":"\n\n\n\n \n \n e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body { font-family: 'Noto Sans KR', sans-serif; background-color: #F8F9F9; }\n .nav-link { padding: 8px 16px; border-radius: 9999px; transition: all 0.3s; }\n .nav-link.active { background-color: #386641; color: white; }\n .chart-container { position: relative; width: 100%; max-width: 600px; margin: auto; height: 40vh; max-height: 400px; }\n .content-section { display: none; }\n .content-section.active { display: block; }\n .control-button { background-color: #e9ecef; color: #495057; }\n .control-button.active { background-color: #6A994E; color: white; }\n <\/style>\n<\/head>\n<body class=\"text-gray-700\">\n\n <div class=\"container mx-auto p-4 sm:p-8\">\n <header class=\"text-center py-10\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#386641]\">e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc<\/h1>\n <p class=\"mt-4 text-lg text-gray-600\">\ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\n <\/header>\n\n <nav id=\"main-nav\" class=\"sticky top-0 bg-[#F8F9F9]\/90 backdrop-blur-lg z-10 py-4 mb-10 border-b\">\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4\">\n <button data-target=\"s1\" class=\"nav-link active\">1. \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29<\/button>\n <button data-target=\"s2\" class=\"nav-link\">2. \uc704\ud5d8\ubaa9 \uad00\ub9ac<\/button>\n <button data-target=\"s3\" class=\"nav-link\">3. \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8<\/button>\n <button data-target=\"s4\" class=\"nav-link\">4. \uc885\ud569 \ud50c\ub7ab\ud3fc<\/button>\n <\/div>\n <\/nav>\n\n <main>\n <section id=\"s1\" class=\"content-section active\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">1. \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29 \uc2dc\uc2a4\ud15c (e-Arbor Core)<\/h2>\n <p class=\"mb-6 text-gray-600\">\uac00\uc7a5 \uae30\ubcf8\uc774 \ub418\ub294 \uc2dc\uc2a4\ud15c\uc73c\ub85c, \ub098\ubb34\uc758\uc0ac\uac00 \ud604\uc7a5\uc5d0\uc11c \uc218\ubaa9\uc758 \ubcd1\ud574\ucda9\uc744 \uc9c4\ub2e8\ud558\uace0 \uc804\uc790 \ucc98\ubc29\uc804\uc744 \ubc1c\uae09\ud558\ub294 \ubaa8\ub4e0 \uacfc\uc815\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc774 \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \ucd95\uc801\ub41c \ub370\uc774\ud130\ub294 \ud50c\ub7ab\ud3fc \uc804\uccb4\uc758 \uadfc\uac04\uc774 \ub429\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ubcd1\ud574\ucda9 DB \uc5f0\ub3d9 \uc9c4\ub2e8\uba85 \uc790\ub3d9\uc644\uc131<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ub18d\uc57d\uc815\ubcf4 OpenAPI \uc5f0\ub3d9 \uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>QR\ucf54\ub4dc \ud3ec\ud568 PDF \ucc98\ubc29\uc804 \uc0dd\uc131 \ubc0f \uc774\ub825 \uad00\ub9ac<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc778\uadfc \uc9c0\uc5ed \uc720\uc0ac \ubcd1\ud574\ucda9 \ubc1c\uc0dd \uc815\ubcf4 \uc81c\uacf5<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc9c4\ub2e8 \ubd84\ud3ec<\/h3>\n <div class=\"chart-container\"><canvas id=\"s1_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s2\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">2. \uc704\ud5d8\ubaa9 \uad00\ub9ac \uc2dc\uc2a4\ud15c (e-Arbor Risk)<\/h2>\n <p class=\"mb-6 text-gray-600\">\ubb3c\ub9ac\uc801 \uc704\ud5d8(\uc4f0\ub7ec\uc9d0, \uac00\uc9c0 \ubd80\ub7ec\uc9d0 \ub4f1) \uac00\ub2a5\uc131\uc774 \uc788\ub294 \uc218\ubaa9\uc744 \uccb4\uacc4\uc801\uc73c\ub85c \uc9c4\ub2e8\ud558\uace0 \ucd94\uc801\ud558\uc5ec \uc548\uc804\uc0ac\uace0\ub97c \uc608\ubc29\ud569\ub2c8\ub2e4. \uc815\ub7c9\uc801 \ub370\uc774\ud130\ub97c \uae30\ubc18\uc73c\ub85c \uc704\ud5d8\ub3c4\ub97c \ud3c9\uac00\ud558\uace0 GIS\uc640 \uc5f0\ub3d9\ud558\uc5ec \uc2dc\uac01\uc801\uc73c\ub85c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\ud45c\uc900\ud654\ub41c \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \uc81c\uacf5<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uae30\uc6b8\uae30, \uacf5\ub3d9, \uc218\ud53c \uc0c1\ud0dc \uae30\ubc18 \uc704\ud5d8\ub3c4 \uc790\ub3d9 \ud3c9\uac00<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc218\ubaa9\ubcc4 \uc0c1\ud0dc \ubcc0\ud654 \uc774\ub825 \uad00\ub9ac \ubc0f \uc7ac\uac80\uc0ac \uc54c\ub9bc<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>GIS \uc5f0\ub3d9 \uc704\ud5d8\ubaa9 \ub9f5 \uc2dc\uac01\ud654 \ubc0f \uad00\ub9ac<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc704\ud5d8\ubaa9 \ub4f1\uae09\ubcc4 \ud604\ud669<\/h3>\n <div class=\"chart-container\"><canvas id=\"s2_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s3\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">3. \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8 \uc2dc\uc2a4\ud15c (e-Arbor Defect)<\/h2>\n <p class=\"mb-6 text-gray-600\">\uacf5\ub3d9\uc8fc\ud0dd, \uacf5\uacf5\uae30\uad00 \ub4f1\uc758 \uc2dd\uc7ac \uacf5\uc0ac \ud6c4 \ubc1c\uc0dd\ud558\ub294 \uc218\ubaa9\uc758 \uace0\uc0ac \ubc0f \uc0dd\uc721 \ubd88\ub7c9(\ud558\uc790) \uc6d0\uc778\uc744 \uacfc\ud559\uc801\uc73c\ub85c \ubd84\uc11d\ud569\ub2c8\ub2e4. \ud658\uacbd \ub370\uc774\ud130\uc640 \uc5f0\ub3d9\ud558\uc5ec \uac1d\uad00\uc801\uc778 \uc9c4\ub2e8 \ubcf4\uace0\uc11c\ub97c \uc0dd\uc131\ud558\uace0, \ubd84\uc7c1\uc758 \uc18c\uc9c0\ub97c \uc904\uc785\ub2c8\ub2e4.<\/p>\n <div class=\"grid lg:grid-cols-5 gap-8\">\n <div class=\"lg:col-span-3\">\n <h3 class=\"text-xl font-semibold mb-3\">\ub300\ud654\ud615 \ud558\uc790 \uc694\uc778 \ubd84\uc11d\uae30<\/h3>\n <div class=\"flex justify-center gap-2 mb-4\">\n <button id=\"tempBtn\" class=\"control-button px-4 py-2 rounded-lg font-medium active\">\uae30\uc628<\/button>\n <button id=\"precipBtn\" class=\"control-button px-4 py-2 rounded-lg font-medium\">\uac15\uc218\ub7c9<\/button>\n <\/div>\n <div class=\"chart-container\"><canvas id=\"s3_chart\"><\/canvas><\/div>\n <\/div>\n <div class=\"lg:col-span-2\">\n <h3 class=\"text-xl font-semibold mb-3\">\ud558\uc790 \ud310\uc815 \uae30\uc900<\/h3>\n <div id=\"criteria-display\" class=\"bg-gray-50 p-4 rounded-lg h-full\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"s4\" class=\"content-section\">\n <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-lg\">\n <h2 class=\"text-3xl font-bold text-[#386641] mb-4\">4. \uc885\ud569 \uc218\ubaa9 \uc9c4\ub2e8 \ucc98\ubc29 \ud50c\ub7ab\ud3fc (e-Arbor Integrated)<\/h2>\n <p class=\"mb-6 text-gray-600\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uace0 AI\ub85c \ubd84\uc11d\ud558\uc5ec, \uac1c\ubcc4 \uc218\ubaa9\uc744 \ub118\uc5b4 \ub2e8\uc9c0 \uc804\uccb4\uc758 \uac74\uac15\uc131\uacfc \ubbf8\ub798 \ubcc0\ud654\ub97c \uc608\uce21\ud558\ub294 \ucd5c\uc885 \ub2e8\uacc4\uc758 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4. \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801\uc778 \uad00\ub9ac \uc815\ucc45 \uc218\ub9bd\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-3\">\ud575\uc2ec \uae30\ub2a5<\/h3>\n <ul class=\"space-y-2\">\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uc9c0\ub3c4 \uae30\ubc18 \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>AI \uae30\ubc18 \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \ubbf8\ub798 \uc608\uce21<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>‘\ud558\uc790\ub2e4\ubc1c \uc218\uc885’, ‘\uc9c0\uc5ed\ubd80\uc801\ud569 \uc218\uc885’ \ud1b5\uacc4 \uc81c\uacf5<\/span><\/li>\n <li class=\"flex\"><span class=\"text-green-600 mr-2\">\u2714<\/span><span>\uacfc\ud559\uc801 \uadfc\uac70\uc5d0 \uae30\ubc18\ud55c \uc720\uc9c0\uad00\ub9ac \uc608\uc0b0 \uc218\ub9bd \uc9c0\uc6d0<\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold text-center mb-2\">\uc8fc\uc694 \ub370\uc774\ud130 \uc2dc\uac01\ud654: \uc885\ud569 \uc9c4\ub2e8 \uc694\uc778 \ubd84\uc11d<\/h3>\n <div class=\"chart-container\"><canvas id=\"s4_chart\"><\/canvas><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const charts = {};\n const sections = document.querySelectorAll('.content-section');\n const navLinks = document.querySelectorAll('.nav-link');\n\n const dataStore = {\n s1_chart: {\n type: 'pie',\n data: {\n labels: ['\uc18c\ub098\ubb34 \ud53c\ubaa9\uac00\uc9c0\ub9c8\ub984\ubcd1', '\uc18c\ub098\ubb34\uc751\uc560', '\uc9c4\ub2ec\ub798\ubc29\ud328\ubc8c\ub808', '\uc0b0\uc218\uc720 \ub450\ucc3d\ubcd1', '\uae30\ud0c0'],\n datasets: [{ data: [30, 25, 20, 15, 10], backgroundColor: ['#6A994E', '#A7C957', '#F2E8CF', '#BC4749', '#DDE5B6'] }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right' } } }\n },\n s2_chart: {\n type: 'bar',\n data: {\n labels: ['\uad00\uc2ec', '\uc8fc\uc758', '\uc704\ud5d8', '\uc2ec\uac01'],\n datasets: [{ label: '\uc218\ubaa9 \uc218', data: [88, 41, 15, 4], backgroundColor: ['#A7C957', '#F2E8CF', '#F2A65A', '#BC4749'] }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }\n },\n s3_chart_temp: {\n type: 'line',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n datasets: [{\n label: '\ud3c9\uade0 \uae30\uc628 (\u00b0C)', data: [-1.5, 2.3, 9.8, 13.8, 19.5, 23.4, 26.7, 27.2, 23.7, 15.8, 6.8, 1.1],\n borderColor: '#BC4749', tension: 0.1, yAxisID: 'y'\n }, {\n label: '\ud3c9\ub144 \uae30\uc628 (\u00b0C)', data: [-2.4, 0.4, 5.6, 12.5, 17.8, 22.5, 25.4, 26.4, 22.3, 15.1, 7.2, -0.5],\n borderColor: '#6A994E', borderDash: [5, 5], tension: 0.1, yAxisID: 'y'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: false, title: { display: true, text: '\uae30\uc628 (\u00b0C)' } } } }\n },\n s3_chart_precip: {\n type: 'bar',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4', '7\uc6d4', '8\uc6d4', '9\uc6d4', '10\uc6d4', '11\uc6d4', '12\uc6d4'],\n datasets: [{\n label: '\uc6d4\uac04 \uac15\uc218\ub7c9 (mm)', data: [47.9, 1, 10.5, 96.9, 155.6, 195.6, 459.9, 298.1, 134.5, 31, 81.9, 85.9],\n backgroundColor: '#A7C957'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { y: { title: { display: true, text: '\uac15\uc218\ub7c9 (mm)' } } } }\n },\n s4_chart: {\n type: 'radar',\n data: {\n labels: ['\ubcd1\ud574\ucda9', '\ubb3c\ub9ac\uc801 \uc704\ud5d8', '\ud558\uc790(\ud658\uacbd)', '\ud558\uc790(\uc2dc\uacf5)', '\ud558\uc790(\uad00\ub9ac)'],\n datasets: [{ label: '\uc885\ud569 \uc704\ud5d8\ub3c4', data: [7, 5, 8, 6, 4], backgroundColor: 'rgba(56, 102, 65, 0.2)', borderColor: '#386641' }]\n },\n options: { responsive: true, maintainAspectRatio: false, scales: { r: { beginAtZero: true, max: 10 } } }\n },\n criteria: {\n temp: `\n <h4 class=\"font-semibold mb-2\">\uae30\uc628 \ud310\uc815 \uae30\uc900 (\ud3c9\ub144 \ud3b8\ucc28)<\/h4>\n <ul class=\"space-y-1 text-sm\">\n <li><strong class=\"text-green-600\">\uc591\ud638:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b11.5\u2103 \uc774\ub0b4<\/li>\n <li><strong class=\"text-yellow-600\">\ubcf4\ud1b5:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b11.6\u2103 ~ 3.0\u2103<\/li>\n <li><strong class=\"text-red-600\">\ubd88\ub7c9:<\/strong> \ud3c9\ub144 \ud3b8\ucc28 \u00b13.1\u2103 \uc774\uc0c1<\/li>\n <\/ul>\n <p class=\"text-xs mt-2 text-gray-500\">\u203b \ucd9c\ucc98: \uc218\ubaa9 \ud558\uc790\ud504\ub85c\uc138\uc2a4.xlsx<\/p>\n `,\n precip: `\n <h4 class=\"font-semibold mb-2\">\uac15\uc218\ub7c9 \ud310\uc815 \uae30\uc900 (\uc6d4\uac04)<\/h4>\n <ul class=\"space-y-1 text-sm\">\n <li><strong class=\"text-green-600\">\uc591\ud638:<\/strong> 40 ~ 100 mm<\/li>\n <li><strong class=\"text-yellow-600\">\ubcf4\ud1b5:<\/strong> 20~39 mm \ub610\ub294 101~150 mm<\/li>\n <li><strong class=\"text-red-600\">\ubd88\ub7c9:<\/strong> 19 mm \uc774\ud558 \ub610\ub294 151 mm \uc774\uc0c1<\/li>\n <\/ul>\n <p class=\"text-xs mt-2 text-gray-500\">\u203b \ucd9c\ucc98: \uc218\ubaa9 \ud558\uc790\ud504\ub85c\uc138\uc2a4.xlsx<\/p>\n `\n }\n };\n\n const createChart = (id, config) => {\n if (document.getElementById(id)) {\n const ctx = document.getElementById(id).getContext('2d');\n if (charts[id]) charts[id].destroy();\n charts[id] = new Chart(ctx, config);\n }\n };\n\n const activateSection = (targetId) => {\n navLinks.forEach(link => {\n link.classList.toggle('active', link.dataset.target === targetId);\n });\n sections.forEach(section => {\n section.classList.toggle('active', section.id === targetId);\n });\n\n const chartId = `${targetId}_chart`;\n if (dataStore[chartId] && !charts[chartId]) {\n createChart(chartId, dataStore[chartId]);\n }\n };\n\n navLinks.forEach(link => {\n link.addEventListener('click', () => activateSection(link.dataset.target));\n });\n\n activateSection('s1');\n\n const criteriaDisplay = document.getElementById('criteria-display');\n const tempBtn = document.getElementById('tempBtn');\n const precipBtn = document.getElementById('precipBtn');\n\n const updateS3View = (type) => {\n if (type === 'temp') {\n createChart('s3_chart', dataStore.s3_chart_temp);\n criteriaDisplay.innerHTML = dataStore.criteria.temp;\n tempBtn.classList.add('active');\n precipBtn.classList.remove('active');\n } else {\n createChart('s3_chart', dataStore.s3_chart_precip);\n criteriaDisplay.innerHTML = dataStore.criteria.precip;\n precipBtn.classList.add('active');\n tempBtn.classList.remove('active');\n }\n };\n\n tempBtn.addEventListener('click', () => updateS3View('temp'));\n precipBtn.addEventListener('click', () => updateS3View('precip'));\n\n if(document.getElementById('s3').classList.contains('active')) {\n updateS3View('temp');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3985","post","type-post","status-publish","format-standard","hentry","category-_"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"darius","author_link":"https:\/\/hstc.treecare.co.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \uae30\ud68d \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130 \uae30\ubc18\uc758 \uacfc\ud559\uc801 \uc9c4\ub2e8\uc73c\ub85c \uac74\uac15\ud55c \uc218\ubaa9 \uc0dd\ud0dc\uacc4\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3985"}],"version-history":[{"count":1,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985\/revisions"}],"predecessor-version":[{"id":3986,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3985\/revisions\/3986"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}