{"id":190,"date":"2025-06-19T17:11:29","date_gmt":"2025-06-19T08:11:29","guid":{"rendered":"https:\/\/gp4.newsdaa.com\/?page_id=190"},"modified":"2025-06-24T16:57:11","modified_gmt":"2025-06-24T07:57:11","slug":"%ec%98%a4%eb%8a%98%ec%9d%98-%eb%b3%b5%ec%a7%80-%eb%89%b4%ec%8a%a4","status":"publish","type":"page","link":"https:\/\/gp4.newsdaa.com\/?page_id=190","title":{"rendered":"\uc624\ub298\uc758 \ubcf5\uc9c0 \ub274\uc2a4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"190\" class=\"elementor elementor-190\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96376f e-flex e-con-boxed e-con e-parent\" data-id=\"f96376f\" 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-3c63ada elementor-widget elementor-widget-html\" data-id=\"3c63ada\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"rss-news-container\">\r\n    \r\n\r\n\r\n\r\n    \r\n    <h1>\ud83d\udce2 \ucd5c\uc2e0 \ubcf5\uc9c0 \uad00\ub828 \ub274\uc2a4<\/h1>\r\n    <ul id=\"rss-news-list\"><\/ul>\r\n    \r\n    <br>\r\n\r\n  <!-- \u2705 \ud478\ud130 \uc815\ubcf4 -->\r\n  <div class=\"footer-info\">\r\n     <!--\r\n    <p>SYCOMPANY<br>\uc8fc\uc18c: \uc11c\uc6b8\uc2dc \uac15\ub0a8\uad6c \ud14c\ud5e4\ub780\ub85c<br>\uc0ac\uc5c5\uc790 \ubc88\ud638: 123-45-67890<\/p>\r\n    -->\r\n    <small>Copyright \u00a9 2025 \ubcf5\uc9c0\ud0b9. All Rights Reserved.<\/small>\r\n  <\/div>\r\n\r\n\r\n\r\n<style>\r\n    #rss-news-container {\r\n        text-align: center;\r\n        font-family: 'Arial', sans-serif;\r\n        max-width: 800px;\r\n        margin: auto;\r\n        background-color: #fff;\r\n        color: #333;\r\n        padding: 20px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n    h1 {\r\n        font-size: 22px;\r\n        margin-bottom: 15px;\r\n    }\r\n    ul {\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n    li {\r\n        background: #f9f9f9;\r\n        padding: 15px;\r\n        margin-bottom: 10px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\r\n        text-align: center;\r\n        cursor: pointer;\r\n        transition: transform 0.2s, box-shadow 0.2s;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n    }\r\n    li:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\r\n    }\r\n    a {\r\n        text-decoration: none;\r\n        color: #007bff;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        display: block;\r\n        padding: 10px;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    async function fetchNaverNews() {\r\n        console.log(\"Checking for cached news data...\");\r\n\r\n        const cacheKey = \"naverNewsCache\";\r\n        const cacheTimeKey = \"naverNewsCacheTime\";\r\n        const cacheDuration = 6 * 60 * 60 * 1000; \/\/ 6\uc2dc\uac04 (21600000ms) \ub3d9\uc548 \uce90\uc2dc \uc720\uc9c0\r\n\r\n        let cachedTime = localStorage.getItem(cacheTimeKey);\r\n        let now = new Date().getTime();\r\n\r\n        \/\/ 1\ufe0f\u20e3 \uce90\uc2dc\ub41c \ub370\uc774\ud130\uac00 \uc788\uace0, 6\uc2dc\uac04 \uc774\ub0b4\uba74 API \ud638\ucd9c \uc5c6\uc774 \uc0ac\uc6a9\r\n        if (cachedTime && now - cachedTime < cacheDuration) {\r\n            console.log(\"Using cached news data...\");\r\n            let cachedData = JSON.parse(localStorage.getItem(cacheKey));\r\n            updateNewsUI(cachedData);\r\n            return;\r\n        }\r\n\r\n        console.log(\"Fetching new news data from PHP proxy...\");\r\n\r\n        const proxyUrl = \"https:\/\/gp4.newsdaa.com\/wp-content\/uploads\/news_proxy.php\"; \/\/ news_proxy.php URL \uc785\ub825\r\n\r\n        try {\r\n            let response = await fetch(proxyUrl);\r\n            let data = await response.json();\r\n\r\n            if (!data.items || data.items.length === 0) {\r\n                document.getElementById(\"rss-news-list\").innerHTML = \"<li>\ub274\uc2a4 \uae30\uc0ac\ub97c \uac00\uc838\uc62c \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>\";\r\n                return;\r\n            }\r\n\r\n            let newsArticles = data.items.map(article => ({\r\n                title: article.title.replace(\/<[^>]*>?\/g, ''), \/\/ HTML \ud0dc\uadf8 \uc81c\uac70\r\n                link: article.link\r\n            }));\r\n\r\n            \/\/ 2\ufe0f\u20e3 API\uc5d0\uc11c \uac00\uc838\uc628 \ub370\uc774\ud130\ub97c localStorage\uc5d0 \uc800\uc7a5\r\n            localStorage.setItem(cacheKey, JSON.stringify(newsArticles));\r\n            localStorage.setItem(cacheTimeKey, now);\r\n\r\n            updateNewsUI(newsArticles);\r\n\r\n        } catch (error) {\r\n            console.error(\"\ub124\uc774\ubc84 \ub274\uc2a4 \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.\", error);\r\n            document.getElementById(\"rss-news-list\").innerHTML = \"<li>\ub274\uc2a4\ub97c \ubd88\ub7ec\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.<\/li>\";\r\n        }\r\n    }\r\n\r\n    \/\/ UI \uc5c5\ub370\uc774\ud2b8 \ud568\uc218\r\n    function updateNewsUI(articles) {\r\n        let newsList = document.getElementById(\"rss-news-list\");\r\n        newsList.innerHTML = \"\";\r\n\r\n        articles.forEach(article => {\r\n            let listItem = document.createElement(\"li\");\r\n            listItem.onclick = () => window.open(article.link, \"_blank\");\r\n            listItem.innerHTML = `\r\n                <a href=\"#\">${article.title}<\/a>\r\n            `;\r\n            newsList.appendChild(listItem);\r\n        });\r\n    }\r\n\r\n    \/\/ \u2705 \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \uc2e4\ud589\r\n    fetchNaverNews();\r\n\r\n    \/\/ \u2705 24\uc2dc\uac04\ub9c8\ub2e4 \uac15\uc81c \uc5c5\ub370\uc774\ud2b8 (\ud558\ub8e8\uc5d0 4\ubc88 \uc790\ub3d9 \uc5c5\ub370\uc774\ud2b8\ub428)\r\n    setInterval(fetchNaverNews, 86400000);\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\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-6e69c33 e-flex e-con-boxed e-con e-parent\" data-id=\"6e69c33\" 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-0451618 elementor-widget elementor-widget-html\" data-id=\"0451618\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2705 \ubd80\ub4dc\ub7ec\uc6b4 \uc2a4\ud06c\ub864 -->\r\n<style>\r\n  html { scroll-behavior: smooth; }\r\n<\/style>\r\n\r\n<!-- \u2705 CSS \uc2a4\ud0c0\uc77c -->\r\n<style>\r\n  .main-container {\r\n    font-family: 'Arial', sans-serif;\r\n    padding: 16px 24px;\r\n    max-width: 760px;\r\n    margin: auto;\r\n    background: #fff;\r\n  }\r\n  .header-tabs-wrapper {\r\n    background: #fff;\r\n    border-radius: 40px;\r\n    padding: 6px;\r\n    margin-bottom: 16px; \/* \u2705 \uc5ec\ubc31 \uc904\uc784 *\/\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n    \r\n    \r\n  }\r\n  .header-tabs {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 0;\r\n  }\r\n  .tab-btn {\r\n    flex: 1;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    padding: 12px 0;\r\n    font-size: 17px;\r\n    background: transparent;\r\n    border-radius: 40px;\r\n    color: #555;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n  }\r\n  .tab-btn.active {\r\n    background: #007bff;\r\n    color: #fff;\r\n  }\r\n  \r\n  \/* \uc2ac\ub77c\uc774\ub4dc \uc2a4\ud0c0\uc77c *\/\r\n.slider-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    max-width: 700px; \/* \uc2ac\ub77c\uc774\ub4dc \ub108\ube44 \uc904\uc784 *\/\r\n    margin: 0 auto;\r\n    border-radius: 12px;\r\n}\r\n\r\n.slider {\r\n    display: flex;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.slide {\r\n    min-width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.slide img {\r\n    width: 100%; \/* \uc2ac\ub77c\uc774\ub4dc \ud3ed\uc5d0 \ub9de\ucda4 *\/\r\n    border-radius: 12px;\r\n}\r\n\r\n\/* \uc2ac\ub77c\uc774\ub4dc \uc778\ub514\ucf00\uc774\ud130 \uc2a4\ud0c0\uc77c (\uc6b0\uce21 \ud558\ub2e8\uc5d0\uc11c \uc57d\uac04 \uc704\ucabd) *\/\r\n.slide-indicator {\r\n    position: absolute;\r\n    bottom: 15px; \/* \ud558\ub2e8\uc5d0\uc11c \uc57d\uac04 \uc704\ub85c *\/\r\n    right: 10px; \/* \uc6b0\uce21 \ud558\ub2e8 *\/\r\n    background-color: rgba(0, 0, 0, 0.6); \/* \ud22c\uba85\ud55c \ubc30\uacbd *\/\r\n    color: #ffffff;\r\n    padding: 4px 18px;\r\n    border-radius: 16px;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    z-index: 10;\r\n    width: auto;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\r\n  .footer-info {\r\n    background: #f9f9f9;\r\n    text-align: center;\r\n    padding: 24px;\r\n    font-size: 14px;\r\n    color: #333;\r\n    border-radius: 15px;\r\n    margin-top: 10px;\r\n  }\r\n  \r\n  .public-notice {\r\n  font-size: 14px;\r\n  background: #f9f9f9;\r\n  border-radius: 12px;\r\n  padding: 20px;\r\n  margin-top: 10px;\r\n  margin-bottom: 20px;\r\n  line-height: 1.6;\r\n  color: #333;\r\n}\r\n.public-notice a {\r\n  color: #0056b3;\r\n  text-decoration: underline;\r\n}\r\n\r\n  @media (max-width: 500px) {\r\n    .card-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .tab-btn {\r\n      font-size: 15px;\r\n      padding: 12px 0;\r\n    }\r\n    .card {\r\n      min-height: 110px;\r\n    }\r\n    .emoji {\r\n      font-size: 26px;\r\n    }\r\n    .highlight-box .highlight-emoji {\r\n      font-size: 32px;\r\n      margin-bottom: 8px;\r\n    }\r\n    .highlight-sub {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<\/div>\t\t\t\t<\/div>\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>\ud83d\udce2 \ucd5c\uc2e0 \ubcf5\uc9c0 \uad00\ub828 \ub274\uc2a4 Copyright \u00a9 2025 \ubcf5\uc9c0\ud0b9. All Rights Reserved.<\/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":"","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=190"}],"version-history":[{"count":13,"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":424,"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=\/wp\/v2\/pages\/190\/revisions\/424"}],"wp:attachment":[{"href":"https:\/\/gp4.newsdaa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}