{"id":183,"date":"2025-11-19T06:36:03","date_gmt":"2025-11-19T06:36:03","guid":{"rendered":"https:\/\/ysmc.org\/?page_id=183"},"modified":"2025-11-19T06:36:03","modified_gmt":"2025-11-19T06:36:03","slug":"%ed%95%99%ec%9a%b4%ed%98%91-%ec%9d%bc%ec%a0%95","status":"publish","type":"page","link":"https:\/\/ysmc.org\/?page_id=183","title":{"rendered":"\ud559\uc6b4\ud611 \uc77c\uc815"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\ud559\uc6b4\ud611 \uc8fc\uc694 \ud589\uc0ac \uc77c\uc815<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lucide\/0.263.1\/lucide.min.js\"><\/script>\n    <style>\n        body {\n            font-family: 'Noto Sans KR', sans-serif;\n            background-color: #f8fafc;\n        }\n        .schedule-card:hover {\n            transform: translateY(-2px);\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen text-gray-800 bg-slate-50\">\n\n    <!-- Header -->\n    <header class=\"bg-white border-b border-gray-200 sticky top-0 z-50 shadow-sm\">\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between\">\n            <div class=\"flex items-center gap-2\">\n                <i data-lucide=\"calendar-days\" class=\"w-6 h-6 text-blue-600\"><\/i>\n                <h1 class=\"text-xl font-bold text-gray-900\">\uc8fc\uc694 \ud589\uc0ac \uc77c\uc815<\/h1>\n            <\/div>\n            <div class=\"text-sm font-medium text-gray-500 hidden sm:block\">\n                2025-2026 \ud559\ub144\ub3c4\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-10\">\n        \n        <!-- Intro -->\n        <div class=\"mb-8\">\n            <h2 class=\"text-2xl font-bold text-gray-900 mb-2\">\ud559\uc6b4\ud611 \uc5f0\uac04 \uc77c\uc815<\/h2>\n            <p class=\"text-gray-600\">\uc55e\uc73c\ub85c \uc9c4\ud589\ub420 \uc8fc\uc694 \ud589\uc0ac\uc640 \ud68c\uc758 \uc77c\uc815\uc744 \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n        <\/div>\n\n        <!-- Filter Buttons (Optional Visual) -->\n        <div class=\"flex gap-2 mb-8 overflow-x-auto pb-2 scrollbar-hide\">\n            <button class=\"px-4 py-2 bg-blue-600 text-white rounded-full text-sm font-medium whitespace-nowrap shadow-sm\">\uc804\uccb4<\/button>\n            <button class=\"px-4 py-2 bg-white text-gray-600 border border-gray-200 rounded-full text-sm font-medium whitespace-nowrap hover:bg-gray-50\">\uc784\uc6d0\ud68c\uc758<\/button>\n            <button class=\"px-4 py-2 bg-white text-gray-600 border border-gray-200 rounded-full text-sm font-medium whitespace-nowrap hover:bg-gray-50\">\uc6d4\ub840\ud68c<\/button>\n            <button class=\"px-4 py-2 bg-white text-gray-600 border border-gray-200 rounded-full text-sm font-medium whitespace-nowrap hover:bg-gray-50\">\ud589\uc0ac\/\ubd09\uc0ac<\/button>\n        <\/div>\n\n        <!-- Schedule List -->\n        <div id=\"schedule-list\" class=\"space-y-4\">\n            <!-- Schedule items will be injected here -->\n        <\/div>\n\n    <\/main>\n\n    <footer class=\"bg-white border-t border-gray-200 mt-12 py-8\">\n        <div class=\"max-w-3xl mx-auto px-4 text-center text-gray-500 text-sm\">\n            <p>&copy; 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved.<\/p>\n            <p class=\"mt-1 text-xs text-gray-400\">* \uc77c\uc815\uc740 \uc0ac\uc815\uc5d0 \ub530\ub77c \ubcc0\uacbd\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Data extracted from the uploaded image\n        const schedules = [\n            { year: 25, date: \"9\uc6d4 22\uc77c (\uc6d4)\", type: \"meeting\", title: \"\uc784\uc6d0\ud68c\uc758 & \uc784\uc6d0 \ubc1c\ud45c\", location: \"\uc591\ucc9c\uad6c\uc758\ud68c \uc138\ubbf8\ub098\uc2e4\", note: \"12\uc6d4 \ud559\uc6b4\ud611 \uc8fc\uad00 \ud589\uc0ac \uc548\ub0b4\" },\n            { year: 25, date: \"9\uc6d4 ~ 10\uc6d4\", type: \"event\", title: \"\ud478\ub4dc\ubc45\ud06c \ub4dc\ub77c\uc774\ube0c \ucea0\ud398\uc778\", location: \"\ubbf8\uc815\", note: \"\ud589\uc0ac \ud611\uc758 \ubbf8\uc815\" },\n            { year: 25, date: \"10\uc6d4 24\uc77c (\uae08)\", type: \"meeting\", title: \"\uc6d4\ub840\ud68c_ \uc784\uc6d0\uc18c\uac1c \ubc0f \ub0b4\ube48\ucd08\ub300\", location: \"\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uc13c\ud130\", note: \"12\uc6d4 \ud559\uc6b4\ud611 \uc8fc\uad00 \ud589\uc0ac \uacc4\ud68d \ubc0f \uc900\ube44\" },\n            { year: 25, date: \"10\uc6d4 \uc911\", type: \"meeting\", title: \"\ucd08\u00b7\uc911\u00b7\uace0\ub4f1\ubd80 \uac01 \ubd80\uc11c\ubcc4 \uac04\ub2f4\ud68c\", location: \"\ubbf8\uc815\", note: \"\uc2e0\uc785\ud68c\uc6d0 \ubc0f \ud68c\uc6d0\uba85\ubd80\uc815\ub9ac\" },\n            { year: 25, date: \"11\uc6d4 21\uc77c (\uae08)\", type: \"meeting\", title: \"\uc784\uc6d0\ud68c\uc758\", location: \"\uc591\ucc9c\uad6c\uc758\ud68c \uc138\ubbf8\ub098\uc2e4\", note: \"2\uc6d4 \uc2e0\ub144\ud68c \uacc4\ud68d \ubc0f \uc900\ube44\" },\n            { year: 25, date: \"12\uc6d4 4\uc77c (\ubaa9)\", type: \"event\", title: \"\ud559\uc6b4\ud611 \uc8fc\uad00 \ud589\uc0ac\", location: \"\ud574\ub204\ub9ac\ud0c0\uc6b4 2\uce35\", note: \"\uae0d\uc815\uc5d0\ub108\uc9c0\uc804\ub3c4\uc0ac '\uc5ec\ub2c8'\uc758 \ud1a0\ud06c\ucf58\uc11c\ud2b8\" },\n            { year: 25, date: \"12\uc6d4 \uc911\", type: \"service\", title: \"\uae40\uce58\ubd09\uc0ac\", location: \"-\", note: \"\" },\n            { year: 25, date: \"12\uc6d4 19\uc77c (\uae08)\", type: \"meeting\", title: \"\uc6d4\ub840\ud68c\", location: \"\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uc13c\ud130\", note: \"\" },\n            \n            \/\/ 2026 data\n            { year: 26, date: \"1\uc6d4 16\uc77c (\uae08)\", type: \"meeting\", title: \"\uc784\uc6d0\ud68c\uc758\", location: \"\uc591\ucc9c\uad6c\uc758\ud68c \uc138\ubbf8\ub098\uc2e4\", note: \"4\uc6d4 \ud589\uc0ac \uacc4\ud68d \ubc0f \uc900\ube44\" },\n            { year: 26, date: \"2\uc6d4 20\uc77c (\uae08)\", type: \"meeting\", title: \"\uc6d4\ub840\ud68c & \uc2e0\ub144\ud68c\", location: \"\ubbf8\uc815\", note: \"\" },\n            { year: 26, date: \"3\uc6d4 20\uc77c (\uae08)\", type: \"meeting\", title: \"\uc784\uc6d0\ud68c\uc758\", location: \"\uc591\ucc9c\uad6c\uc758\ud68c \uc138\ubbf8\ub098\uc2e4\", note: \"\uc2e0\uc785\ud68c\uc6d0 \ud658\uc601\ud68c \uc900\ube44\" },\n            { year: 26, date: \"4\uc6d4 17\uc77c (\uae08)\", type: \"event\", title: \"\uc6d4\ub840\ud68c & \uba85\ub791\uccb4\uc721\ub300\ud68c\", location: \"\ubbf8\uc815\", note: \"\ub9ac\ud50c\ub9bf \uc81c\uc791 \ubc0f \ubc1c\uc1a1\" },\n            { year: 26, date: \"5\uc6d4 15\uc77c (\uae08)\", type: \"event\", title: \"\uc784\uc6d0\ud68c\uc758 & \ud2b8\ub798\ud0b9\", location: \"\ubbf8\uc815\", note: \"\uac01 \ubd80\uc11c \uc815\uae30\ucd1d\ud68c \uc900\ube44\uc791\uc5c5\" },\n            { year: 26, date: \"6\uc6d4 19\uc77c (\uae08)\", type: \"meeting\", title: \"\uc6d4\ub840\ud68c & \uc2e0\uc785\uc704\uc6d0 \ud658\uc601\ud68c\", location: \"\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uc13c\ud130\", note: \"\" },\n            { year: 26, date: \"7\uc6d4 17\uc77c (\uae08)\", type: \"meeting\", title: \"\uc784\uc6d0\ud68c\uc758\", location: \"\uc591\ucc9c\uad6c\uc758\ud68c \uc138\ubbf8\ub098\uc2e4\", note: \"\uc815\uae30\ucd1d\ud68c \uc900\ube44\" },\n            { year: 26, date: \"7\uc6d4 \uc911\", type: \"service\", title: \"\uc0bc\uacc4\ud0d5\ubd09\uc0ac\", location: \"-\", note: \"\" },\n            { year: 26, date: \"8\uc6d4 21\uc77c (\uae08)\", type: \"meeting\", title: \"\uc815\uae30\ucd1d\ud68c\", location: \"\uc591\ucc9c\uad50\uc721\uc9c0\uc6d0\uc13c\ud130\", note: \"\" }\n        ];\n\n        const listContainer = document.getElementById('schedule-list');\n\n        \/\/ Helper to get type styles\n        function getTypeStyles(type) {\n            if (type === 'meeting') return 'bg-blue-100 text-blue-700 border-blue-200';\n            if (type === 'event') return 'bg-purple-100 text-purple-700 border-purple-200';\n            if (type === 'service') return 'bg-green-100 text-green-700 border-green-200';\n            return 'bg-gray-100 text-gray-700 border-gray-200';\n        }\n\n        function getTypeLabel(type) {\n             if (type === 'meeting') return '\ud68c\uc758';\n             if (type === 'event') return '\ud589\uc0ac';\n             if (type === 'service') return '\ubd09\uc0ac';\n             return '\uae30\ud0c0';\n        }\n\n        \/\/ Render\n        let currentYear = 0;\n\n        schedules.forEach((item) => {\n            \/\/ Insert Year Header if year changes\n            if (item.year !== currentYear) {\n                currentYear = item.year;\n                const yearHeader = document.createElement('div');\n                yearHeader.className = \"pt-6 pb-2\";\n                yearHeader.innerHTML = `\n                    <div class=\"flex items-center gap-4\">\n                        <span class=\"text-2xl font-black text-gray-300\">20${item.year}<\/span>\n                        <div class=\"h-px flex-1 bg-gray-200\"><\/div>\n                    <\/div>\n                `;\n                listContainer.appendChild(yearHeader);\n            }\n\n            const card = document.createElement('div');\n            card.className = 'bg-white rounded-xl p-5 border border-gray-200 shadow-sm transition-all duration-200 schedule-card flex flex-col sm:flex-row gap-4 sm:items-start';\n            \n            const typeClass = getTypeStyles(item.type);\n            const typeLabel = getTypeLabel(item.type);\n\n            card.innerHTML = `\n                <!-- Date Section -->\n                <div class=\"sm:w-32 flex-shrink-0\">\n                    <div class=\"font-bold text-gray-900 text-lg\">${item.date.split('(')[0]}<\/div>\n                    <div class=\"text-sm text-gray-500 font-medium\">${item.date.includes('(') ? item.date.split('(')[1].replace(')', '') + '\uc694\uc77c' : ''}<\/div>\n                <\/div>\n\n                <!-- Content Section -->\n                <div class=\"flex-grow\">\n                    <div class=\"flex items-center gap-2 mb-2\">\n                        <span class=\"px-2 py-0.5 rounded text-xs font-semibold border ${typeClass}\">${typeLabel}<\/span>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-800 mb-2\">${item.title}<\/h3>\n                    \n                    <div class=\"flex flex-col sm:flex-row sm:items-center gap-y-2 gap-x-6 text-sm text-gray-600\">\n                        ${item.location && item.location !== '-' ? `\n                            <div class=\"flex items-center gap-1.5\">\n                                <i data-lucide=\"map-pin\" class=\"w-4 h-4 text-gray-400\"><\/i>\n                                <span>${item.location}<\/span>\n                            <\/div>\n                        ` : ''}\n                        ${item.note ? `\n                            <div class=\"flex items-center gap-1.5\">\n                                <i data-lucide=\"info\" class=\"w-4 h-4 text-gray-400\"><\/i>\n                                <span>${item.note}<\/span>\n                            <\/div>\n                        ` : ''}\n                    <\/div>\n                <\/div>\n            `;\n            listContainer.appendChild(card);\n        });\n\n        lucide.createIcons();\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud559\uc6b4\ud611 \uc8fc\uc694 \ud589\uc0ac \uc77c\uc815 \uc8fc\uc694 \ud589\uc0ac \uc77c\uc815 2025-2026 \ud559\ub144\ub3c4 \ud559\uc6b4\ud611 \uc5f0\uac04 \uc77c\uc815 \uc55e\uc73c\ub85c \uc9c4\ud589\ub420 \uc8fc\uc694 \ud589\uc0ac\uc640 \ud68c\uc758 \uc77c\uc815\uc744 \uc548\ub0b4\ud574 \ub4dc\ub9bd\ub2c8\ub2e4. \uc804\uccb4 \uc784\uc6d0\ud68c\uc758 \uc6d4\ub840\ud68c \ud589\uc0ac\/\ubd09\uc0ac &copy; 2024 \uc591\ucc9c\uad6c \ud559\uc6b4\ud611. All rights reserved. * \uc77c\uc815\uc740 \uc0ac\uc815\uc5d0 \ub530\ub77c \ubcc0\uacbd\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=183"}],"version-history":[{"count":1,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/ysmc.org\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/ysmc.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}