\uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+KR:wght@300;400;700&family=Noto+Sans+KR:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #fdfbf7;\n color: #333;\n scroll-behavior: smooth;\n }\n .serif {\n font-family: 'Noto Serif KR', serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n .fade-in {\n animation: fadeIn 1.5s ease-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .gradient-bg {\n background: linear-gradient(135deg, #fdfbf7 0%, #f5eee6 100%);\n }\n .nav-link.active {\n color: #b45309;\n border-bottom: 2px solid #b45309;\n }\n <\/style>\n<\/head>\n<body class=\"gradient-bg\">\n\n\n\n\n\n\n\n\n\n<nav class=\"fixed top-0 w-full bg-white\/80 backdrop-blur-md shadow-sm z-50\">\n <div class=\"max-w-5xl mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-xl font-bold text-amber-800 serif\">Life’s Song<\/div>\n <div class=\"hidden md:flex space-x-8 text-sm font-medium\">\n <button onclick=\"scrollToSection('hero')\" class=\"nav-link hover:text-amber-700 transition\">\ud504\ub864\ub85c\uadf8<\/button>\n <button onclick=\"scrollToSection('handel')\" class=\"nav-link hover:text-amber-700 transition\">\ud5e8\ub378\uc758 \uace0\ub09c<\/button>\n <button onclick=\"scrollToSection('viz')\" class=\"nav-link hover:text-amber-700 transition\">\uc2dc\uac01\ud654<\/button>\n <button onclick=\"scrollToSection('poem')\" class=\"nav-link hover:text-amber-700 transition\">\uc774\ucc44\uc758 \uc2dc<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main class=\"pt-24 pb-20\">\n \n <section id=\"hero\" class=\"max-w-4xl mx-auto px-6 py-16 text-center fade-in\">\n <div class=\"mb-8 inline-block p-3 bg-amber-50 rounded-full text-amber-700\">\n <span class=\"text-3xl\">\ud83c\udf0a<\/span>\n <\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold serif mb-10 leading-tight\">\n “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74<br>\n \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4”\n <\/h1>\n <p class=\"text-lg text-gray-600 leading-relaxed max-w-2xl mx-auto mb-10\">\n \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74<br>\n \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4.\n <\/p>\n <div class=\"h-1 w-20 bg-amber-200 mx-auto\"><\/div>\n <\/section>\n\n \n <section id=\"handel\" class=\"max-w-5xl mx-auto px-6 py-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-2xl font-bold serif border-l-4 border-amber-600 pl-4 mb-4\">\ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791<\/h2>\n <p class=\"text-gray-600\">\ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774 \uacaa\uc740 \uc2dc\ub828\uc758 \uacfc\uc815\uc744 \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\ud83d\udcc9<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ubaa8\ub4e0 \uac83\uc744 \uc783\uc74c<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uac74\uac15\uc774 \ub9e4\uc6b0 \ub098\ube60\uc838 \ubcd1\uc744 \uace0\uce58\uae30 \uc704\ud574 \uc7ac\uc0b0\uc744 \ubaa8\ub450 \ud0d5\uc9c4\ud558\uace0, \ub3c8\uc774 \ubaa8\uc790\ub77c\uc11c \ub0a8\uc758 \ub3c8\uc744 \ube4c\ub824 \uc37c\uc2b5\ub2c8\ub2e4. \uac74\uac15\ub3c4 \ucc3e\uc9c0 \ubabb\ud588\uace0 \ub3c8\ub3c4 \uac1a\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\u26d3\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ube44\ucc38\ud55c \uac10\uc625 \uc0dd\ud65c<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uacb0\uad6d\uc740 \ubc18\uc2e0\ubd88\uc218\uc758 \ube44\ucc38\ud55c \uc0c1\ud0dc\ub85c \uac10\uc625\uc5d0 \uac07\ud788\uace0 \ub9d0\uc558\uc2b5\ub2c8\ub2e4. \uadf8\ub294 \ubd88\ud589\ud588\uace0 \uace0\ud1b5\uc2a4\ub7ec\uc6e0\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\ud83c\udfb5<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ud560\ub810\ub8e8\uc57c\uc758 \ud0c4\uc0dd<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uc5f0\uc8fc\ub97c \ub4e3\ub358 \uc655\ub3c4 \uc77c\uc5b4\uc130\ub2e4\ub294 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\ub97c \uc791\uace1\ud55c \uacf3\uc740 \ubc14\ub85c \uc774 \uac10\uc625\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ud63c\uc2e0\uc758 \ud798\uc744 \ub2e4\ud574 \uc5f4\uc815\uc744 \ubd88\uc0b4\ub790\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"viz\" class=\"bg-white py-20 border-y border-amber-50\">\n <div class=\"max-w-5xl mx-auto px-6 text-center\">\n <h2 class=\"text-2xl font-bold serif mb-6\">\uace0\ub09c\uc758 \uae4a\uc774\uc640 \uc608\uc220\uc758 \uacb0\uc2e4<\/h2>\n <p class=\"text-gray-600 mb-10 max-w-2xl mx-auto\">\n \ud5e8\ub378\uc758 \uc778\uc0dd \uadf8\ub798\ud504\ub97c \ud1b5\ud574 \uc2dc\ub828\uc774 \uc5b4\ub5bb\uac8c \ucc3d\uc870\uc801 \uc5f4\uc815\uc73c\ub85c \ubcc0\ubaa8\ud588\ub294\uc9c0 \ud655\uc778\ud574\ubcf4\uc138\uc694.\n \uac00\uc7a5 \uae4a\uc740 \uace8\uc9dc\uae30\uc5d0\uc11c \uac00\uc7a5 \ub192\uc740 \ub178\ub798\uac00 \uc6b8\ub824 \ud37c\uc84c\uc2b5\ub2c8\ub2e4.\n <\/p>\n \n <div class=\"chart-container mb-10\">\n <canvas id=\"handelChart\"><\/canvas>\n <\/div>\n\n <div class=\"mt-8 flex justify-center space-x-4\">\n <div class=\"flex items-center text-xs text-gray-500\">\n <span class=\"w-3 h-3 bg-red-400 rounded-full mr-2\"><\/span> \uace0\ub09c \uc9c0\uc218\n <\/div>\n <div class=\"flex items-center text-xs text-gray-500\">\n <span class=\"w-3 h-3 bg-amber-500 rounded-full mr-2\"><\/span> \ucc3d\uc791 \uc5f4\uc815\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-3xl mx-auto px-6 py-24 text-center\">\n <h2 class=\"text-2xl font-bold serif mb-8\">\uc81c2\uc758 \uc778\uc0dd\uc744 \ucc3d\ucd9c\ud558\uba70<\/h2>\n <div class=\"bg-amber-50 p-10 rounded-3xl relative\">\n <span class=\"absolute -top-5 left-1\/2 -translate-x-1\/2 text-4xl\">\u2728<\/span>\n <p class=\"text-lg leading-relaxed text-gray-700 italic\">\n \uc6b0\ub9ac\ub4e4\ub3c4 \uc778\uc0dd \uc0b4\uc544\uac00\uba74\uc11c \uc5b4\ub5a0\ud55c \uace0\ud1b5\uacfc \uc2dc\ub828\uc774 \uc628\ub2e4\ud574\ub3c4 \uc2e4\ub9dd\ud558\uace0 \uc88c\uc808\ud558\uc5ec \uc4f0\ub7ec\uc9c0\ub294 \uc790\uac00 \uc544\ub2c8\ub77c,\n <strong>\uc624\ub69c\uae30\ucc98\ub7fc \uadf8 \uace0\ud1b5\uacfc \uc2dc\ub828\uc744 \ub51b\uace0 \uc77c\uc5b4\ub098<\/strong> \ud5e8\ub378\ucc98\ub7fc \uc81c2\uc758 \uc778\uc0dd\uc744 \ucc3d\ucd9c\ud558\ub294 \uc0ac\ub78c\uc774 \ub418\uc5b4\uc57c \ud558\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"poem\" class=\"max-w-4xl mx-auto px-6 py-20 bg-stone-50 rounded-[3rem] shadow-inner\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold serif mb-4\">\ub208\ubb3c \uc5c6\ub294 \uc778\uc0dd\uc774 \uc5b4\ub514 \uc788\uc73c\ub7b4<\/h2>\n <p class=\"text-amber-800 font-medium\">\uc774\ucc44\uc758 \uc2dc(\u8a69)<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-12 items-start\">\n <div class=\"space-y-6 text-gray-700 leading-loose text-center md:text-right border-r-0 md:border-r border-stone-200 pr-0 md:pr-12\">\n <p>\n \ube44\uac00 \uc0b0\uacfc \ub4e4\uc744 \uac00\ub824\uc11c \ub0b4\ub9ac\uace0<br>\n \ubc14\ub78c\uc774 \ub098\ubb34\uc640 \ud480\uc744 \uac00\ub824\uc11c \ubd88\ub358\uac00<br>\n \ubc14\uc704\ud2c8 \uc791\uc740 \ud480\uaf43\uc5d0\ub3c4 \ube44\ub294 \ub0b4\ub9ac\uace0<br>\n \uac08\ub300\ubc2d \ud480\ubc8c\ub808 \uc18c\ub9ac\uc5d0\ub3c4 \ubc14\ub78c\uc740 \ub2e4\ub140\uac00\ub124\n <\/p>\n <p>\n \ud48d\ub791\uc774 \uce58\uace0 \ud574\uc77c\uc774 \uc77c\ub2e4\uac00\ub3c4<br>\n \ud30c\uc544\ub780 \ud558\ub298\uc774 \uc5bc\uad74\uc744 \ub0b4\ubc00\uba74<br>\n \uc81c \uac00\uc2b4 \uc4f8\uc5b4\uc548\uace0 \uace0\uc694\ud574\uc9c0\ub294 \ubc14\ub2e4\uc5ec<br>\n \uc0b4\ub2e4\ubcf4\uba74 \ub204\uad6c\ub098 \uc6b8\uace0 \uc2f6\uc744 \ub54c\uac00 \uc788\ub2e4<br>\n \uc6b8\uc5b4\uc57c \ud560 \ub54c\uac00 \uc788\ub2e4\n <\/p>\n <\/div>\n <div class=\"space-y-6 text-gray-700 leading-loose text-center md:text-left pl-0 md:pl-12\">\n <p>\n \uace0\ub09c \uc5c6\ub294 \uc0b6\uc744 \ubc14\ub77c\uc9c0 \ub9c8\ub77c<br>\n \uace0\ub09c\uc740 \uacac\ub51c \uc218 \uc788\uc744 \ub9cc\ud07c \uc8fc\uc5b4\uc9c0\ub294 \uc544\ud514\uc774\uace0<br>\n \ubcf4\ub78c\uc740 \uacac\ub38c\ub0b8 \ub9cc\ud07c \uc5bb\uc5b4\uc9c0\ub294 \uae30\uc068\uc774\ub2e4.<br>\n \uc624\ub298 \ub0b4 \ubab8\uc774 \uc218\uace0\ub85c\uc6cc\uc57c<br>\n \ub0b4\uc77c \ub0b4 \ub9c8\uc74c\uc774 \ud48d\uc694\ub86d\uac70\ub298<br>\n \ubb34\uc5c7\uc774\ub4e0 \uc27d\uac8c \uad6c\ud558\ub824 \ud558\uc9c0\ub9c8\ub77c\n <\/p>\n <p>\n \ub208\ubb3c \uc5c6\ub294 \uc0b6\uc744 \ubc14\ub77c\uc9c0 \ub9c8\ub77c<br>\n \uc6b8\uc9c0 \uc54a\uace0 \ud0dc\uc5b4\ub0a0 \uc218 \uc5c6\ub4ef<br>\n \uc6b8\uc9c0 \uc54a\uace0\ub294 \uc0b4\uc544\uac08 \uc218 \uc5c6\ub294 \uc138\uc0c1<br>\n \ud558\ub8e8\ub97c \uc0ac\ub294 \ub370\ub3c4 \uac71\uc815\uc774 \ub9ce\uac70\ub298<br>\n \ud55c\ud3c9\uc0dd \uc0ac\ub294 \ub370\uc57c \ub9d0\ud574\uc11c \ubb34\uc5c7\ud558\ub9ac.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-4xl mx-auto px-6 py-24 text-center\">\n <div class=\"mb-12\">\n <p class=\"text-xl serif text-gray-800 leading-relaxed\">\n \uc774 \uae00\uc744 \uc77d\uc73c\uc2dc\ub294 \uc5ec\ub7ec\ubd84!<br>\n \uace0\ud1b5\uacfc \uc2dc\ub828\uc744 \uae30\ud544\ucf54 \uacac\ub514\uace0 \uc774\uaca8\ub0b4\uc5b4<br>\n \ub298 \uac74\uac15\ud558\uc2dc\uace0 \ud589\ubcf5\ud558\uc2dc\uae30\ub97c \uae30\uc6d0\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"inline-flex flex-col items-center\">\n <span class=\"text-red-500 text-3xl mb-2\">\u2764\ufe0f<\/span>\n <span class=\"text-lg font-bold text-amber-900\">\uc9c4\uc815\uc73c\ub85c \uc0ac\ub791\ud569\ub2c8\ub2e4<\/span>\n <\/div>\n <\/section>\n<\/main>\n\n<footer class=\"bg-stone-100 py-10 text-center text-sm text-gray-500\">\n <p>\u00a9 2024 \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798. All text remains original.<\/p>\n<\/footer>\n\n<script>\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ Chart.js Implementation\n const ctx = document.getElementById('handelChart').getContext('2d');\n \n new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['\ud65c\ub3d9\uae30', '\uac74\uac15 \uc545\ud654', '\uc7ac\uc0b0 \ud0d5\uc9c4', '\ucc44\ubb34 \ub204\uc801', '\uac10\uc625 \uc218\uac10', '\ud560\ub810\ub8e8\uc57c \uc791\uace1'],\n datasets: [\n {\n label: '\uace0\ub09c \uc9c0\uc218',\n data: [10, 40, 70, 85, 100, 20],\n borderColor: 'rgba(248, 113, 113, 1)',\n backgroundColor: 'rgba(248, 113, 113, 0.1)',\n borderWidth: 2,\n fill: true,\n tension: 0.4,\n pointRadius: 5\n },\n {\n label: '\ucc3d\uc791 \uc5f4\uc815',\n data: [50, 30, 20, 15, 60, 100],\n borderColor: 'rgba(245, 158, 11, 1)',\n backgroundColor: 'rgba(245, 158, 11, 0.1)',\n borderWidth: 3,\n fill: true,\n tension: 0.4,\n pointRadius: 5\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n mode: 'index',\n intersect: false,\n padding: 12,\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n titleColor: '#333',\n bodyColor: '#666',\n borderColor: '#e5e7eb',\n borderWidth: 1\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n display: false\n },\n x: {\n grid: {\n display: false\n },\n ticks: {\n font: {\n size: 11\n }\n }\n }\n }\n }\n });\n\n \/\/ Navigation Active State on Scroll\n window.addEventListener('scroll', () => {\n let current = '';\n const sections = document.querySelectorAll('section');\n const navLinks = document.querySelectorAll('.nav-link');\n \n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n if (pageYOffset >= sectionTop - 100) {\n current = section.getAttribute('id');\n }\n });\n\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('onclick').includes(current)) {\n link.classList.add('active');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>[\uac80\uc0c9\ud558\uace0 \uc2f6\uc740 \uae00\uc790\ub97c \ub204\ub974\uace0, \ud558\ub2e8\uc744 \uc704\ub85c \uc4f8\uc5b4 \uc62c\ub824 \uc6f9\uac80\uc0c9 \ud574\ubcf4\uc138\uc694 !] \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798 Life’s Song \ud504\ub864\ub85c\uadf8 \ud5e8\ub378\uc758 \uace0\ub09c \uc2dc\uac01\ud654 \uc774\ucc44\uc758 \uc2dc \ud83c\udf0a “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4” \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4. \ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774 […]<\/p>\n","protected":false},"author":1,"featured_media":12102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","pgc_sgb_lightbox_settings":"","fifu_image_url":"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png","fifu_image_alt":"","footnotes":""},"categories":[15],"tags":[],"class_list":["post-12096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-15"],"views":24,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",150,100,false],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",300,200,false],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",768,512,false],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"[\uac80\uc0c9\ud558\uace0 \uc2f6\uc740 \uae00\uc790\ub97c \ub204\ub974\uace0, \ud558\ub2e8\uc744 \uc704\ub85c \uc4f8\uc5b4 \uc62c\ub824 \uc6f9\uac80\uc0c9 \ud574\ubcf4\uc138\uc694 !] \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798 Life’s Song \ud504\ub864\ub85c\uadf8 \ud5e8\ub378\uc758 \uace0\ub09c \uc2dc\uac01\ud654 \uc774\ucc44\uc758 \uc2dc \ud83c\udf0a “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4” \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4. \ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774…","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12096"}],"version-history":[{"count":6,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096\/revisions"}],"predecessor-version":[{"id":12106,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096\/revisions\/12106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12102"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

