e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \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 {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #FDFBF7; \/* Warm Neutral Background *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 40vh;\n max-height: 400px;\n }\n .active-tab {\n background-color: #2C5234 !important; \/* Accent Color *\/\n color: #FFFFFF !important;\n border-color: #2C5234 !important;\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -0.6rem;\n top: 0.5rem;\n width: 1.2rem;\n height: 1.2rem;\n background-color: #D4C7B0; \/* Muted Accent *\/\n border-radius: 50%;\n border: 3px solid #FDFBF7;\n }\n .timeline-item:first-child::before {\n background-color: #2C5234; \/* Accent Color for current phase *\/\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 md:p-8 max-w-7xl\">\n\n <header class=\"text-center py-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#2C5234]\">e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc<\/h1>\n <p class=\"mt-4 text-lg md:text-xl text-gray-600\">\ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4.<\/p>\n <\/header>\n\n <nav id=\"navbar\" class=\"sticky top-0 bg-[#FDFBF7]\/80 backdrop-blur-sm z-10 py-4 mb-12 border-b border-gray-200\">\n <div class=\"flex justify-center space-x-4 md:space-x-8\">\n <a href=\"#overview\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\ud50c\ub7ab\ud3fc \uac1c\uc694<\/a>\n <a href=\"#systems\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\ud575\uc2ec \uc2dc\uc2a4\ud15c<\/a>\n <a href=\"#roadmap\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\uac1c\ubc1c \ub85c\ub4dc\ub9f5<\/a>\n <\/div>\n <\/nav>\n\n <main>\n <section id=\"overview\" class=\"mb-20 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\ud50c\ub7ab\ud3fc \uac1c\uc694<\/h2>\n <div class=\"bg-white p-8 rounded-lg shadow-md max-w-4xl mx-auto\">\n <p class=\"text-lg leading-relaxed text-gray-700\">\n e-Arbor \ud1b5\ud569 \ud50c\ub7ab\ud3fc\uc740 \ud30c\ud3b8\ud654\ub41c \uc218\ubaa9 \uad00\ub9ac \uc5c5\ubb34\ub97c \ud558\ub098\uc758 \uc2dc\uc2a4\ud15c\uc73c\ub85c \ud1b5\ud569\ud558\uc5ec, \ub370\uc774\ud130\uc5d0 \uae30\ubc18\ud55c \uacfc\ud559\uc801\uc774\uace0 \uc608\ubc29\uc801\uc778 \uad00\ub9ac\ub97c \uc2e4\ud604\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. \uae30\uc874\uc758 \ubcd1\ud574\ucda9 \uc9c4\ub2e8(Core) \uc2dc\uc2a4\ud15c\uc744 \uc2dc\uc791\uc73c\ub85c, \ubb3c\ub9ac\uc801 \uc704\ud5d8 \uac00\ub2a5\uc131\uc744 \uc608\uce21\ud558\ub294 \uc704\ud5d8\ubaa9 \uad00\ub9ac(Risk), \uc2dd\uc7ac \ud6c4 \uace0\uc0ac \uc6d0\uc778\uc744 \ubd84\uc11d\ud558\ub294 \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8(Defect) \uc2dc\uc2a4\ud15c\uc744 \ub2e8\uacc4\uc801\uc73c\ub85c \uad6c\ucd95\ud569\ub2c8\ub2e4. \ucd5c\uc885\uc801\uc73c\ub85c\ub294 \uc774 \ubaa8\ub4e0 \ub370\uc774\ud130\ub97c \uc735\ud569\ud558\uc5ec \ub2e8\uc9c0 \uc804\uccb4\uc758 \uc218\ubaa9 \uac74\uac15\uc131\uacfc \ubbf8\ub798 \ubcc0\ud654\uae4c\uc9c0 \uc608\uce21\ud558\ub294 \uc885\ud569 \ud50c\ub7ab\ud3fc(Integrated)\uc73c\ub85c \ubc1c\uc804\uc2dc\ucf1c \ub098\uac08 \uac83\uc785\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"systems\" class=\"mb-20 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">4\ub300 \ud575\uc2ec \uc2dc\uc2a4\ud15c<\/h2>\n <div id=\"system-tabs\" class=\"flex flex-wrap justify-center gap-2 mb-8\">\n <button data-system=\"core\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors active-tab\">Core<\/button>\n <button data-system=\"risk\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Risk<\/button>\n <button data-system=\"defect\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Defect<\/button>\n <button data-system=\"integrated\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Integrated<\/button>\n <\/div>\n\n <div id=\"system-content\" class=\"bg-white p-6 md:p-10 rounded-lg shadow-lg\">\n <div id=\"core-content\" class=\"system-panel\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 1: \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29 (Core)<\/h3>\n <p class=\"text-gray-600 mb-4\">\ud50c\ub7ab\ud3fc\uc758 \uae30\ubc18\uc774 \ub418\ub294 \ud604\uc7ac \uc6b4\uc601 \uc911\uc778 \uc2dc\uc2a4\ud15c\uc785\ub2c8\ub2e4. \ub098\ubb34\uc758\uc0ac\uc758 \uc9c4\ub2e8 \ubc0f \ucc98\ubc29 \ub370\uc774\ud130\ub97c \ub514\uc9c0\ud138\ud654\ud558\uc5ec \ucd95\uc801\ud558\uace0, \uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c \ub4f1 \uc5c5\ubb34 \ud6a8\uc728\uc744 \ub192\uc774\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ub514\uc9c0\ud138 \ucc98\ubc29\uc804 \ubc1c\uae09 \ubc0f \uc774\ub825 \uad00\ub9ac<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ubcd1\ud574\ucda9 DB \uc5f0\ub3d9 \uc790\ub3d9\uc644\uc131 \uac80\uc0c9<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c (OpenAPI \uc5f0\ub3d9)<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>QR\ucf54\ub4dc \ud3ec\ud568 PDF \uc0dd\uc131<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ubd84\ud3ec<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"coreChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"risk-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 2: \uc704\ud5d8\ubaa9 \uad00\ub9ac (Risk)<\/h3>\n <p class=\"text-gray-600 mb-4\">\uc4f0\ub7ec\uc9d0, \uac00\uc9c0 \ubd80\ub7ec\uc9d0 \ub4f1 \ubb3c\ub9ac\uc801 \uc704\ud5d8\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. GIS\uc640 \uc5f0\ub3d9\ud558\uc5ec \uc704\ud5d8\ubaa9 \ubd84\ud3ec\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud45c\uc900\ud654\ub41c \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \ubaa8\ub4c8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>4\ub2e8\uacc4 \uc704\ud5d8\ub3c4 \uc790\ub3d9 \ud3c9\uac00 \uc54c\uace0\ub9ac\uc998<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc0c1\ud0dc \ubcc0\ud654 \uc774\ub825 \uad00\ub9ac \ubc0f \ubaa8\ub2c8\ud130\ub9c1<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>GIS \uc5f0\ub3d9 \uc704\ud5d8\ubaa9 \ub9f5 \uc2dc\uac01\ud654<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc704\ud5d8\ubaa9 \ub4f1\uae09\ubcc4 \ud604\ud669<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"riskChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"defect-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 3: \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8 (Defect)<\/h3>\n <p class=\"text-gray-600 mb-4\">\uc2dd\uc7ac \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\uace0 AI \ubd84\uc11d\uc744 \ud1b5\ud574 \ucc45\uc784 \uc18c\uc7ac \uaddc\uba85 \ubc0f \ubd84\uc7c1 \uc608\ubc29\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud558\uc790 \uc9c4\ub2e8 \ud45c\uc900 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud658\uacbd \ub370\uc774\ud130(\uae30\uc0c1, \ud1a0\uc591) \uc790\ub3d9 \uc5f0\ub3d9<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>AI \uae30\ubc18 \ud558\uc790 \uc6d0\uc778 \ubd84\uc11d \uc5b4\uc2dc\uc2a4\ud134\ud2b8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud45c\uc900\ud654\ub41c PDF \ud558\uc790 \uc9c4\ub2e8 \ubcf4\uace0\uc11c \uc0dd\uc131<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc6d4\ubcc4 \ud558\uc790 \uc811\uc218 \ucd94\uc774<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"defectChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"integrated-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 4: \uc885\ud569 \ud50c\ub7ab\ud3fc (Integrated)<\/h3>\n <p class=\"text-gray-600 mb-4\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uc5ec \ub2e8\uc9c0 \uc804\uccb4\uc758 \uc218\ubaa9 \uac74\uac15\uc131\uc744 \uc885\ud569\uc801\uc73c\ub85c \ubd84\uc11d\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ub370\uc774\ud130 \uae30\ubc18\uc758 \uad00\ub9ac \uc815\ucc45 \uc218\ub9bd\uc744 \uc9c0\uc6d0\ud558\ub294 \ucd5c\uc885 \ub2e8\uacc4\uc758 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc9c0\ub3c4 \uae30\ubc18 \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>AI \uae30\ubc18 \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \uc608\uce21<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>‘\ud558\uc790\ub2e4\ubc1c \uc218\uc885’ \ub4f1 \ud1b5\uacc4 \ub370\uc774\ud130 \uc81c\uacf5<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc720\uc9c0\uad00\ub9ac \uc608\uc0b0 \uc218\ub9bd \uadfc\uac70 \uc790\ub8cc \uc81c\uc2dc<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc8fc\uc694 \ud558\uc790 \uc694\uc778 \ubd84\uc11d (AI)<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"integratedChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"roadmap\" class=\"scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">\ub2e8\uacc4\ubcc4 \uad6c\ucd95 \ub85c\ub4dc\ub9f5<\/h2>\n <div class=\"relative max-w-2xl mx-auto pl-4 border-l-2 border-gray-300\">\n <div class=\"timeline-item mb-12\">\n <h3 class=\"text-xl font-bold text-[#2C5234]\">1\ub2e8\uacc4: \uae30\ubc18 \uad6c\ucd95 \ubc0f MVP \uac1c\ubc1c (\ud604\uc7ac ~ 6\uac1c\uc6d4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\uae30\uc874 Core \uc2dc\uc2a4\ud15c\uc744 \uc644\uc131\ud558\uace0, \ub370\uc774\ud130 \ucd95\uc801\uc758 \ud575\uc2ec\uc778 Defect \uc2dc\uc2a4\ud15c\uc758 \ucd5c\uc18c \uae30\ub2a5 \ubc84\uc804\uc744 \uac1c\ubc1c\ud558\uc5ec \ud50c\ub7ab\ud3fc\uc758 \uae30\ubc18\uc744 \ub2e4\uc9d1\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Core:<\/b> \uc9c0\ub3c4 \uc704\uce58 \ud074\ub9ad, PDF \uc774\uba54\uc77c \uc804\uc1a1 \uae30\ub2a5 \ucd94\uac00<\/li>\n <li><b>Defect:<\/b> \ud558\uc790 \uc9c4\ub2e8 \ub370\uc774\ud130 \uc785\ub825 \ubc0f \ud45c\uc900 \ubcf4\uace0\uc11c \uc0dd\uc131 (MVP)<\/li>\n <\/ul>\n <\/div>\n <div class=\"timeline-item mb-12\">\n <h3 class=\"text-xl font-bold text-gray-800\">2\ub2e8\uacc4: \uae30\ub2a5 \ud655\uc7a5 \ubc0f \uad00\ub9ac\uc790 \ubaa8\ub4dc (6\uac1c\uc6d4 ~ 12\uac1c\uc6d4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\uc608\ubc29 \uad00\ub9ac\uc758 \ud575\uc2ec\uc778 Risk \uc2dc\uc2a4\ud15c\uc744 \uac1c\ubc1c\ud558\uace0, \ucd95\uc801\ub41c \ub370\uc774\ud130\ub97c \uad00\ub9ac\uc790\uac00 \ud6a8\uacfc\uc801\uc73c\ub85c \uc870\ud68c\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ud658\uacbd\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Risk:<\/b> \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \ubc0f \uc774\ub825 \uad00\ub9ac \uae30\ub2a5 (MVP)<\/li>\n <li><b>Admin:<\/b> \uae30\ubcf8 \uad00\ub9ac\uc790 \ubaa8\ub4dc \ubc0f \ub370\uc774\ud130 \uc870\ud68c \uae30\ub2a5 \uad6c\ucd95<\/li>\n <\/ul>\n <\/div>\n <div class=\"timeline-item\">\n <h3 class=\"text-xl font-bold text-gray-800\">3\ub2e8\uacc4: \ud50c\ub7ab\ud3fc \ud1b5\ud569 \ubc0f AI \uace0\ub3c4\ud654 (12\uac1c\uc6d4 \uc774\ud6c4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uc5ec \uc885\ud569\uc801\uc778 \uc778\uc0ac\uc774\ud2b8\ub97c \uc81c\uacf5\ud558\uace0, \ucd95\uc801\ub41c \ube45\ub370\uc774\ud130\ub97c \ubc14\ud0d5\uc73c\ub85c AI \uc608\uce21 \ubaa8\ub378 \uac1c\ubc1c\uc5d0 \ucc29\uc218\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Integrated:<\/b> \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc \uac1c\ubc1c<\/li>\n <li><b>AI:<\/b> \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \uc608\uce21 \ubaa8\ub378 \uac1c\ubc1c \uc2dc\uc791<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const charts = {};\n\n const createOrUpdateChart = (id, config) => {\n const ctx = document.getElementById(id).getContext('2d');\n if (charts[id]) {\n charts[id].destroy();\n }\n charts[id] = new Chart(ctx, config);\n };\n\n const chartConfigs = {\n core: {\n type: 'pie',\n data: {\n labels: ['\uac00\uc9c0\ub9c8\ub984\ubcd1', '\uc751\uc560', '\ud770\uac00\ub8e8\ubcd1', '\uae4d\uc9c0\ubc8c\ub808', '\uae30\ud0c0'],\n datasets: [{\n label: '\ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ubd84\ud3ec',\n data: [35, 25, 15, 15, 10],\n backgroundColor: ['#6B8A7A', '#A4BE7B', '#E1E5B7', '#D4C7B0', '#B2A59B'],\n borderColor: '#FDFBF7',\n borderWidth: 2\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' } } }\n },\n risk: {\n type: 'bar',\n data: {\n labels: ['\uad00\uc2ec', '\uc8fc\uc758', '\uc704\ud5d8', '\uc2ec\uac01'],\n datasets: [{\n label: '\uc218\ubaa9 \uc218 (\uc8fc)',\n data: [120, 65, 22, 8],\n backgroundColor: ['#A4BE7B', '#E1E5B7', '#F4A261', '#E76F51'],\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false } } }\n },\n defect: {\n type: 'line',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4'],\n datasets: [{\n label: '\uc6d4\ubcc4 \ud558\uc790 \uc811\uc218 \uac74\uc218',\n data: [5, 8, 15, 12, 18, 25],\n fill: false,\n borderColor: '#2C5234',\n tension: 0.1\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }\n },\n integrated: {\n type: 'radar',\n data: {\n labels: ['\ubd80\uc801\uae30 \uc2dd\uc7ac', '\ud1a0\uc591 \ubd88\ub7c9', '\ubc30\uc218 \ubd88\ub7c9', '\uae30\uc0c1(\uac00\ubb44)', '\ubcd1\ud574\ucda9', '\ubb3c\ub9ac\uc801 \uc190\uc0c1'],\n datasets: [{\n label: '\uc8fc\uc694 \ud558\uc790 \uc694\uc778',\n data: [85, 70, 65, 80, 50, 30],\n fill: true,\n backgroundColor: 'rgba(44, 82, 52, 0.2)',\n borderColor: '#2C5234',\n pointBackgroundColor: '#2C5234',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#2C5234'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false }\n }\n };\n \n createOrUpdateChart('coreChart', chartConfigs.core);\n\n const tabs = document.querySelectorAll('.system-tab');\n const panels = document.querySelectorAll('.system-panel');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const system = tab.dataset.system;\n\n tabs.forEach(t => t.classList.remove('active-tab'));\n tab.classList.add('active-tab');\n\n panels.forEach(panel => {\n if (panel.id === `${system}-content`) {\n panel.classList.remove('hidden');\n if (!charts[`${system}Chart`]) {\n createOrUpdateChart(`${system}Chart`, chartConfigs[system]);\n }\n } else {\n panel.classList.add('hidden');\n }\n });\n });\n });\n \n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\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 \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ud50c\ub7ab\ud3fc \uac1c\uc694 […]<\/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-3982","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 \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ud50c\ub7ab\ud3fc \uac1c\uc694 […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982","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=3982"}],"version-history":[{"count":1,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982\/revisions"}],"predecessor-version":[{"id":3983,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982\/revisions\/3983"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3982,"date":"2025-07-22T13:29:48","date_gmt":"2025-07-22T13:29:48","guid":{"rendered":"https:\/\/hstc.treecare.co.kr\/?p=3982"},"modified":"2025-07-22T13:29:48","modified_gmt":"2025-07-22T13:29:48","slug":"e-arbor-%ed%86%b5%ed%95%a9-%ed%94%8c%eb%9e%ab%ed%8f%bc-%eb%8c%80%ed%99%94%ed%98%95-%ec%a0%9c%ec%95%88%ec%84%9c","status":"publish","type":"post","link":"https:\/\/hstc.treecare.co.kr\/?p=3982","title":{"rendered":"e-Arbor \ud1b5\ud569 \ud50c\ub7ab\ud3fc \ub300\ud654\ud615 \uc81c\uc548\uc11c"},"content":{"rendered":"\n\n\n\n \n \n e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \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 {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #FDFBF7; \/* Warm Neutral Background *\/\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 40vh;\n max-height: 400px;\n }\n .active-tab {\n background-color: #2C5234 !important; \/* Accent Color *\/\n color: #FFFFFF !important;\n border-color: #2C5234 !important;\n }\n .timeline-item::before {\n content: '';\n position: absolute;\n left: -0.6rem;\n top: 0.5rem;\n width: 1.2rem;\n height: 1.2rem;\n background-color: #D4C7B0; \/* Muted Accent *\/\n border-radius: 50%;\n border: 3px solid #FDFBF7;\n }\n .timeline-item:first-child::before {\n background-color: #2C5234; \/* Accent Color for current phase *\/\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 md:p-8 max-w-7xl\">\n\n <header class=\"text-center py-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#2C5234]\">e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc<\/h1>\n <p class=\"mt-4 text-lg md:text-xl text-gray-600\">\ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4.<\/p>\n <\/header>\n\n <nav id=\"navbar\" class=\"sticky top-0 bg-[#FDFBF7]\/80 backdrop-blur-sm z-10 py-4 mb-12 border-b border-gray-200\">\n <div class=\"flex justify-center space-x-4 md:space-x-8\">\n <a href=\"#overview\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\ud50c\ub7ab\ud3fc \uac1c\uc694<\/a>\n <a href=\"#systems\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\ud575\uc2ec \uc2dc\uc2a4\ud15c<\/a>\n <a href=\"#roadmap\" class=\"text-gray-600 hover:text-[#2C5234] font-medium transition-colors\">\uac1c\ubc1c \ub85c\ub4dc\ub9f5<\/a>\n <\/div>\n <\/nav>\n\n <main>\n <section id=\"overview\" class=\"mb-20 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">\ud50c\ub7ab\ud3fc \uac1c\uc694<\/h2>\n <div class=\"bg-white p-8 rounded-lg shadow-md max-w-4xl mx-auto\">\n <p class=\"text-lg leading-relaxed text-gray-700\">\n e-Arbor \ud1b5\ud569 \ud50c\ub7ab\ud3fc\uc740 \ud30c\ud3b8\ud654\ub41c \uc218\ubaa9 \uad00\ub9ac \uc5c5\ubb34\ub97c \ud558\ub098\uc758 \uc2dc\uc2a4\ud15c\uc73c\ub85c \ud1b5\ud569\ud558\uc5ec, \ub370\uc774\ud130\uc5d0 \uae30\ubc18\ud55c \uacfc\ud559\uc801\uc774\uace0 \uc608\ubc29\uc801\uc778 \uad00\ub9ac\ub97c \uc2e4\ud604\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. \uae30\uc874\uc758 \ubcd1\ud574\ucda9 \uc9c4\ub2e8(Core) \uc2dc\uc2a4\ud15c\uc744 \uc2dc\uc791\uc73c\ub85c, \ubb3c\ub9ac\uc801 \uc704\ud5d8 \uac00\ub2a5\uc131\uc744 \uc608\uce21\ud558\ub294 \uc704\ud5d8\ubaa9 \uad00\ub9ac(Risk), \uc2dd\uc7ac \ud6c4 \uace0\uc0ac \uc6d0\uc778\uc744 \ubd84\uc11d\ud558\ub294 \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8(Defect) \uc2dc\uc2a4\ud15c\uc744 \ub2e8\uacc4\uc801\uc73c\ub85c \uad6c\ucd95\ud569\ub2c8\ub2e4. \ucd5c\uc885\uc801\uc73c\ub85c\ub294 \uc774 \ubaa8\ub4e0 \ub370\uc774\ud130\ub97c \uc735\ud569\ud558\uc5ec \ub2e8\uc9c0 \uc804\uccb4\uc758 \uc218\ubaa9 \uac74\uac15\uc131\uacfc \ubbf8\ub798 \ubcc0\ud654\uae4c\uc9c0 \uc608\uce21\ud558\ub294 \uc885\ud569 \ud50c\ub7ab\ud3fc(Integrated)\uc73c\ub85c \ubc1c\uc804\uc2dc\ucf1c \ub098\uac08 \uac83\uc785\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"systems\" class=\"mb-20 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-8\">4\ub300 \ud575\uc2ec \uc2dc\uc2a4\ud15c<\/h2>\n <div id=\"system-tabs\" class=\"flex flex-wrap justify-center gap-2 mb-8\">\n <button data-system=\"core\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors active-tab\">Core<\/button>\n <button data-system=\"risk\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Risk<\/button>\n <button data-system=\"defect\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Defect<\/button>\n <button data-system=\"integrated\" class=\"system-tab px-6 py-2 border border-gray-300 rounded-full text-gray-700 bg-white hover:bg-gray-100 transition-colors\">Integrated<\/button>\n <\/div>\n\n <div id=\"system-content\" class=\"bg-white p-6 md:p-10 rounded-lg shadow-lg\">\n <div id=\"core-content\" class=\"system-panel\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 1: \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ucc98\ubc29 (Core)<\/h3>\n <p class=\"text-gray-600 mb-4\">\ud50c\ub7ab\ud3fc\uc758 \uae30\ubc18\uc774 \ub418\ub294 \ud604\uc7ac \uc6b4\uc601 \uc911\uc778 \uc2dc\uc2a4\ud15c\uc785\ub2c8\ub2e4. \ub098\ubb34\uc758\uc0ac\uc758 \uc9c4\ub2e8 \ubc0f \ucc98\ubc29 \ub370\uc774\ud130\ub97c \ub514\uc9c0\ud138\ud654\ud558\uc5ec \ucd95\uc801\ud558\uace0, \uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c \ub4f1 \uc5c5\ubb34 \ud6a8\uc728\uc744 \ub192\uc774\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ub514\uc9c0\ud138 \ucc98\ubc29\uc804 \ubc1c\uae09 \ubc0f \uc774\ub825 \uad00\ub9ac<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ubcd1\ud574\ucda9 DB \uc5f0\ub3d9 \uc790\ub3d9\uc644\uc131 \uac80\uc0c9<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc9c0\ub2a5\ud615 \ub18d\uc57d \ucd94\ucc9c (OpenAPI \uc5f0\ub3d9)<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>QR\ucf54\ub4dc \ud3ec\ud568 PDF \uc0dd\uc131<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ubd84\ud3ec<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"coreChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"risk-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 2: \uc704\ud5d8\ubaa9 \uad00\ub9ac (Risk)<\/h3>\n <p class=\"text-gray-600 mb-4\">\uc4f0\ub7ec\uc9d0, \uac00\uc9c0 \ubd80\ub7ec\uc9d0 \ub4f1 \ubb3c\ub9ac\uc801 \uc704\ud5d8\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. GIS\uc640 \uc5f0\ub3d9\ud558\uc5ec \uc704\ud5d8\ubaa9 \ubd84\ud3ec\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud45c\uc900\ud654\ub41c \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \ubaa8\ub4c8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>4\ub2e8\uacc4 \uc704\ud5d8\ub3c4 \uc790\ub3d9 \ud3c9\uac00 \uc54c\uace0\ub9ac\uc998<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc0c1\ud0dc \ubcc0\ud654 \uc774\ub825 \uad00\ub9ac \ubc0f \ubaa8\ub2c8\ud130\ub9c1<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>GIS \uc5f0\ub3d9 \uc704\ud5d8\ubaa9 \ub9f5 \uc2dc\uac01\ud654<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc704\ud5d8\ubaa9 \ub4f1\uae09\ubcc4 \ud604\ud669<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"riskChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"defect-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 3: \uc218\ubaa9 \ud558\uc790 \uc9c4\ub2e8 (Defect)<\/h3>\n <p class=\"text-gray-600 mb-4\">\uc2dd\uc7ac \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\uace0 AI \ubd84\uc11d\uc744 \ud1b5\ud574 \ucc45\uc784 \uc18c\uc7ac \uaddc\uba85 \ubc0f \ubd84\uc7c1 \uc608\ubc29\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud558\uc790 \uc9c4\ub2e8 \ud45c\uc900 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud658\uacbd \ub370\uc774\ud130(\uae30\uc0c1, \ud1a0\uc591) \uc790\ub3d9 \uc5f0\ub3d9<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>AI \uae30\ubc18 \ud558\uc790 \uc6d0\uc778 \ubd84\uc11d \uc5b4\uc2dc\uc2a4\ud134\ud2b8<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\ud45c\uc900\ud654\ub41c PDF \ud558\uc790 \uc9c4\ub2e8 \ubcf4\uace0\uc11c \uc0dd\uc131<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc6d4\ubcc4 \ud558\uc790 \uc811\uc218 \ucd94\uc774<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"defectChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"integrated-content\" class=\"system-panel hidden\">\n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold mb-3 text-[#2C5234]\">\uc2dc\uc2a4\ud15c 4: \uc885\ud569 \ud50c\ub7ab\ud3fc (Integrated)<\/h3>\n <p class=\"text-gray-600 mb-4\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uc5ec \ub2e8\uc9c0 \uc804\uccb4\uc758 \uc218\ubaa9 \uac74\uac15\uc131\uc744 \uc885\ud569\uc801\uc73c\ub85c \ubd84\uc11d\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ub370\uc774\ud130 \uae30\ubc18\uc758 \uad00\ub9ac \uc815\ucc45 \uc218\ub9bd\uc744 \uc9c0\uc6d0\ud558\ub294 \ucd5c\uc885 \ub2e8\uacc4\uc758 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4.<\/p>\n <ul class=\"space-y-2 text-gray-700\">\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc9c0\ub3c4 \uae30\ubc18 \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>AI \uae30\ubc18 \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \uc608\uce21<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>‘\ud558\uc790\ub2e4\ubc1c \uc218\uc885’ \ub4f1 \ud1b5\uacc4 \ub370\uc774\ud130 \uc81c\uacf5<\/li>\n <li class=\"flex items-center\"><span class=\"text-[#2C5234] mr-2\">\u2713<\/span>\uc720\uc9c0\uad00\ub9ac \uc608\uc0b0 \uc218\ub9bd \uadfc\uac70 \uc790\ub8cc \uc81c\uc2dc<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"text-lg font-semibold text-center mb-2\">\ub300\ud45c \ub370\uc774\ud130: \uc8fc\uc694 \ud558\uc790 \uc694\uc778 \ubd84\uc11d (AI)<\/h4>\n <div class=\"chart-container\">\n <canvas id=\"integratedChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"roadmap\" class=\"scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-12\">\ub2e8\uacc4\ubcc4 \uad6c\ucd95 \ub85c\ub4dc\ub9f5<\/h2>\n <div class=\"relative max-w-2xl mx-auto pl-4 border-l-2 border-gray-300\">\n <div class=\"timeline-item mb-12\">\n <h3 class=\"text-xl font-bold text-[#2C5234]\">1\ub2e8\uacc4: \uae30\ubc18 \uad6c\ucd95 \ubc0f MVP \uac1c\ubc1c (\ud604\uc7ac ~ 6\uac1c\uc6d4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\uae30\uc874 Core \uc2dc\uc2a4\ud15c\uc744 \uc644\uc131\ud558\uace0, \ub370\uc774\ud130 \ucd95\uc801\uc758 \ud575\uc2ec\uc778 Defect \uc2dc\uc2a4\ud15c\uc758 \ucd5c\uc18c \uae30\ub2a5 \ubc84\uc804\uc744 \uac1c\ubc1c\ud558\uc5ec \ud50c\ub7ab\ud3fc\uc758 \uae30\ubc18\uc744 \ub2e4\uc9d1\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Core:<\/b> \uc9c0\ub3c4 \uc704\uce58 \ud074\ub9ad, PDF \uc774\uba54\uc77c \uc804\uc1a1 \uae30\ub2a5 \ucd94\uac00<\/li>\n <li><b>Defect:<\/b> \ud558\uc790 \uc9c4\ub2e8 \ub370\uc774\ud130 \uc785\ub825 \ubc0f \ud45c\uc900 \ubcf4\uace0\uc11c \uc0dd\uc131 (MVP)<\/li>\n <\/ul>\n <\/div>\n <div class=\"timeline-item mb-12\">\n <h3 class=\"text-xl font-bold text-gray-800\">2\ub2e8\uacc4: \uae30\ub2a5 \ud655\uc7a5 \ubc0f \uad00\ub9ac\uc790 \ubaa8\ub4dc (6\uac1c\uc6d4 ~ 12\uac1c\uc6d4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\uc608\ubc29 \uad00\ub9ac\uc758 \ud575\uc2ec\uc778 Risk \uc2dc\uc2a4\ud15c\uc744 \uac1c\ubc1c\ud558\uace0, \ucd95\uc801\ub41c \ub370\uc774\ud130\ub97c \uad00\ub9ac\uc790\uac00 \ud6a8\uacfc\uc801\uc73c\ub85c \uc870\ud68c\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ud658\uacbd\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Risk:<\/b> \uc704\ud5d8\ubaa9 \uc9c4\ub2e8 \ubc0f \uc774\ub825 \uad00\ub9ac \uae30\ub2a5 (MVP)<\/li>\n <li><b>Admin:<\/b> \uae30\ubcf8 \uad00\ub9ac\uc790 \ubaa8\ub4dc \ubc0f \ub370\uc774\ud130 \uc870\ud68c \uae30\ub2a5 \uad6c\ucd95<\/li>\n <\/ul>\n <\/div>\n <div class=\"timeline-item\">\n <h3 class=\"text-xl font-bold text-gray-800\">3\ub2e8\uacc4: \ud50c\ub7ab\ud3fc \ud1b5\ud569 \ubc0f AI \uace0\ub3c4\ud654 (12\uac1c\uc6d4 \uc774\ud6c4)<\/h3>\n <p class=\"text-gray-600 mt-2\">\ubaa8\ub4e0 \uc2dc\uc2a4\ud15c\uc758 \ub370\uc774\ud130\ub97c \ud1b5\ud569\ud558\uc5ec \uc885\ud569\uc801\uc778 \uc778\uc0ac\uc774\ud2b8\ub97c \uc81c\uacf5\ud558\uace0, \ucd95\uc801\ub41c \ube45\ub370\uc774\ud130\ub97c \ubc14\ud0d5\uc73c\ub85c AI \uc608\uce21 \ubaa8\ub378 \uac1c\ubc1c\uc5d0 \ucc29\uc218\ud569\ub2c8\ub2e4.<\/p>\n <ul class=\"mt-3 list-disc list-inside text-gray-700\">\n <li><b>Integrated:<\/b> \ud1b5\ud569 \uad00\uc81c \ub300\uc2dc\ubcf4\ub4dc \uac1c\ubc1c<\/li>\n <li><b>AI:<\/b> \ub370\uc774\ud130 \uc0c1\uad00\uad00\uacc4 \ubd84\uc11d \ubc0f \uc608\uce21 \ubaa8\ub378 \uac1c\ubc1c \uc2dc\uc791<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const charts = {};\n\n const createOrUpdateChart = (id, config) => {\n const ctx = document.getElementById(id).getContext('2d');\n if (charts[id]) {\n charts[id].destroy();\n }\n charts[id] = new Chart(ctx, config);\n };\n\n const chartConfigs = {\n core: {\n type: 'pie',\n data: {\n labels: ['\uac00\uc9c0\ub9c8\ub984\ubcd1', '\uc751\uc560', '\ud770\uac00\ub8e8\ubcd1', '\uae4d\uc9c0\ubc8c\ub808', '\uae30\ud0c0'],\n datasets: [{\n label: '\ubcd1\ud574\ucda9 \uc9c4\ub2e8 \ubd84\ud3ec',\n data: [35, 25, 15, 15, 10],\n backgroundColor: ['#6B8A7A', '#A4BE7B', '#E1E5B7', '#D4C7B0', '#B2A59B'],\n borderColor: '#FDFBF7',\n borderWidth: 2\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' } } }\n },\n risk: {\n type: 'bar',\n data: {\n labels: ['\uad00\uc2ec', '\uc8fc\uc758', '\uc704\ud5d8', '\uc2ec\uac01'],\n datasets: [{\n label: '\uc218\ubaa9 \uc218 (\uc8fc)',\n data: [120, 65, 22, 8],\n backgroundColor: ['#A4BE7B', '#E1E5B7', '#F4A261', '#E76F51'],\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false } } }\n },\n defect: {\n type: 'line',\n data: {\n labels: ['1\uc6d4', '2\uc6d4', '3\uc6d4', '4\uc6d4', '5\uc6d4', '6\uc6d4'],\n datasets: [{\n label: '\uc6d4\ubcc4 \ud558\uc790 \uc811\uc218 \uac74\uc218',\n data: [5, 8, 15, 12, 18, 25],\n fill: false,\n borderColor: '#2C5234',\n tension: 0.1\n }]\n },\n options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } }\n },\n integrated: {\n type: 'radar',\n data: {\n labels: ['\ubd80\uc801\uae30 \uc2dd\uc7ac', '\ud1a0\uc591 \ubd88\ub7c9', '\ubc30\uc218 \ubd88\ub7c9', '\uae30\uc0c1(\uac00\ubb44)', '\ubcd1\ud574\ucda9', '\ubb3c\ub9ac\uc801 \uc190\uc0c1'],\n datasets: [{\n label: '\uc8fc\uc694 \ud558\uc790 \uc694\uc778',\n data: [85, 70, 65, 80, 50, 30],\n fill: true,\n backgroundColor: 'rgba(44, 82, 52, 0.2)',\n borderColor: '#2C5234',\n pointBackgroundColor: '#2C5234',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#2C5234'\n }]\n },\n options: { responsive: true, maintainAspectRatio: false }\n }\n };\n \n createOrUpdateChart('coreChart', chartConfigs.core);\n\n const tabs = document.querySelectorAll('.system-tab');\n const panels = document.querySelectorAll('.system-panel');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const system = tab.dataset.system;\n\n tabs.forEach(t => t.classList.remove('active-tab'));\n tab.classList.add('active-tab');\n\n panels.forEach(panel => {\n if (panel.id === `${system}-content`) {\n panel.classList.remove('hidden');\n if (!charts[`${system}Chart`]) {\n createOrUpdateChart(`${system}Chart`, chartConfigs[system]);\n }\n } else {\n panel.classList.add('hidden');\n }\n });\n });\n });\n \n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\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 \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ud50c\ub7ab\ud3fc \uac1c\uc694 […]<\/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-3982","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 \uc81c\uc548\uc11c e-Arbor \ud1b5\ud569 \uc218\ubaa9 \uad00\ub9ac \ud50c\ub7ab\ud3fc \ub370\uc774\ud130\uc640 AI\ub85c \uc218\ubaa9\uc758 \ud604\uc7ac\ub97c \uc9c4\ub2e8\ud558\uace0 \ubbf8\ub798\ub97c \uc608\uce21\ud569\ub2c8\ub2e4. \ud50c\ub7ab\ud3fc \uac1c\uc694 […]","_links":{"self":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982","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=3982"}],"version-history":[{"count":1,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982\/revisions"}],"predecessor-version":[{"id":3983,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/3982\/revisions\/3983"}],"wp:attachment":[{"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hstc.treecare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}