{"id":21,"date":"2025-08-13T12:28:31","date_gmt":"2025-08-13T03:28:31","guid":{"rendered":"https:\/\/bokji.newsdaa.com\/?page_id=21"},"modified":"2025-08-13T13:38:24","modified_gmt":"2025-08-13T04:38:24","slug":"%eb%b3%b4%ec%a1%b0%ea%b8%88-%ec%a7%80%ec%9b%90%ea%b8%88","status":"publish","type":"page","link":"https:\/\/bokji.newsdaa.com\/?page_id=21","title":{"rendered":"\ubcf4\uc870\uae08 \uc9c0\uc6d0\uae08"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53a5409 e-flex e-con-boxed e-con e-parent\" data-id=\"53a5409\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c36650 elementor-widget elementor-widget-html\" data-id=\"5c36650\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 \ud544\ud130 UI -->\r\n<div id=\"welfare-filter\" style=\"display: flex; gap: 10px; margin-bottom: 20px; width: 100%;\">\r\n\t<select class=\"styled-select\" id=\"fieldFilter\" style=\"flex: 1;\">&nbsp;&nbsp;&nbsp;&nbsp;\r\n\t\t<option value=\"\">\uc9c0\uc6d0\ub300\uc0c1 \uc804\uccb4<\/option>\r\n\t\t<option value=\"\uae30\ucd08\">\uae30\ucd08<\/option>\r\n\t\t<option value=\"\ucc28\uc0c1\uc704\">\ucc28\uc0c1\uc704<\/option>\r\n\t\t<option value=\"\ub178\uc778\">\ub178\uc778<\/option>\r\n\t\t<option value=\"\uc7a5\uc560\uc778\">\uc7a5\uc560\uc778<\/option>\r\n\t\t<option value=\"\uccad\ub144\">\uccad\ub144<\/option>\r\n\t\t<option value=\"\uc544\ub3d9\">\uc544\ub3d9<\/option>\r\n\t\t<option value=\"\uc18c\uc0c1\uacf5\uc778\">\uc18c\uc0c1\uacf5\uc778<\/option>&nbsp;<\/select>\r\n\t<select class=\"styled-select\" id=\"typeFilter\" style=\"flex: 1;\">&nbsp;&nbsp;&nbsp;&nbsp;\r\n\t\t<option value=\"\">\ubd84\ub958 \uc804\uccb4<\/option>\r\n\t\t<option value=\"\uc8fc\uac70\">\uc8fc\uac70<\/option>\r\n\t\t<option value=\"\uace0\uc6a9\">\uace0\uc6a9<\/option>\r\n\t\t<option value=\"\ubcf4\uc721\">\ubcf4\uc721<\/option>\r\n\t\t<option value=\"\uc758\ub8cc\">\uc758\ub8cc<\/option>\r\n\t\t<option value=\"\uad50\uc721\">\uad50\uc721<\/option>\r\n\t\t<option value=\"\uc0dd\uacc4\">\uc0dd\uacc4<\/option>\r\n\t\t<option value=\"\uae30\ud0c0\">\uae30\ud0c0<\/option>&nbsp;<\/select>\r\n<\/div>\r\n<!-- \u2705 \uce74\ub4dc \ucd9c\ub825 \uc601\uc5ed -->\r\n<div id=\"welfare-list\" style=\"margin-top: 20px;\">\r\n\r\n<\/div>\r\n<!-- \u2705 CSS -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05db3e0 elementor-widget elementor-widget-html\" data-id=\"05db3e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\t.styled-select {\r\n\t\tpadding: 12px 16px;\r\n\t\tfont-size: 16px;\r\n\t\tborder: 2px solid #2979ff;\r\n\t\tborder-radius: 12px;\r\n\t\tbackground: white;\r\n\t\tcolor: #333;\r\n\t\ttext-align: center;\r\n\t\tappearance: none;\r\n\t}\r\n\t\r\n\t.welfare-card {\r\n\t\tborder: 1px solid #ddd;\r\n\t\tborder-radius: 12px;\r\n\t\tpadding: 16px;\r\n\t\tmargin-bottom: 12px;\r\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\r\n\t\tbackground-color: #fff;\r\n\t\tcursor: pointer;\r\n\t\ttransition: all 0.2s ease;\r\n\t}\r\n\t\r\n\t.welfare-card:hover {\r\n\t\tbox-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);\r\n\t\ttransform: translateY(-2px);\r\n\t}\r\n\t\r\n\t.welfare-card h3 {\r\n\t\tmargin: 0 0 8px 0;\r\n\t\tfont-size: 18px;\r\n\t\tcolor: #222;\r\n\t}\r\n\t\r\n\t.welfare-card p {\r\n\t\tmargin: 4px 0;\r\n\t\tfont-size: 14px;\r\n\t\tcolor: #555;\r\n\t}\r\n\r\n<\/style>\r\n<!-- \u2705 JS -->\r\n<script>\r\n\tconst SHEET_URL = \"https:\/\/opensheet.elk.sh\/1FVLvzl6a1Rdv0k3Fat6vr1R4uQFNQttQx0jdG2rTPPQ\/Sheet1\";\r\n\r\n\tlet allServices = [];\r\n\r\n\tfunction renderWelfareCards(data)\r\n\t{\r\n\t\tconst list = document.getElementById('welfare-list');\r\n\t\tlist.innerHTML = '';\r\n\r\n\t\tif (data.length === 0)\r\n\t\t{\r\n\t\t\tlist.innerHTML = '<p>\uc870\uac74\uc5d0 \ub9de\ub294 \ubcf5\uc9c0 \uc11c\ube44\uc2a4\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>';\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tdata.forEach(item =>\r\n\t\t{\r\n\t\t\tconst card = document.createElement('div');\r\n\t\t\tcard.className = 'welfare-card';\r\n\t\t\tcard.innerHTML = `\r\n      <h3>${item['\uc11c\ube44\uc2a4\uba85']}<\/h3>\r\n      <p><strong><\/strong> ${item['\uc11c\ube44\uc2a4\uc694\uc57d']}<\/p>\r\n      <p><strong>\ub300\ud45c\ubb38\uc758:<\/strong> ${item['\ub300\ud45c\ubb38\uc758']}<\/p>\r\n      <p><strong>\uc18c\uad00\ubd80\ucc98:<\/strong> ${item['\uc18c\uad00\ubd80\ucc98\uba85']}<\/p>\r\n    `;\r\n\r\n\t\t\t\/\/ \u2705 \uc571 \ub0b4 \ud398\uc774\uc9c0 \uc774\ub3d9\r\n\t\t\tif (item['\uc11c\ube44\uc2a4URL'])\r\n\t\t\t{\r\n\t\t\t\tcard.onclick = () =>\r\n\t\t\t\t{\r\n\t\t\t\t\tlocation.href = item['\uc11c\ube44\uc2a4URL'];\r\n\t\t\t\t};\r\n\t\t\t}\r\n\r\n\t\t\tlist.appendChild(card);\r\n\t\t});\r\n\t}\r\n\r\n\tfunction filterWelfare()\r\n\t{\r\n\t\tconst field = document.getElementById('fieldFilter').value;\r\n\t\tconst type = document.getElementById('typeFilter').value;\r\n\r\n\t\tconst filtered = allServices.filter(item =>\r\n\t\t{\r\n\t\t\tconst summary = item['\uc11c\ube44\uc2a4\uc694\uc57d'] || '';\r\n\t\t\tconst matchField = field === '' || summary.includes(field);\r\n\t\t\tconst matchType = type === '' || summary.includes(type);\r\n\t\t\treturn matchField && matchType;\r\n\t\t});\r\n\r\n\t\trenderWelfareCards(filtered);\r\n\t}\r\n\r\n\tfetch(SHEET_URL)\r\n\t\t.then(res => res.json())\r\n\t\t.then(data =>\r\n\t\t{\r\n\t\t\tallServices = data;\r\n\t\t\trenderWelfareCards(allServices); \/\/ \u2705 \ucd08\uae30 \uc804\uccb4 \ucd9c\ub825\r\n\t\t});\r\n\r\n\tdocument.getElementById('fieldFilter').addEventListener('change', filterWelfare);\r\n\tdocument.getElementById('typeFilter').addEventListener('change', filterWelfare);\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88fce0f e-flex e-con-boxed e-con e-parent\" data-id=\"88fce0f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&nbsp;&nbsp;&nbsp;&nbsp;\uc9c0\uc6d0\ub300\uc0c1 \uc804\uccb4\uae30\ucd08\ucc28\uc0c1\uc704\ub178\uc778\uc7a5\uc560\uc778\uccad\ub144\uc544\ub3d9\uc18c\uc0c1\uacf5\uc778&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;\ubd84\ub958 \uc804\uccb4\uc8fc\uac70\uace0\uc6a9\ubcf4\uc721\uc758\ub8cc\uad50\uc721\uc0dd\uacc4\uae30\ud0c0&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"on","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":7,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}