{"id":12176,"date":"2026-08-29T07:09:09","date_gmt":"2026-08-29T07:09:09","guid":{"rendered":"https:\/\/h9988.cbox.kr\/?p=12176"},"modified":"2026-08-29T21:15:10","modified_gmt":"2026-08-29T21:15:10","slug":"100%ec%82%b4%ec%9d%98-%eb%b9%84%ea%b2%b0","status":"publish","type":"post","link":"https:\/\/h9988.cbox.kr\/?p=12176","title":{"rendered":"[100\uc0b4\uc758 \ube44\uacb0]"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n\n \n 100\uc0b4\uc758 \ube44\uacb0<\/title>\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Google Fonts (Noto Sans KR) -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n <!-- FontAwesome \uc544\uc774\ucf58 -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <style>\n body {\n font-family: 'Noto Sans KR', sans-serif;\n -webkit-tap-highlight-color: transparent;\n }\n \n \/* \ud604\uc7ac \uc77d\uace0 \uc788\ub294 \ubb38\ub2e8 \ud558\uc774\ub77c\uc774\ud2b8 \ud6a8\uacfc *\/\n .highlight {\n background-color: #fef9c3 !important;\n border-left-color: #f59e0b !important;\n color: #111827 !important;\n font-weight: 500;\n transform: scale(1.02) translateX(4px);\n box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n z-index: 10;\n position: relative;\n }\n \n \/* \ubb38\ub2e8 \uce74\ub4dc \uc778\ud130\ub799\uc158 \uc2a4\ud0c0\uc77c *\/\n .text-chunk {\n padding: 1.25rem 1.5rem;\n border-radius: 1rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n line-height: 2.1;\n color: #374151;\n border-left: 4px solid transparent;\n cursor: pointer;\n background-color: transparent;\n }\n \n .text-chunk:hover, .text-chunk:active {\n background-color: #ffffff;\n border-left-color: #93c5fd;\n box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);\n transform: translateX(4px);\n color: #111827;\n }\n\n .title-chunk {\n border-left: none !important;\n background-color: transparent !important;\n box-shadow: none !important;\n cursor: default;\n }\n\n \/* \uc544\uc774\ud3f0 \ud558\ub2e8 Safe Area \ub300\uc751 \uc5ec\ubc31 *\/\n .safe-bottom {\n padding-bottom: max(1rem, env(safe-area-inset-bottom));\n }\n <\/style>\n\n\n\n <!-- \ubc30\uacbd \uc74c\uc545 \uc624\ub514\uc624 \uc694\uc18c -->\n <audio id=\"bgmAudio\" loop=\"\" preload=\"auto\">\n <source src=\"https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/16-\uadf8\ub300.mp3\" type=\"audio\/mpeg\">\n \ube0c\ub77c\uc6b0\uc800\uac00 \uc624\ub514\uc624 \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n <\/audio>\n\n <!-- \ubcf8\ubb38 \ucf58\ud150\uce20 \uce74\ub4dc -->\n <div class=\"max-w-3xl mx-auto px-5 sm:px-10 py-10 mt-6 sm:mt-10 bg-white\/85 backdrop-blur-md shadow-[0_20px_50px_rgba(8,_112,_184,_0.08)] rounded-3xl border border-white\">\n \n <h1 class=\"text-chunk title-chunk text-3xl sm:text-4xl font-extrabold text-center text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600 mb-8 pb-6 border-b-2 border-dashed border-indigo-100\">\n 100\uc0b4\uc758 \ube44\uacb0\n <\/h1>\n\n <div id=\"content-container\" class=\"space-y-3 text-[1.05rem] font-light tracking-wide\">\n <p class=\"text-chunk\">\ud2b9\uc815 \ub2e8\uc5b4\ub97c \ub20c\ub7ec\uc11c \uc6f9\uac80\uc0c9\uc744 \ud574\ubcf4\uc138\uc694 !<\/p>\n <p class=\"text-chunk\">\uc80a\uc740 \uc138\ud3ec\uc640 \ub299\uc740 \uc138\ud3ec\uc5d0 \ub3d9\uc77c\ud55c \uc790\uadf9\uc744 \uc92c\ub2e4.<\/p>\n \n <p class=\"text-chunk\">\uc790\uc678\uc120\ub3c4 \uc3d8\uc774\uace0, \ud654\ud559\ubb3c\uc9c8 \ucc98\ub9ac\ub3c4 \ud588\ub2e4.<br>\uc800\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c\ub294 \ucc28\uc774\uac00 \uc5c6\uc5c8\ub2e4.<br>\uadf8\ub7ec\ub098, \uace0\uac15\ub3c4 \uc790\uadf9\uc744 \ud558\uc790 \uc608\uc0c1\uacfc\ub294 \ubc18\ub300\uc758 \uacb0\uacfc\uc600\ub2e4.<br>\uace0\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c \uc80a\uc740 \uc138\ud3ec\ub294 \ubc18\uc751\ud558\ub2e4 \uc8fd\uc5c8\uc9c0\ub9cc, \ub299\uc740 \uc138\ud3ec\ub294 \uc8fd\uc9c0 \uc54a\uc558\ub2e4.<\/p>\n \n <p class=\"text-chunk\">2\ub144 \uc774\uc0c1 \uac19\uc740 \uc2e4\ud5d8\uc744 \ud588\ub2e4. \uacb0\uacfc\ub294 \uac19\uc558\ub2e4.<br>\uadf8\ub798\uc11c \ub0b4\ub9b0 \uacb0\ub860\uc774 \u2018\ub178\ud654\ub294 \uc99d\uc2dd\uc744 \ud3ec\uae30\ud55c \ub300\uc2e0, \uc0dd\uc874\uc744 \ucd94\uad6c\ud55c\ub2e4\u2019\uc600\ub2e4.<br>\ud3c9\uc0dd \ub178\ud654\ub97c \uc5f0\uad6c\ud574 \uc628 \ubc15\uc0c1\ucca0 \uc804\ub0a8\ub300 \uc11d\uc88c\uad50\uc218\ub294 \uc774 \uc5f0\uad6c \uacb0\uacfc\ub97c \ubcf4\uace0 \ub178\ud654\uc5d0 \ub300\ud55c \uc778\uc2dd\uc744 \ud655 \ubc14\uafe8\ub2e4.<\/p>\n\n <p class=\"text-chunk font-medium text-blue-900\">\u201c\ub178\ud654\ub294 \uc8fd\uae30 \uc704\ud55c \uacfc\uc815\uc774 \uc544\ub2c8\ub77c \uc0b4\uc544\ub0a8\uae30 \uc704\ud574 \ucd5c\uc120\uc744 \ub2e4\ud558\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4.\u201d<br><span class=\"font-light text-gray-600 mt-2 inline-block\">\ubc15 \uad50\uc218\uac00 \ub178\ud654\uacfc\uc815\uc744 \uae0d\uc815\uc801\uc73c\ub85c \ubcf4\uace0, \ub2f9\ub2f9\ud558\uac8c \ub299\uc74c\uc744 \ub9de\uc774\ud574\uc57c \ud55c\ub2e4\uace0 \uc8fc\uc7a5\ud558\ub294 \uc774\uc720\uc774\ub2e4.<\/span><\/p>\n\n <p class=\"text-chunk\">\uc0dd\uba85\uc740 \uc8fd\uae30 \uc704\ud574 \ud0dc\uc5b4\ub09c \uac83\uc774 \uc544\ub2c8\ub77c, \uc0b4\uae30 \uc704\ud574 \ud0dc\uc5b4\ub09c \uc874\uc7ac\uc774\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\ucd5c\uadfc \uc11c\uc6b8 \uc778\uc0ac\ub3d9\uc758 \ud55c \uce74\ud398\uc5d0\uc11c \ubc15 \uad50\uc218\ub97c \ub9cc\ub0ac\ub2e4.<br>\u2018\uc7a5\uc218\uc758 \ube44\ubc00\uc744 \uc544\ub294 \uc0ac\ub098\uc774\u2019\ub77c\ub294 \ubcc4\uba85\uc744 \uac00\uc9c4 \ubc15 \uad50\uc218\ub294 \uc138\uacc4\uc801\uc778 \uc7a5\uc218 \uacfc\ud559\uc790\uc774\ub2e4.<br>\ucd5c\uadfc \ud55c \uc138\ubbf8\ub098\uc5d0\uc11c \ubc15 \uad50\uc218\ub294 \u2018\ub299\uc9c0 \uc54a\uace0, \uc544\ud504\uc9c0 \uc54a\uae30 \uc704\ud55c \uba39\uac70\ub9ac\u2019\uc5d0 \ub300\ud574 \uc774\uc57c\uae30\ud588\ub2e4.<\/p>\n\n <p class=\"text-chunk\">10\ub144 \uc774\uc0c1 \ud55c\uad6d\uacfc \uc138\uacc4\uc758 \ubc31\uc138\uc778\ub4e4\uc744 \uc9c1\uc811 \ub9cc\ub098\uba70 \uadf8\ub4e4\uc758 \uc2dd\uc2b5\uad00\uc744 \uad00\ucc30\ud55c \ubc15 \uad50\uc218\ub294 \ud55c\uad6d \ud2b9\uc720\uc758 \uc7a5\uc218 \uba39\uac70\ub9ac\ub97c \ucc3e\uc544\ub0c8\ub2e4\uace0 \ud55c\ub2e4.<br>\ud604\ub300\ud310 \ubd88\ub85c\ucd08\uc778 \uc148\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\u25cb \uadf8 \uccab \ubc88\uc9f8 \ubd88\ub85c\ucd08\uac00 \ubc14\ub85c \ub4e4\uae7b\uc78e\uc774\uc5c8\ub2e4.<br>\uad6d\ub0b4 \ucd5c\uace0 \uc7a5\uc218\uc9c0\uc5ed\uc778 \uad6c\ub840, \uace1\uc131, \uc21c\ucc3d, \ub2f4\uc591 \ub4f1\uc758 \uc7a5\uc218\ub9c8\uc744 \uc8fc\ubbfc\ub4e4\uc758 \ub4e4\uae7b\uc78e \uc18c\ube44\ub7c9\uc774 \ub2e4\ub978 \uc9c0\uc5ed\uc5d0 \ube44\ud574 \ud6e8\uc52c \ub9ce\uc558\ub2e4.<br>\uc774\ub4e4 \uc8fc\ubbfc\uc740 \ub4e4\uae7b\uc78e\uc744 \ub0a0\ub85c \uba39\uac70\ub098 \uc808\uc5ec \uba39\uc5c8\ub2e4. \ub4e4\uae7b\uc78e\uc758 \ud6a8\uc6a9\uc744 \ubd84\uc11d\ud588\ub2e4.<br>\u201c\ub4e4\uae68\uac00 \uc624\uba54\uac00 3 \uc9c0\ubc29\uc0b0\uc758 \uc8fc\uc694 \uacf5\uae09\uc6d0 \uc5ed\ud560\uc744 \ud588\uc5b4\uc694.<br>\ub4e4\uae30\ub984\uc5d0 \ub098\ubb3c\uc744 \ubb34\uce58\uace0, \uc804\uc744 \uc9c0\uc9c0\uace0, \ub4e4\uae7b\uc78e\uc744 \ub0a0\ub85c, \ud639\uc740 \ub41c\uc7a5\uc774\ub098 \uac04\uc7a5\uc5d0 \uc808\uc5ec \ub4dc\uc168\uc5b4\uc694.<br>\ub4e4\uae7b\uac00\ub8e8\ub294 \ucd94\uc5b4\ud0d5 \ub4f1\uc5d0 \ub4ec\ubfcd \ub123\uc5b4 \ub4dc\uc2dc\ub354\uad70\uc694.\u201d<br>\uace0\ub4f1\uc5b4, \uc5f0\uc5b4 \ub4f1\uc5d0 \ub9ce\uc740 \uc624\uba54\uac00 3 \uc9c0\ubc29\uc0b0\uc740 \ud544\uc218 \uc9c0\ubc29\uc0b0\uc73c\ub85c \ud544\uc218\uc801\uc778 \uc7a5\uc218 \uc601\uc591\uc18c\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\u25cb \ub450 \ubc88\uc9f8 \ud55c\uc2dd\uc5d0\uc11c \ucc3e\uc544\ub0b8 \ubd88\ub85c \uc2dd\ud488\uc774 \ub41c\uc7a5, \uac04\uc7a5, \uccad\uad6d\uc7a5, \uae40\uce58 \ub4f1\uc758 \ubc1c\ud6a8\uc2dd\ud488\uc774\uc5c8\ub2e4.<br>\u201c\uc721\uc2dd\ud558\uc9c0 \uc54a\uc73c\uba74 \ube44\ud0c0\ubbfc B12\uac00 \ubd80\uc871 \ud569\ub2c8\ub2e4.<br>\uc774 \uc601\uc591\ubd84\uc740 \uc870\ud608 \uae30\ub2a5\ubfd0 \uc544\ub2c8\ub77c \ub1cc \uc2e0\uacbd \uae30\ub2a5 \ud1f4\ud654 \ubc29\uc9c0\uc5d0 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<br>\uadf8\ub7f0\ub370 \uc6b0\ub9ac\ub098\ub77c \ubc31\uc138\uc778\uc758 \ud608\uc911 \ube44\ud0c0\ubbfc B12 \ub18d\ub3c4\ub294 \uc815\uc0c1\uc774\uc5c8\uace0, \uc721\ub958\ub97c \uc8fc\uc2dd\uc73c\ub85c \ud558\ub294 \uc11c\uc591\uc778\ub4e4 \ubcf4\ub2e4 \ub192\uac8c \ub098\uc654\uc5b4\uc694.\u201d<br>\uc5b4\ucc0c \ub41c \uc77c\uc77c\uae4c?<br>\ubc15 \uad50\uc218\ub294 \uc5f0\uad6c \uacb0\uacfc \uc6d0\uc7ac\ub8cc\uc778 \ucf69\uc774\ub098 \ub450\ubd80, \uc57c\ucc44 \uc0c1\ud0dc\uc5d0\uc11c\ub294 \uc804\ud600 \ubc1c\uacac\ub418\uc9c0 \uc54a\ub358 \ube44\ud0c0\ubbfc B12\uac00 \ubc1c\ud6a8\uacfc\uc815\uc5d0\uc11c \uc0dd\uc131\ub41c\ub2e4\ub294 \uac83\uc744 \uc54c\uc558\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\ubc15 \uad50\uc218\ub294 \uc6b0\ub9ac \ubbfc\uc871\uc758 \uc804\ud1b5\uc2dd\ub2e8\uc774 \ubc14\ub85c \ud55c\ub958 \ucf00\uc774-\ub2e4\uc774\uc5b4\ud2b8\uc758 \ud575\uc2ec\uc774\ub77c\uace0 \ud55c\ub2e4.<br>\uc138\uacc4\uc801\uc73c\ub85c \ub300\ud45c\uc801\uc778 \uc7a5\uc218 \uc2dd\ub2e8\uc73c\ub85c \uc54c\ub824\uc9c4 \uc9c0\uc911\ud574 \uc2dd\ub2e8\uc5d0\uc11c\ub294 \uc62c\ub9ac\ube0c \uc624\uc77c\uc744 \ub9ce\uc774 \uba39\uace0, \uadf8\ub9b0\ub780\ub4dc \uc2dd\ub2e8\uc5d0\uc11c\ub294 \uc0dd\uc120\uc744 \ub9ce\uc774 \uba39\ub294\ub2e4.<br>\ud55c\uad6d\uc758 \uc7a5\uc218 \uc2dd\ub2e8\uc740 \ucc44\uc18c\ub3c4 \uc2e0\uc120\ud55c \ud615\ud0dc\uac00 \uc544\ub2cc \ub370\uce58\uac70\ub098 \ubb34\uccd0 \uba39\ub294\ub370 \uc774\ub7f0 \uc870\ub9ac \uacfc\uc815\uc744 \ud1b5\ud574 \uc7a5\uc218\uc5d0 \ub3c4\uc6c0\ub418\ub294 \uc601\uc591\ubd84\uc774 \ub298\uc5b4\ub09c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\uc11c\uc6b8\ub300 \uc758\ub300\uc5d0\uc11c \uc0dd\ud654\ud559\uc744 \uc804\uacf5\ud55c \ubc15 \uad50\uc218\uac00 \ub178\ud654 \ubb38\uc81c\uc5d0 \uad00\uc2ec\uc744 \uac16\uac8c \ub41c \uac83\uc740 \uc11c\uc6b8 \ud55c\ubcf5\ud310\uc5d0 \uc788\ub294 \ud0d1\uace8 \uacf5\uc6d0\uc5d0\uc11c \ub178\uc778\ub4e4\uc774 \ubb34\ub8cc \uae09\uc2dd\ud558\ub294 \uc810\uc2ec\uc744 \uba39\uae30 \uc704\ud574 \uae38\uac8c \uc904 \uc11c \uc788\ub294 \uac83\uc744 \ubcf8 \ub4a4\uc600\ub2e4.<br>\ubb34\ub825\ud574 \ubcf4\uc600\ub2e4. \uadf8\ub798\uc11c \ub178\uc778\ub4e4\uc5d0\uac8c \ubb34\ub8cc\ub85c \uc694\ub9ac\ubc95\uc744 \uac00\ub974\uce58\uace0, \uc2dd\ub2e8\ub3c4 \uac1c\ubc1c\ud588\ub2e4.<br>\ub2f9\ub2f9\ud55c \ub178\ub144\uc744 \uc704\ud55c \ucc98\ubc29\uc774\uc5c8\ub2e4. \uc790\ub9bd\ud558\uace0 \ub3c5\ub9bd\ud558\ub294 \uae38\uc774\uae30\ub3c4 \ud588\ub2e4.<\/p>\n\n <p class=\"text-chunk font-medium text-blue-900\">\u201c\uc694\ub9ac\ub97c \ubc30\uc6b4 \ub178\uc778\ub4e4\uc740 \ud55c\uacb0\uac19\uc774 \uc694\ub9ac\uac00 \uc774\ub807\uac8c \uc26c\uc6b4 \uc904 \ubab0\ub790\ub2e4\uace0 \uc774\uc57c\uae30\ud588\uc5b4\uc694.<br>\ubb3c\ub860 \uac04\ub2e8\ud55c \uc694\ub9ac\uc774\uc9c0\ub9cc \ud55c \ubc88\ub3c4 \uc8fc\ubc29\uc77c\uc744 \ud558\uc9c0 \uc54a\uc558\ub358 \ub178\uc778\ub4e4\uc5d0\uac90 \uc0c8\ub85c\uc6b4 \uacbd\ud5d8\uc774\uc5c8\uc8e0.\u201d<\/p>\n\n <p class=\"text-chunk\">\uac74\uac15\ud55c \uc7a5\uc218\ub97c \uc704\ud574\uc120 \uc6c0\uc9c1\uc774\ub77c\uace0 \ubc15 \uad50\uc218\ub294 \uac15\uc870\ud55c\ub2e4.<br>\uc120\uc9c4\uad6d \ubc31\uc138\uc778\uc758 \ub0a8\ub140 \ube44\uc728\uc740 1\ub3004\uc5d0\uc11c 1\ub3007\ub85c \uc5ec\uc131\uc774 \ub9ce\uc740\ub370, \ud55c\uad6d\uc740 1\ub30010\uc73c\ub85c \ud604\uaca9\ud788 \uc5ec\uc131\uc774 \ub9ce\ub2e4\ub294 \uac83\uc774\ub2e4.<br>\uc774\ub294 \ud55c\uad6d \ub0a8\uc131\uc774 \uc720\ub09c\ud788 \ubab8\uc744 \uc6c0\uc9c1\uc774\uc9c0 \uc54a\uae30 \ub54c\ubb38\uc774\ub77c\uace0 \ubc15 \uad50\uc218\ub294 \uc9c4\ub2e8\ud55c\ub2e4.<\/p>\n\n <p class=\"text-chunk text-xl font-bold text-indigo-700 mt-6\">\u2666 \ub2f9\ub2f9\ud55c \ub178\ub144\uc744 \uc704\ud55c \uace8\ub4dc\uc778\uc0dd 3\uc6d0\uce59<\/p>\n\n <p class=\"text-chunk bg-indigo-50\/40\">\u25cb \uadf8 \uccab\uc9f8\ub294 \u2018\ud558\uc790\u2019 \uc785\ub2c8\ub2e4.<br>\ubb50\ub4e0\uc9c0 \ud558\uba74\uc11c \ub178\ub144\uc744 \ubcf4\ub0b4\uc57c \ud55c\ub2e4\ub294 \uac83\uc774\ub2e4.<br>\uc7a5\uc218\uc778\ub4e4\uc758 \ud2b9\uc9d5\uc740 \ub298 \ubb50\ub4e0\uc9c0 \ud55c\ub2e4\uace0 \ud588\ub2e4.<br>\ub098\uc774\uac00 \ub4e4\uc5c8\ub2e4\uace0 \uc6c0\uce20\ub9ac\uc9c0 \ub9d0\uace0 \uc801\uadf9\uc801\uc73c\ub85c \uc790\uc2e0\uc774 \uc88b\uc544\ud558\uace0, \ud560 \uc218 \uc788\ub294 \uac83\uc744 \ucc3e\uc544\uc57c \ud55c\ub2e8\ub2e4.<\/p>\n\n <p class=\"text-chunk bg-indigo-50\/40\">\u25cb \ub450 \ubc88\uc9f8\ub294 \u2018\uc8fc\uc790\u2019\uc774\ub2e4.<br>\uc790\uc2e0\uc758 \ub2a5\ub825\uc744 \uc0ac\ud68c\uc5d0 \ubd09\uc0ac\ud558\uace0 \uae30\ubd80\ud558\uba70 \ubca0\ud478\ub294 \uac83\uc774\ub2e4.<br>\ub098\uc774\uac00 \uba39\uc5c8\ub2e4\uace0 \ubc1b\uc73c\ub824 \ud558\uc9c0 \ub9d0\uace0 \ubb54\uac00 \uc8fc\ub824\uace0 \uc560\uc4f0\uba74 \uc544\ub984\ub2f5\uace0 \ub2f9\ub2f9\ud55c \ub178\ub144\uc774 \ub41c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk bg-indigo-50\/40\">\u25cb \uc138 \ubc88\uc9f8 \uc6d0\uce59\uc740 \u2018\ubc30\uc6b0\uc790\u2019\uc774\ub2e4.<br>\uc77c\ubc18\uc801\uc73c\ub85c \uc740\ud1f4\ub97c \ud558\ub294 50, 60\ub300\ub97c \uc9c0\ub098 \uc801\uc5b4\ub3c4 30\ub144 \uc774\uc0c1 \uc801\uadf9\uc801\uc73c\ub85c \uc0ac\ud68c\uc5d0 \ucc38\uc5ec\ud558\uace0 \uc0b4\uace0 \uc2f6\ub2e4\uba74 \uc0c8\ub85c\uc6b4 \uc0ac\ud68c\uc640 \ubb38\ud654, \uacfc\ud559\uc5d0 \ub300\ud55c \ubc30\uc6c0\uc5d0 \uc870\uae08\uc758 \uc8fc\uc800\ud568\uc774\ub098 \ub9dd\uc124\uc784\uc774 \uc5c6\uc5b4\uc57c \ud55c\ub2e4\ub294 \uac83\uc774\ub2e4.<\/p>\n\n <p class=\"text-chunk font-medium text-blue-900\">\u201c\uc798 \uc0b4\uc544\uc57c \uc798 \ub5a0\ub0a0 \uc218 \uc788\uc5b4\uc694.<br>\ub450\ub824\uc6c0 \uc5c6\uc774 \ub5a0\ub098\ub824\uba74 \ubbf8\ub828\uc774 \ub0a8\uc9c0 \uc54a\uac8c \ud558\ub8e8\ud558\ub8e8 \ucd5c\uc120\uc744 \ub2e4\ud574\uc57c \ud569\ub2c8\ub2e4.<br>\uadf8\uac83\uc774 \ubc31\uc138\uc778\ub4e4 \uc774 \uc6b0\ub9ac\uc5d0\uac8c \uc8fc\ub294 \uac00\uc7a5 \ud070 \uad50\ud6c8\uc785\ub2c8\ub2e4.\u201d<\/p>\n\n <p class=\"text-chunk\">\uc544\ubb34\ub9ac \ub9d0\uc774 \uc88b\uace0 \ud569\ub2f9\ud558\uc5ec\ub3c4 \uadf8\uac83\uc744 \uc2e4\ud589\uce58 \uc54a\uc73c\uba74 \uadf8\ub0e5 \ub9d0\uc774\ub098 \uae00\uc5d0 \ubd88\uacfc \ud558\uc9c0\ub9cc, \uadf8\uac83\uc744 \ud589\ub3d9\uc73c\ub85c \uc62e\uae30\uba74 \uadf8\uac83\uc740 \ud06c\ub098\ud070 \uc131\uacfc\ub97c \uc90d\ub2c8\ub2e4.<\/p>\n\n <p class=\"text-chunk\">\uc790\uc2e0\uc758 \uba38\ub9ac\uc5d0 \uc544\uc778\uc288\ud0c0\uc778\uc758 \uc9c0\uc2dd\uc774\ub098 \uc9c0\ud61c\uac00 \uc788\uc740\ub4e4 \uadf8\uac83\uc744 \uc0ac\uc6a9\uce58 \ubabb\ud558\uba74 \ubb34\uc2a8 \uc18c\uc6a9\uc774 \uc788\uc73c\uba70, \ubb34\uc2dd\ud55c \uc790\uc640 \ubb34\uc5c7\uc774 \ub2e4\ub974\uaca0\uc2b5\ub2c8\uae4c!<\/p>\n\n <p class=\"text-chunk\">100\uac1c\ub97c \uc54c\uba74\uc11c \uc544\ubb34\uac83\ub3c4 \ud558\uc9c0 \uc54a\ub294 \uc790\ubcf4\ub2e4 1\uac1c\ub97c \uc54c\uba74\uc11c 1\uac1c\ub97c \uc2e4\ud589\ud558\ub294 \uc790\uac00 \ud6e8\uc52c \ub611\ub611\ud558\uc9c0 \uc54a\uc2b5\ub2c8\uae4c!<\/p>\n\n <div class=\"text-chunk font-bold text-lg bg-amber-50\/60 rounded-2xl border border-amber-100 p-6 my-4\">\n <span class=\"text-amber-900 font-extrabold text-xl mb-4 block\">\u2666 \uaf2d \uc2e4\ucc9c\ud574\uc57c \ud569\ub2c8\ub2e4.<\/span>\n <div class=\"space-y-2 mt-2 font-normal text-base\">\n <span class=\"inline-block px-4 py-2 bg-white rounded-xl shadow-sm text-indigo-700 font-semibold w-full sm:w-auto\">1. \ub4e4\uae7b\uc78e \ub9ce\uc774 \uba39\uc790!<\/span><br>\n <span class=\"inline-block px-4 py-2 bg-white rounded-xl shadow-sm text-indigo-700 font-semibold w-full sm:w-auto\">2. \ubc1c\ud6a8\uc2dd\ud488 \ub9ce\uc774 \uba39\uc790!<\/span><br>\n <span class=\"inline-block px-4 py-2 bg-white rounded-xl shadow-sm text-indigo-700 font-semibold w-full sm:w-auto\">3. \uc77c\ud558\uc790!<\/span><br>\n <span class=\"inline-block px-4 py-2 bg-white rounded-xl shadow-sm text-indigo-700 font-semibold w-full sm:w-auto\">4. \uac00\uc9c4 \uac83\uc744 \ub098\ub204\uc5b4 \uc8fc\uc790!<\/span><br>\n <span class=\"inline-block px-4 py-2 bg-white rounded-xl shadow-sm text-indigo-700 font-semibold w-full sm:w-auto\">5. \ubb34\uc5c7\uc774\ub4e0\uc9c0 \ubc30\uc6b0\uc790!<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \ud558\ub2e8 \uc624\ub514\uc624 \ucee8\ud2b8\ub864 \ubc14 -->\n <div class=\"fixed bottom-0 left-0 w-full bg-white\/95 backdrop-blur-md border-t border-gray-200 shadow-[0_-5px_20px_rgba(0,0,0,0.08)] px-4 py-3 z-50 safe-bottom\">\n <div class=\"max-w-3xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3\">\n <div class=\"text-xs sm:text-sm text-gray-500 text-center sm:text-left\">\n <i class=\"fa-solid fa-hand-pointer mr-1 text-blue-500\"><\/i> \ubb38\ub2e8\uc744 \ud130\uce58\ud558\uba74 \ud574\ub2f9 \uc704\uce58\ubd80\ud130 \uc74c\uc131\uc744 \uc77d\uc5b4\uc90d\ub2c8\ub2e4. <br> \uc18c\ub9ac\uac00 \ub098\uc624\uc9c0 \uc54a\uc73c\uba74 \uc544\ub798 \uc624\ub978\ucabd \uc8103\uac1c\ub97c \ud0ed\ud558\uc5ec [\ub2e4\ub978 \ube0c\ub77c\uc6b0\uc800,\ub610\ub294 \uae30\ud0c0 \ube0c\ub77c\uc6b0\uc800 \ud0ed] \ud558\uc138\uc694 !\n <\/div>\n \n <div class=\"flex flex-wrap space-x-2 sm:space-x-3 w-full sm:w-auto justify-center\">\n <!-- \ubc30\uacbd \uc74c\uc545 \ud1a0\uae00 \ubc84\ud2bc -->\n <button id=\"btnBGM\" class=\"flex items-center justify-center min-w-[100px] bg-emerald-50 hover:bg-emerald-100 text-emerald-700 font-semibold py-2.5 px-4 rounded-full border border-emerald-200 transition-all duration-200\">\n <i id=\"iconBGM\" class=\"fa-solid fa-music mr-2 text-sm\"><\/i>\n <span id=\"textBGM\">BGM \ucf1c\uae30<\/span>\n <\/button>\n\n <!-- \ubcf8\ubb38 TTS \uc74c\uc131 \ubc84\ud2bc\ub4e4 -->\n <button id=\"btnPlay\" class=\"flex-1 sm:flex-none flex items-center justify-center min-w-[120px] bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold py-2.5 px-5 rounded-full shadow-md transition-all duration-200\">\n <i id=\"iconPlay\" class=\"fa-solid fa-play mr-2 text-sm\"><\/i>\n <span id=\"textPlay\">\uc74c\uc131 \ub4e3\uae30<\/span>\n <\/button>\n \n <button id=\"btnStop\" class=\"flex items-center justify-center min-w-[80px] bg-gray-100 hover:bg-gray-200 active:scale-95 text-gray-700 font-semibold py-2.5 px-4 rounded-full transition-all duration-200 disabled:opacity-40 disabled:pointer-events-none\" disabled=\"\">\n <i class=\"fa-solid fa-stop mr-2 text-sm\"><\/i> \uc815\uc9c0\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \uc2a4\ud06c\ub9bd\ud2b8: \ubaa8\ubc14\uc77c \uc74c\uc131 \uc5d4\uc9c4 \ube44\ub3d9\uae30 \uc81c\uc5b4 \ubc0f BGM \uc9c0\uc6d0 -->\n <script>\n const synth = window.speechSynthesis;\n const chunks = document.querySelectorAll('.text-chunk');\n \n let currentIndex = 0;\n let isPlaying = false;\n let isPaused = false;\n let currentUtterance = null;\n let krVoice = null;\n\n const btnPlay = document.getElementById('btnPlay');\n const iconPlay = document.getElementById('iconPlay');\n const textPlay = document.getElementById('textPlay');\n const btnStop = document.getElementById('btnStop');\n\n \/\/ BGM \ucee8\ud2b8\ub864 \uad00\ub828 \uc694\uc18c\n const bgmAudio = document.getElementById('bgmAudio');\n const btnBGM = document.getElementById('btnBGM');\n const iconBGM = document.getElementById('iconBGM');\n const textBGM = document.getElementById('textBGM');\n let isBgmPlaying = false;\n\n \/\/ BGM \ubcfc\ub968 \uc870\uc808 (\ubcf8\ubb38 \uc74c\uc131\uc774 \uc798 \ub4e4\ub9ac\ub3c4\ub85d \uc57d\uac04 \ub0ae\uac8c \uc124\uc815)\n bgmAudio.volume = 0.3;\n\n function toggleBGM() {\n if (isBgmPlaying) {\n bgmAudio.pause();\n isBgmPlaying = false;\n textBGM.innerText = \"BGM \ucf1c\uae30\";\n btnBGM.className = btnBGM.className.replace('bg-emerald-600 text-white', 'bg-emerald-50 text-emerald-700 border-emerald-200');\n } else {\n bgmAudio.play().then(() => {\n isBgmPlaying = true;\n textBGM.innerText = \"BGM \ub044\uae30\";\n btnBGM.className = btnBGM.className.replace('bg-emerald-50 text-emerald-700 border-emerald-200', 'bg-emerald-600 text-white');\n }).catch(err => {\n console.log(\"\uc790\ub3d9 \uc7ac\uc0dd \uc815\ucc45\uc5d0 \uc758\ud574 BGM\uc774 \ubc29\uc9c0\ub418\uc5c8\uc2b5\ub2c8\ub2e4:\", err);\n });\n }\n }\n\n btnBGM.addEventListener('click', toggleBGM);\n\n \/\/ \ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800 \uc74c\uc131 \ub85c\ub4dc \ub300\uc751\n function loadVoices() {\n const voices = synth.getVoices();\n krVoice = voices.find(v => v.lang.includes('ko') || v.lang.includes('KO')) || null;\n }\n\n loadVoices();\n if (speechSynthesis.onvoiceschanged !== undefined) {\n speechSynthesis.onvoiceschanged = loadVoices;\n }\n\n function updateUI() {\n if (isPlaying) {\n if (isPaused) {\n iconPlay.className = \"fa-solid fa-play mr-2 text-sm\";\n textPlay.innerText = \"\uc774\uc5b4\uc11c \ub4e3\uae30\";\n btnPlay.className = btnPlay.className.replace(\/bg-yellow-500|hover:bg-yellow-600\/g, '').trim() + \" bg-blue-600 hover:bg-blue-700\";\n } else {\n iconPlay.className = \"fa-solid fa-pause mr-2 text-sm\";\n textPlay.innerText = \"\uc77c\uc2dc \uc815\uc9c0\";\n btnPlay.className = btnPlay.className.replace(\/bg-blue-600|hover:bg-blue-700\/g, '').trim() + \" bg-yellow-500 hover:bg-yellow-600\";\n }\n btnStop.disabled = false;\n } else {\n iconPlay.className = \"fa-solid fa-play mr-2 text-sm\";\n textPlay.innerText = \"\uc74c\uc131 \ub4e3\uae30\";\n btnPlay.className = btnPlay.className.replace(\/bg-yellow-500|hover:bg-yellow-600\/g, '').trim() + \" bg-blue-600 hover:bg-blue-700\";\n btnStop.disabled = true;\n }\n }\n\n function highlightChunk(index) {\n chunks.forEach(chunk => chunk.classList.remove('highlight'));\n \n if (chunks[index]) {\n chunks[index].classList.add('highlight');\n \n const rect = chunks[index].getBoundingClientRect();\n const isVisible = (\n rect.top >= 100 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) - 100\n );\n\n if (!isVisible) {\n chunks[index].scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n }\n }\n\n function speakCurrentChunk() {\n if (currentIndex >= chunks.length) {\n stopSpeech();\n return;\n }\n\n highlightChunk(currentIndex);\n \n const textToSpeak = chunks[currentIndex].innerText || chunks[currentIndex].textContent;\n \n currentUtterance = new SpeechSynthesisUtterance(textToSpeak);\n currentUtterance.lang = 'ko-KR';\n currentUtterance.rate = 0.95; \/\/ \uc77d\uae30 \uc18d\ub3c4 \uc870\uc808\n \n if (krVoice) {\n currentUtterance.voice = krVoice;\n }\n\n currentUtterance.onend = function() {\n if (isPlaying && !isPaused) {\n currentIndex++;\n speakCurrentChunk();\n }\n };\n\n currentUtterance.onerror = function(event) {\n if (event.error === 'interrupted' || event.error === 'canceled') return;\n console.error('TTS \uc5d0\ub7ec:', event);\n stopSpeech();\n };\n\n synth.speak(currentUtterance);\n }\n\n function togglePlay() {\n if (isPlaying) {\n if (isPaused) {\n synth.resume();\n isPaused = false;\n updateUI();\n } else {\n synth.pause();\n isPaused = true;\n updateUI();\n }\n } else {\n isPlaying = true;\n isPaused = false;\n updateUI();\n speakCurrentChunk();\n }\n }\n\n function stopSpeech() {\n isPlaying = false;\n isPaused = false;\n currentIndex = 0;\n synth.cancel();\n chunks.forEach(chunk => chunk.classList.remove('highlight'));\n updateUI();\n }\n\n function playFromIndex(index) {\n synth.cancel();\n currentIndex = index;\n isPlaying = true;\n isPaused = false;\n updateUI();\n \n \/\/ \ubaa8\ubc14\uc77c \ubc31\uc5c5 \ud0c0\uc774\uba38 \ub51c\ub808\uc774\n setTimeout(() => {\n speakCurrentChunk();\n }, 120);\n }\n\n btnPlay.addEventListener('click', togglePlay);\n btnStop.addEventListener('click', stopSpeech);\n\n chunks.forEach((chunk, index) => {\n if(!chunk.classList.contains('title-chunk')) {\n chunk.addEventListener('click', () => playFromIndex(index));\n }\n });\n\n window.addEventListener('beforeunload', () => {\n synth.cancel();\n });\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>100\uc0b4\uc758 \ube44\uacb0 \ube0c\ub77c\uc6b0\uc800\uac00 \uc624\ub514\uc624 \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. 100\uc0b4\uc758 \ube44\uacb0 \ud2b9\uc815 \ub2e8\uc5b4\ub97c \ub20c\ub7ec\uc11c \uc6f9\uac80\uc0c9\uc744 \ud574\ubcf4\uc138\uc694 ! \uc80a\uc740 \uc138\ud3ec\uc640 \ub299\uc740 \uc138\ud3ec\uc5d0 \ub3d9\uc77c\ud55c \uc790\uadf9\uc744 \uc92c\ub2e4. \uc790\uc678\uc120\ub3c4 \uc3d8\uc774\uace0, \ud654\ud559\ubb3c\uc9c8 \ucc98\ub9ac\ub3c4 \ud588\ub2e4.\uc800\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c\ub294 \ucc28\uc774\uac00 \uc5c6\uc5c8\ub2e4.\uadf8\ub7ec\ub098, \uace0\uac15\ub3c4 \uc790\uadf9\uc744 \ud558\uc790 \uc608\uc0c1\uacfc\ub294 \ubc18\ub300\uc758 \uacb0\uacfc\uc600\ub2e4.\uace0\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c \uc80a\uc740 \uc138\ud3ec\ub294 \ubc18\uc751\ud558\ub2e4 \uc8fd\uc5c8\uc9c0\ub9cc, \ub299\uc740 \uc138\ud3ec\ub294 \uc8fd\uc9c0 \uc54a\uc558\ub2e4. 2\ub144 \uc774\uc0c1 \uac19\uc740 \uc2e4\ud5d8\uc744 \ud588\ub2e4. \uacb0\uacfc\ub294 \uac19\uc558\ub2e4.\uadf8\ub798\uc11c \ub0b4\ub9b0 \uacb0\ub860\uc774 \u2018\ub178\ud654\ub294 […]<\/p>\n","protected":false},"author":1,"featured_media":12193,"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":"","fifu_image_alt":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-12176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"views":71,"uagb_featured_image_src":{"full":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2.png",1536,1024,false],"thumbnail":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2-150x150.png",150,150,true],"medium":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2-300x200.png",300,200,true],"medium_large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2-768x512.png",768,512,true],"large":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2-1024x683.png",1024,683,true],"1536x1536":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2.png",1536,1024,false],"2048x2048":["https:\/\/h9988.cbox.kr\/wp-content\/uploads\/2026\/08\/100\uc138\uac74\uac15-2.png",1536,1024,false]},"uagb_author_info":{"display_name":"ds1avz10","author_link":"https:\/\/h9988.cbox.kr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"100\uc0b4\uc758 \ube44\uacb0 \ube0c\ub77c\uc6b0\uc800\uac00 \uc624\ub514\uc624 \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. 100\uc0b4\uc758 \ube44\uacb0 \ud2b9\uc815 \ub2e8\uc5b4\ub97c \ub20c\ub7ec\uc11c \uc6f9\uac80\uc0c9\uc744 \ud574\ubcf4\uc138\uc694 ! \uc80a\uc740 \uc138\ud3ec\uc640 \ub299\uc740 \uc138\ud3ec\uc5d0 \ub3d9\uc77c\ud55c \uc790\uadf9\uc744 \uc92c\ub2e4. \uc790\uc678\uc120\ub3c4 \uc3d8\uc774\uace0, \ud654\ud559\ubb3c\uc9c8 \ucc98\ub9ac\ub3c4 \ud588\ub2e4.\uc800\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c\ub294 \ucc28\uc774\uac00 \uc5c6\uc5c8\ub2e4.\uadf8\ub7ec\ub098, \uace0\uac15\ub3c4 \uc790\uadf9\uc744 \ud558\uc790 \uc608\uc0c1\uacfc\ub294 \ubc18\ub300\uc758 \uacb0\uacfc\uc600\ub2e4.\uace0\uac15\ub3c4 \uc790\uadf9\uc5d0\uc11c \uc80a\uc740 \uc138\ud3ec\ub294 \ubc18\uc751\ud558\ub2e4 \uc8fd\uc5c8\uc9c0\ub9cc, \ub299\uc740 \uc138\ud3ec\ub294 \uc8fd\uc9c0 \uc54a\uc558\ub2e4. 2\ub144 \uc774\uc0c1 \uac19\uc740 \uc2e4\ud5d8\uc744 \ud588\ub2e4. \uacb0\uacfc\ub294 \uac19\uc558\ub2e4.\uadf8\ub798\uc11c \ub0b4\ub9b0 \uacb0\ub860\uc774 \u2018\ub178\ud654\ub294…","_links":{"self":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12176","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=12176"}],"version-history":[{"count":12,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12176\/revisions"}],"predecessor-version":[{"id":12199,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/posts\/12176\/revisions\/12199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=\/wp\/v2\/media\/12193"}],"wp:attachment":[{"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h9988.cbox.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}