[\uac80\uc0c9\ud558\uace0 \uc2f6\uc740 \uae00\uc790\ub97c \ub204\ub974\uace0, \ud558\ub2e8\uc744 \uc704\ub85c \uc4f8\uc5b4 \uc62c\ub824 \uc6f9\uac80\uc0c9 \ud574\ubcf4\uc138\uc694 !]<\/strong><\/p>\n\n\n

\n
$\"\"$ <\/figure>\n<\/div>\n\n\n\n\n\n \n \n \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+KR:wght@300;400;700&family=Noto+Sans+KR:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n background-color: #fdfbf7;\n color: #333;\n scroll-behavior: smooth;\n }\n .serif {\n font-family: 'Noto Serif KR', serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n .fade-in {\n animation: fadeIn 1.5s ease-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .gradient-bg {\n background: linear-gradient(135deg, #fdfbf7 0%, #f5eee6 100%);\n }\n .nav-link.active {\n color: #b45309;\n border-bottom: 2px solid #b45309;\n }\n <\/style>\n<\/head>\n<body class=\"gradient-bg\">\n\n\n\n\n\n\n\n\n\n<nav class=\"fixed top-0 w-full bg-white\/80 backdrop-blur-md shadow-sm z-50\">\n <div class=\"max-w-5xl mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-xl font-bold text-amber-800 serif\">Life’s Song<\/div>\n <div class=\"hidden md:flex space-x-8 text-sm font-medium\">\n <button onclick=\"scrollToSection('hero')\" class=\"nav-link hover:text-amber-700 transition\">\ud504\ub864\ub85c\uadf8<\/button>\n <button onclick=\"scrollToSection('handel')\" class=\"nav-link hover:text-amber-700 transition\">\ud5e8\ub378\uc758 \uace0\ub09c<\/button>\n <button onclick=\"scrollToSection('viz')\" class=\"nav-link hover:text-amber-700 transition\">\uc2dc\uac01\ud654<\/button>\n <button onclick=\"scrollToSection('poem')\" class=\"nav-link hover:text-amber-700 transition\">\uc774\ucc44\uc758 \uc2dc<\/button>\n <\/div>\n <\/div>\n<\/nav>\n\n<main class=\"pt-24 pb-20\">\n \n <section id=\"hero\" class=\"max-w-4xl mx-auto px-6 py-16 text-center fade-in\">\n <div class=\"mb-8 inline-block p-3 bg-amber-50 rounded-full text-amber-700\">\n <span class=\"text-3xl\">\ud83c\udf0a<\/span>\n <\/div>\n <h1 class=\"text-3xl md:text-4xl font-bold serif mb-10 leading-tight\">\n “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74<br>\n \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4”\n <\/h1>\n <p class=\"text-lg text-gray-600 leading-relaxed max-w-2xl mx-auto mb-10\">\n \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74<br>\n \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4.\n <\/p>\n <div class=\"h-1 w-20 bg-amber-200 mx-auto\"><\/div>\n <\/section>\n\n \n <section id=\"handel\" class=\"max-w-5xl mx-auto px-6 py-20\">\n <div class=\"mb-12\">\n <h2 class=\"text-2xl font-bold serif border-l-4 border-amber-600 pl-4 mb-4\">\ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791<\/h2>\n <p class=\"text-gray-600\">\ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774 \uacaa\uc740 \uc2dc\ub828\uc758 \uacfc\uc815\uc744 \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\ud83d\udcc9<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ubaa8\ub4e0 \uac83\uc744 \uc783\uc74c<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uac74\uac15\uc774 \ub9e4\uc6b0 \ub098\ube60\uc838 \ubcd1\uc744 \uace0\uce58\uae30 \uc704\ud574 \uc7ac\uc0b0\uc744 \ubaa8\ub450 \ud0d5\uc9c4\ud558\uace0, \ub3c8\uc774 \ubaa8\uc790\ub77c\uc11c \ub0a8\uc758 \ub3c8\uc744 \ube4c\ub824 \uc37c\uc2b5\ub2c8\ub2e4. \uac74\uac15\ub3c4 \ucc3e\uc9c0 \ubabb\ud588\uace0 \ub3c8\ub3c4 \uac1a\uc9c0 \ubabb\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\u26d3\ufe0f<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ube44\ucc38\ud55c \uac10\uc625 \uc0dd\ud65c<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uacb0\uad6d\uc740 \ubc18\uc2e0\ubd88\uc218\uc758 \ube44\ucc38\ud55c \uc0c1\ud0dc\ub85c \uac10\uc625\uc5d0 \uac07\ud788\uace0 \ub9d0\uc558\uc2b5\ub2c8\ub2e4. \uadf8\ub294 \ubd88\ud589\ud588\uace0 \uace0\ud1b5\uc2a4\ub7ec\uc6e0\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-amber-100 hover:shadow-md transition\">\n <div class=\"text-amber-600 text-2xl mb-4\">\ud83c\udfb5<\/div>\n <h3 class=\"font-bold text-lg mb-3\">\ud560\ub810\ub8e8\uc57c\uc758 \ud0c4\uc0dd<\/h3>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \uc5f0\uc8fc\ub97c \ub4e3\ub358 \uc655\ub3c4 \uc77c\uc5b4\uc130\ub2e4\ub294 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\ub97c \uc791\uace1\ud55c \uacf3\uc740 \ubc14\ub85c \uc774 \uac10\uc625\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ud63c\uc2e0\uc758 \ud798\uc744 \ub2e4\ud574 \uc5f4\uc815\uc744 \ubd88\uc0b4\ub790\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"viz\" class=\"bg-white py-20 border-y border-amber-50\">\n <div class=\"max-w-5xl mx-auto px-6 text-center\">\n <h2 class=\"text-2xl font-bold serif mb-6\">\uace0\ub09c\uc758 \uae4a\uc774\uc640 \uc608\uc220\uc758 \uacb0\uc2e4<\/h2>\n <p class=\"text-gray-600 mb-10 max-w-2xl mx-auto\">\n \ud5e8\ub378\uc758 \uc778\uc0dd \uadf8\ub798\ud504\ub97c \ud1b5\ud574 \uc2dc\ub828\uc774 \uc5b4\ub5bb\uac8c \ucc3d\uc870\uc801 \uc5f4\uc815\uc73c\ub85c \ubcc0\ubaa8\ud588\ub294\uc9c0 \ud655\uc778\ud574\ubcf4\uc138\uc694.\n \uac00\uc7a5 \uae4a\uc740 \uace8\uc9dc\uae30\uc5d0\uc11c \uac00\uc7a5 \ub192\uc740 \ub178\ub798\uac00 \uc6b8\ub824 \ud37c\uc84c\uc2b5\ub2c8\ub2e4.\n <\/p>\n \n <div class=\"chart-container mb-10\">\n <canvas id=\"handelChart\"><\/canvas>\n <\/div>\n\n <div class=\"mt-8 flex justify-center space-x-4\">\n <div class=\"flex items-center text-xs text-gray-500\">\n <span class=\"w-3 h-3 bg-red-400 rounded-full mr-2\"><\/span> \uace0\ub09c \uc9c0\uc218\n <\/div>\n <div class=\"flex items-center text-xs text-gray-500\">\n <span class=\"w-3 h-3 bg-amber-500 rounded-full mr-2\"><\/span> \ucc3d\uc791 \uc5f4\uc815\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-3xl mx-auto px-6 py-24 text-center\">\n <h2 class=\"text-2xl font-bold serif mb-8\">\uc81c2\uc758 \uc778\uc0dd\uc744 \ucc3d\ucd9c\ud558\uba70<\/h2>\n <div class=\"bg-amber-50 p-10 rounded-3xl relative\">\n <span class=\"absolute -top-5 left-1\/2 -translate-x-1\/2 text-4xl\">\u2728<\/span>\n <p class=\"text-lg leading-relaxed text-gray-700 italic\">\n \uc6b0\ub9ac\ub4e4\ub3c4 \uc778\uc0dd \uc0b4\uc544\uac00\uba74\uc11c \uc5b4\ub5a0\ud55c \uace0\ud1b5\uacfc \uc2dc\ub828\uc774 \uc628\ub2e4\ud574\ub3c4 \uc2e4\ub9dd\ud558\uace0 \uc88c\uc808\ud558\uc5ec \uc4f0\ub7ec\uc9c0\ub294 \uc790\uac00 \uc544\ub2c8\ub77c,\n <strong>\uc624\ub69c\uae30\ucc98\ub7fc \uadf8 \uace0\ud1b5\uacfc \uc2dc\ub828\uc744 \ub51b\uace0 \uc77c\uc5b4\ub098<\/strong> \ud5e8\ub378\ucc98\ub7fc \uc81c2\uc758 \uc778\uc0dd\uc744 \ucc3d\ucd9c\ud558\ub294 \uc0ac\ub78c\uc774 \ub418\uc5b4\uc57c \ud558\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section id=\"poem\" class=\"max-w-4xl mx-auto px-6 py-20 bg-stone-50 rounded-[3rem] shadow-inner\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold serif mb-4\">\ub208\ubb3c \uc5c6\ub294 \uc778\uc0dd\uc774 \uc5b4\ub514 \uc788\uc73c\ub7b4<\/h2>\n <p class=\"text-amber-800 font-medium\">\uc774\ucc44\uc758 \uc2dc(\u8a69)<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-12 items-start\">\n <div class=\"space-y-6 text-gray-700 leading-loose text-center md:text-right border-r-0 md:border-r border-stone-200 pr-0 md:pr-12\">\n <p>\n \ube44\uac00 \uc0b0\uacfc \ub4e4\uc744 \uac00\ub824\uc11c \ub0b4\ub9ac\uace0<br>\n \ubc14\ub78c\uc774 \ub098\ubb34\uc640 \ud480\uc744 \uac00\ub824\uc11c \ubd88\ub358\uac00<br>\n \ubc14\uc704\ud2c8 \uc791\uc740 \ud480\uaf43\uc5d0\ub3c4 \ube44\ub294 \ub0b4\ub9ac\uace0<br>\n \uac08\ub300\ubc2d \ud480\ubc8c\ub808 \uc18c\ub9ac\uc5d0\ub3c4 \ubc14\ub78c\uc740 \ub2e4\ub140\uac00\ub124\n <\/p>\n <p>\n \ud48d\ub791\uc774 \uce58\uace0 \ud574\uc77c\uc774 \uc77c\ub2e4\uac00\ub3c4<br>\n \ud30c\uc544\ub780 \ud558\ub298\uc774 \uc5bc\uad74\uc744 \ub0b4\ubc00\uba74<br>\n \uc81c \uac00\uc2b4 \uc4f8\uc5b4\uc548\uace0 \uace0\uc694\ud574\uc9c0\ub294 \ubc14\ub2e4\uc5ec<br>\n \uc0b4\ub2e4\ubcf4\uba74 \ub204\uad6c\ub098 \uc6b8\uace0 \uc2f6\uc744 \ub54c\uac00 \uc788\ub2e4<br>\n \uc6b8\uc5b4\uc57c \ud560 \ub54c\uac00 \uc788\ub2e4\n <\/p>\n <\/div>\n <div class=\"space-y-6 text-gray-700 leading-loose text-center md:text-left pl-0 md:pl-12\">\n <p>\n \uace0\ub09c \uc5c6\ub294 \uc0b6\uc744 \ubc14\ub77c\uc9c0 \ub9c8\ub77c<br>\n \uace0\ub09c\uc740 \uacac\ub51c \uc218 \uc788\uc744 \ub9cc\ud07c \uc8fc\uc5b4\uc9c0\ub294 \uc544\ud514\uc774\uace0<br>\n \ubcf4\ub78c\uc740 \uacac\ub38c\ub0b8 \ub9cc\ud07c \uc5bb\uc5b4\uc9c0\ub294 \uae30\uc068\uc774\ub2e4.<br>\n \uc624\ub298 \ub0b4 \ubab8\uc774 \uc218\uace0\ub85c\uc6cc\uc57c<br>\n \ub0b4\uc77c \ub0b4 \ub9c8\uc74c\uc774 \ud48d\uc694\ub86d\uac70\ub298<br>\n \ubb34\uc5c7\uc774\ub4e0 \uc27d\uac8c \uad6c\ud558\ub824 \ud558\uc9c0\ub9c8\ub77c\n <\/p>\n <p>\n \ub208\ubb3c \uc5c6\ub294 \uc0b6\uc744 \ubc14\ub77c\uc9c0 \ub9c8\ub77c<br>\n \uc6b8\uc9c0 \uc54a\uace0 \ud0dc\uc5b4\ub0a0 \uc218 \uc5c6\ub4ef<br>\n \uc6b8\uc9c0 \uc54a\uace0\ub294 \uc0b4\uc544\uac08 \uc218 \uc5c6\ub294 \uc138\uc0c1<br>\n \ud558\ub8e8\ub97c \uc0ac\ub294 \ub370\ub3c4 \uac71\uc815\uc774 \ub9ce\uac70\ub298<br>\n \ud55c\ud3c9\uc0dd \uc0ac\ub294 \ub370\uc57c \ub9d0\ud574\uc11c \ubb34\uc5c7\ud558\ub9ac.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-4xl mx-auto px-6 py-24 text-center\">\n <div class=\"mb-12\">\n <p class=\"text-xl serif text-gray-800 leading-relaxed\">\n \uc774 \uae00\uc744 \uc77d\uc73c\uc2dc\ub294 \uc5ec\ub7ec\ubd84!<br>\n \uace0\ud1b5\uacfc \uc2dc\ub828\uc744 \uae30\ud544\ucf54 \uacac\ub514\uace0 \uc774\uaca8\ub0b4\uc5b4<br>\n \ub298 \uac74\uac15\ud558\uc2dc\uace0 \ud589\ubcf5\ud558\uc2dc\uae30\ub97c \uae30\uc6d0\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <div class=\"inline-flex flex-col items-center\">\n <span class=\"text-red-500 text-3xl mb-2\">\u2764\ufe0f<\/span>\n <span class=\"text-lg font-bold text-amber-900\">\uc9c4\uc815\uc73c\ub85c \uc0ac\ub791\ud569\ub2c8\ub2e4<\/span>\n <\/div>\n <\/section>\n<\/main>\n\n<footer class=\"bg-stone-100 py-10 text-center text-sm text-gray-500\">\n <p>\u00a9 2024 \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798. All text remains original.<\/p>\n<\/footer>\n\n<script>\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ Chart.js Implementation\n const ctx = document.getElementById('handelChart').getContext('2d');\n \n new Chart(ctx, {\n type: 'line',\n data: {\n labels: ['\ud65c\ub3d9\uae30', '\uac74\uac15 \uc545\ud654', '\uc7ac\uc0b0 \ud0d5\uc9c4', '\ucc44\ubb34 \ub204\uc801', '\uac10\uc625 \uc218\uac10', '\ud560\ub810\ub8e8\uc57c \uc791\uace1'],\n datasets: [\n {\n label: '\uace0\ub09c \uc9c0\uc218',\n data: [10, 40, 70, 85, 100, 20],\n borderColor: 'rgba(248, 113, 113, 1)',\n backgroundColor: 'rgba(248, 113, 113, 0.1)',\n borderWidth: 2,\n fill: true,\n tension: 0.4,\n pointRadius: 5\n },\n {\n label: '\ucc3d\uc791 \uc5f4\uc815',\n data: [50, 30, 20, 15, 60, 100],\n borderColor: 'rgba(245, 158, 11, 1)',\n backgroundColor: 'rgba(245, 158, 11, 0.1)',\n borderWidth: 3,\n fill: true,\n tension: 0.4,\n pointRadius: 5\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n mode: 'index',\n intersect: false,\n padding: 12,\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n titleColor: '#333',\n bodyColor: '#666',\n borderColor: '#e5e7eb',\n borderWidth: 1\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n display: false\n },\n x: {\n grid: {\n display: false\n },\n ticks: {\n font: {\n size: 11\n }\n }\n }\n }\n }\n });\n\n \/\/ Navigation Active State on Scroll\n window.addEventListener('scroll', () => {\n let current = '';\n const sections = document.querySelectorAll('section');\n const navLinks = document.querySelectorAll('.nav-link');\n \n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n if (pageYOffset >= sectionTop - 100) {\n current = section.getAttribute('id');\n }\n });\n\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('onclick').includes(current)) {\n link.classList.add('active');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>[\uac80\uc0c9\ud558\uace0 \uc2f6\uc740 \uae00\uc790\ub97c \ub204\ub974\uace0, \ud558\ub2e8\uc744 \uc704\ub85c \uc4f8\uc5b4 \uc62c\ub824 \uc6f9\uac80\uc0c9 \ud574\ubcf4\uc138\uc694 !] \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798 Life’s Song \ud504\ub864\ub85c\uadf8 \ud5e8\ub378\uc758 \uace0\ub09c \uc2dc\uac01\ud654 \uc774\ucc44\uc758 \uc2dc \ud83c\udf0a “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4” \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4. \ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774 […]<\/p>\n","protected":false},"author":1,"featured_media":12102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","pgc_sgb_lightbox_settings":"","fifu_image_url":"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png","fifu_image_alt":"","footnotes":""},"categories":[15],"tags":[],"class_list":["post-12096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-15"],"views":24,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",150,100,false],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",300,200,false],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",768,512,false],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/\ud5e8\ub378\uc758-\ubaa8\uc2b5-1024x683.png",1024,683,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"[\uac80\uc0c9\ud558\uace0 \uc2f6\uc740 \uae00\uc790\ub97c \ub204\ub974\uace0, \ud558\ub2e8\uc744 \uc704\ub85c \uc4f8\uc5b4 \uc62c\ub824 \uc6f9\uac80\uc0c9 \ud574\ubcf4\uc138\uc694 !] \uace0\ub09c\uacfc \uc2dc\ub828\uc744 \uc774\uaca8\ub0b4\ub294 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798 Life’s Song \ud504\ub864\ub85c\uadf8 \ud5e8\ub378\uc758 \uace0\ub09c \uc2dc\uac01\ud654 \uc774\ucc44\uc758 \uc2dc \ud83c\udf0a “\ud750\ub974\ub294 \uc2dc\ub0c7\ubb3c\uc5d0\uc11c \ub3cc\ub4e4\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uadf8 \ub0c7\ubb3c\uc740 \ub178\ub798\ub97c \uc783\uc5b4\ubc84\ub9b0\ub2e4” \uc6b0\ub9ac\uc758 \uc778\uc0dd\uc5d0 \uace0\ub09c\uacfc \uc2dc\ub828\uc758 \ub3cc\uc744 \uce58\uc6cc \ubc84\ub9ac\uba74 \uc544\ub984\ub2e4\uc6b4 \ub178\ub798\ub97c \ub4e4\uc744 \uc218 \uc5c6\uac8c \ub429\ub2c8\ub2e4. \ud5e8\ub378\uc758 \ubd88\ud6c4\uc758 \uba85\uc791 \ubd88\ud6c4\uc758 \uba85\uc791 <\ud560\ub810\ub8e8\uc57c>\uac00 \ud0c4\uc0dd\ud558\uae30\uae4c\uc9c0, \ud5e8\ub378\uc774…","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12096"}],"version-history":[{"count":6,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096\/revisions"}],"predecessor-version":[{"id":12106,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12096\/revisions\/12106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12102"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}