{"id":27,"date":"2025-08-13T12:32:32","date_gmt":"2025-08-13T03:32:32","guid":{"rendered":"https:\/\/bokji.newsdaa.com\/?page_id=27"},"modified":"2025-08-13T13:44:59","modified_gmt":"2025-08-13T04:44:59","slug":"%ec%9e%90%ea%b8%88%ec%a7%80%ec%9b%90","status":"publish","type":"page","link":"https:\/\/bokji.newsdaa.com\/?page_id=27","title":{"rendered":"\uc790\uae08\uc9c0\uc6d0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3196670 e-flex e-con-boxed e-con e-parent\" data-id=\"3196670\" 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-0732290 elementor-widget elementor-widget-html\" data-id=\"0732290\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 \ud544\ud130 \uc601\uc5ed -->\r\n<div id=\"loan-filter\" style=\"display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px;\">\r\n  <select class=\"filter-select\" id=\"targetFilter\">\r\n    <option value=\"\">\uc9c0\uc6d0\ub300\uc0c1 \uc804\uccb4<\/option>\r\n    <option value=\"\uadfc\ub85c\uc790\">\uadfc\ub85c\uc790<\/option>\r\n    <option value=\"\uc18c\uc0c1\uacf5\uc778\">\uc18c\uc0c1\uacf5\uc778<\/option>\r\n    <option value=\"\uccad\ub144\">\uccad\ub144<\/option>\r\n    <option value=\"\ub300\ud559\uc0dd\">\ub300\ud559\uc0dd<\/option>\r\n    <option value=\"\uae08\uc735\ucde8\uc57d\uacc4\uce35\">\uae08\uc735\ucde8\uc57d\uacc4\uce35<\/option>\r\n    <option value=\"\uae30\ud0c0\">\uae30\ud0c0<\/option>\r\n  <\/select>\r\n  <select class=\"filter-select\" id=\"typeFilter\">\r\n    <option value=\"\">\ubd84\ub958 \uc804\uccb4<\/option>\r\n    <option value=\"\uc0dd\uacc4\">\uc0dd\uacc4<\/option>\r\n    <option value=\"\uc6b4\uc601\">\uc6b4\uc601<\/option>\r\n    <option value=\"\uc2dc\uc124\">\uc2dc\uc124<\/option>\r\n    <option value=\"\ucc3d\uc5c5\">\ucc3d\uc5c5<\/option>\r\n    <option value=\"\uc800\uae08\ub9ac\uc804\ud658\">\uc800\uae08\ub9ac\uc804\ud658<\/option>\r\n    <option value=\"\ud559\uc790\uae08\">\ud559\uc790\uae08<\/option>\r\n    <option value=\"\uae30\ud0c0\">\uae30\ud0c0<\/option>\r\n  <\/select>\r\n<\/div>\r\n\r\n<!-- \u2705 \uce74\ub4dc \uc601\uc5ed -->\r\n<div id=\"loan-list\" style=\"margin-top: 10px;\"><\/div>\r\n\r\n<!-- \u2705 \ud544\ud130 \uc2a4\ud0c0\uc77c -->\r\n<style>\r\n  .filter-select {\r\n    padding: 12px 16px;\r\n    font-size: 16px;\r\n    border: 2px solid #2979ff;  \/* \ub354 \uc120\uba85\ud55c \ud30c\ub780\uc0c9 *\/\r\n    border-radius: 12px;        \/* \ub465\uadfc \uc815\ub3c4 \ubcc0\uacbd *\/\r\n    background: #fff;\r\n    color: #333;\r\n    text-align: center;         \/* \ud14d\uc2a4\ud2b8 \uc911\uc559\uc815\ub82c *\/\r\n    appearance: none;           \/* \ube0c\ub77c\uc6b0\uc800 \uae30\ubcf8 \uc140\ub809\ud2b8 \ud654\uc0b4\ud45c \uc81c\uac70 *\/\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    flex: 1;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .filter-select:focus {\r\n    outline: none;\r\n    border-color: #1e5adb;\r\n    box-shadow: 0 0 0 2px rgba(41, 121, 255, 0.25);\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .filter-select {\r\n      font-size: 14px;\r\n      padding: 10px 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2705 \ub370\uc774\ud130 \ubd88\ub7ec\uc624\uae30 \ubc0f \ud544\ud130\ub9c1 \uc2a4\ud06c\ub9bd\ud2b8 -->\r\n<script>\r\n(function () {\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const SHEET_ID = '1ig_xYVeLLwKkrq8ntho--sGGWeGnWeDbwFZtOXP8KLI';\r\n    const SHEET_NAME = '\ub300\ucd9c\ubaa9\ub85d';\r\n    const API_URL = `https:\/\/opensheet.elk.sh\/${SHEET_ID}\/${SHEET_NAME}`;\r\n\r\n    const list = document.getElementById('loan-list');\r\n    const targetEl = document.getElementById('targetFilter');\r\n    const typeEl = document.getElementById('typeFilter');\r\n\r\n    let allLoans = [];\r\n\r\n    function clean(str) {\r\n      return (str || '').toString().trim();\r\n    }\r\n\r\n    function renderLoans(loans) {\r\n      list.innerHTML = '';\r\n\r\n      if (!loans || loans.length === 0) {\r\n        list.innerHTML = '<p>\uc870\uac74\uc5d0 \ub9de\ub294 \ub300\ucd9c\uc0c1\ud488\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>';\r\n        return;\r\n      }\r\n\r\n      loans.forEach(item => {\r\n        const name = clean(item['\uc0c1\ud488\uba85']);\r\n        const target = clean(item['\uc9c0\uc6d0\ub300\uc0c1']);\r\n        const kind = clean(item['\ubd84\ub958']);\r\n        const rate = clean(item['\uae08\ub9ac']);\r\n        const limit = clean(item['\ucd5c\ub300\ud55c\ub3c4']);\r\n        const org = clean(item['\ucde8\uae09\uae30\uad00']);\r\n\r\n        const card = document.createElement('div');\r\n        card.style.border = '1px solid #e5e7eb';\r\n        card.style.borderRadius = '12px';\r\n        card.style.padding = '16px';\r\n        card.style.marginBottom = '12px';\r\n        card.style.background = '#fff';\r\n        card.style.boxShadow = '0 2px 8px rgba(0,0,0,0.06)';\r\n\r\n        card.innerHTML = `\r\n          <h3 style=\"margin: 0 0 10px 0; font-size: 18px; color: #007BFF;\">${name}<\/h3>\r\n          <p style=\"margin: 4px 0;\"><strong>\uc9c0\uc6d0\ub300\uc0c1:<\/strong> ${target || '-'}<\/p>\r\n          <p style=\"margin: 4px 0;\"><strong>\ubd84\ub958:<\/strong> ${kind || '-'}<\/p>\r\n          <p style=\"margin: 4px 0;\"><strong>\uae08\ub9ac:<\/strong> ${rate || '-'}<\/p>\r\n          <p style=\"margin: 4px 0;\"><strong>\ud55c\ub3c4:<\/strong> ${limit || '-'}<\/p>\r\n          <p style=\"margin: 4px 0;\"><strong>\uae30\uad00:<\/strong> ${org || '-'}<\/p>\r\n        `;\r\n        list.appendChild(card);\r\n      });\r\n    }\r\n\r\n    function filterLoans() {\r\n      const target = clean(targetEl.value).toLowerCase();\r\n      const type = clean(typeEl.value).toLowerCase();\r\n\r\n      const filtered = allLoans.filter(item => {\r\n        const t1 = clean(item['\uc9c0\uc6d0\ub300\uc0c1']).toLowerCase();\r\n        const t2 = clean(item['\ubd84\ub958']).toLowerCase();\r\n        const matchTarget = !target || t1.includes(target);\r\n        const matchType = !type || t2.includes(type);\r\n        return matchTarget && matchType;\r\n      });\r\n\r\n      renderLoans(filtered);\r\n    }\r\n\r\n    \/\/ \u2705 \ucc98\uc74c \ub85c\ub529 \uc2dc \ub85c\ub529 \uba54\uc2dc\uc9c0\r\n    list.innerHTML = '<p>\ubd88\ub7ec\uc624\ub294 \uc911...<\/p>';\r\n\r\n    \/\/ \u2705 \ub370\uc774\ud130 \ubd88\ub7ec\uc624\uae30\r\n    fetch(API_URL, { cache: 'no-store' })\r\n      .then(res => {\r\n        if (!res.ok) throw new Error('\ub124\ud2b8\uc6cc\ud06c \uc624\ub958');\r\n        return res.json();\r\n      })\r\n      .then(data => {\r\n        allLoans = Array.isArray(data) ? data : [];\r\n        renderLoans(allLoans); \/\/ \ucc98\uc74c \uc804\uccb4 \ucd9c\ub825\r\n      })\r\n      .catch(err => {\r\n        console.error(err);\r\n        list.innerHTML = '<p>\ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4. \uc7a0\uc2dc \ud6c4 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.<\/p>';\r\n      });\r\n\r\n    \/\/ \u2705 \ud544\ud130 \uc774\ubca4\ud2b8\r\n    targetEl.addEventListener('change', filterLoans);\r\n    typeEl.addEventListener('change', filterLoans);\r\n  });\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc9c0\uc6d0\ub300\uc0c1 \uc804\uccb4\uadfc\ub85c\uc790\uc18c\uc0c1\uacf5\uc778\uccad\ub144\ub300\ud559\uc0dd\uae08\uc735\ucde8\uc57d\uacc4\uce35\uae30\ud0c0 \ubd84\ub958 \uc804\uccb4\uc0dd\uacc4\uc6b4\uc601\uc2dc\uc124\ucc3d\uc5c5\uc800\uae08\ub9ac\uc804\ud658\ud559\uc790\uae08\uae30\ud0c0<\/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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":13,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/bokji.newsdaa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}