Markdown \uce58\ud2b8 \uc2dc\ud2b8<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f0f4f8;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n }\n\n .container {\n max-width: 1200px;\n width: 100%;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n padding: 40px 30px;\n }\n\n h1 {\n font-size: 28px;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 8px;\n letter-spacing: -0.5px;\n }\n\n .subtitle {\n color: #64748b;\n font-size: 15px;\n margin-bottom: 30px;\n border-bottom: 2px solid #e9edf2;\n padding-bottom: 16px;\n }\n\n .table-wrapper {\n overflow-x: auto;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n margin-bottom: 40px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 15px;\n min-width: 700px;\n }\n\n thead {\n background: #f8fafc;\n border-bottom: 2px solid #e2e8f0;\n }\n\n thead th {\n text-align: left;\n padding: 16px 20px;\n font-weight: 600;\n color: #0f172a;\n letter-spacing: 0.3px;\n font-size: 14px;\n text-transform: uppercase;\n }\n\n thead th:first-child {\n width: 22%;\n }\n\n thead th:nth-child(2) {\n width: 22%;\n }\n\n thead th:last-child {\n width: 56%;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef2f6;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #fafcff;\n }\n\n tbody td {\n padding: 14px 20px;\n vertical-align: middle;\n color: #1e293b;\n line-height: 1.6;\n }\n\n tbody td:first-child {\n font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;\n font-size: 14px;\n background: #fafcff;\n color: #0b3b5c;\n font-weight: 500;\n }\n\n tbody td:nth-child(2) {\n font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;\n font-size: 14px;\n color: #4a5a72;\n }\n\n tbody td:last-child {\n font-size: 15px;\n }\n\n \/* Markdown \ub80c\ub354\ub9c1 \uc2dc\ubbac\ub808\uc774\uc158 *\/\n .md-sample {\n display: inline-block;\n background: #f1f5f9;\n padding: 2px 10px;\n border-radius: 6px;\n font-size: 14px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n }\n\n .md-sample h1,\n .md-sample h2,\n .md-sample h3,\n .md-sample h4,\n .md-sample h5,\n .md-sample h6 {\n margin: 0;\n font-weight: 600;\n line-height: 1.4;\n }\n\n .md-sample h1 {\n font-size: 22px;\n }\n\n .md-sample h2 {\n font-size: 19px;\n }\n\n .md-sample h3 {\n font-size: 17px;\n }\n\n .md-sample h4 {\n font-size: 15px;\n }\n\n .md-sample h5 {\n font-size: 14px;\n }\n\n .md-sample h6 {\n font-size: 13px;\n color: #475569;\n }\n\n .md-sample .italic {\n font-style: italic;\n }\n\n .md-sample .bold {\n font-weight: 700;\n }\n\n .md-sample .bold-italic {\n font-weight: 700;\n font-style: italic;\n }\n\n .md-sample .strike {\n text-decoration: line-through;\n }\n\n .md-sample .inline-code {\n background: #e2e8f0;\n padding: 1px 6px;\n border-radius: 4px;\n font-family: monospace;\n font-size: 13px;\n }\n\n .md-sample .link {\n color: #2563eb;\n text-decoration: underline;\n cursor: default;\n }\n\n .md-sample .list-item {\n display: block;\n padding-left: 8px;\n }\n\n .md-sample .list-item::before {\n content: \"\u2022 \";\n color: #475569;\n }\n\n .md-sample .list-item.num::before {\n content: \"1. \";\n }\n\n .md-sample .quote {\n border-left: 4px solid #94a3b8;\n padding-left: 12px;\n color: #475569;\n font-style: italic;\n }\n\n .md-sample .code-block {\n background: #1e293b;\n color: #e2e8f0;\n padding: 4px 12px;\n border-radius: 6px;\n font-family: monospace;\n font-size: 13px;\n display: inline-block;\n }\n\n .md-sample .table-demo {\n display: inline-block;\n border-collapse: collapse;\n font-size: 13px;\n background: white;\n border-radius: 6px;\n overflow: hidden;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);\n }\n\n .md-sample .table-demo td {\n border: 1px solid #cbd5e1;\n padding: 2px 12px;\n background: white;\n }\n\n .md-sample .highlight {\n background: #fde047;\n padding: 0 4px;\n border-radius: 2px;\n }\n\n .md-sample .checkbox {\n display: inline-block;\n width: 14px;\n height: 14px;\n border: 2px solid #64748b;\n border-radius: 3px;\n margin-right: 4px;\n vertical-align: middle;\n }\n\n .md-sample .checkbox.checked {\n background: #2563eb;\n border-color: #2563eb;\n position: relative;\n }\n\n .md-sample .checkbox.checked::after {\n content: \"\u2713\";\n color: white;\n font-size: 11px;\n display: flex;\n justify-content: center;\n align-items: center;\n line-height: 1;\n }\n\n .md-sample .footnote {\n font-size: 12px;\n color: #64748b;\n vertical-align: super;\n }\n\n .md-sample .escaped {\n color: #b91c1c;\n background: #fee2e2;\n padding: 0 6px;\n border-radius: 4px;\n font-family: monospace;\n }\n\n .badge {\n display: inline-block;\n font-size: 11px;\n background: #e9edf2;\n color: #475569;\n padding: 1px 10px;\n border-radius: 20px;\n margin-left: 8px;\n font-weight: 400;\n }\n\n .badge.ext {\n background: #dbeafe;\n color: #1e40af;\n }\n\n \/* \uc608\uc81c \uc139\uc158 *\/\n .examples-section {\n margin-top: 20px;\n border-top: 2px solid #e9edf2;\n padding-top: 30px;\n }\n\n .examples-section h2 {\n font-size: 22px;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 8px;\n }\n\n .examples-section .subtitle {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 24px;\n }\n\n .examples-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 20px;\n }\n\n .example-card {\n background: #f8fafc;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n padding: 20px;\n transition: all 0.2s;\n }\n\n .example-card:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n border-color: #cbd5e1;\n }\n\n .example-card .card-title {\n font-size: 13px;\n font-weight: 600;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n }\n\n .example-card .card-type {\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 14px;\n background: #e9edf2;\n padding: 2px 10px;\n border-radius: 4px;\n display: inline-block;\n margin-bottom: 10px;\n color: #0b3b5c;\n }\n\n .example-card .card-input {\n background: #1e293b;\n color: #e2e8f0;\n padding: 10px 14px;\n border-radius: 8px;\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 13px;\n margin: 8px 0 12px 0;\n overflow-x: auto;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .example-card .card-output {\n background: white;\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid #e2e8f0;\n font-size: 15px;\n line-height: 1.8;\n }\n\n .example-card .card-output .rendered {\n \/* \uc2a4\ud0c0\uc77c\uc740 md-sample \uc0c1\uc18d *\/\n }\n\n .example-card .card-label {\n font-size: 12px;\n color: #94a3b8;\n margin: 6px 0 2px 0;\n font-weight: 500;\n }\n\n \/* \uc5b8\uc5b4 \ubaa9\ub85d \uc2a4\ud0c0\uc77c *\/\n .lang-section {\n margin-top: 30px;\n padding: 24px;\n background: #f8fafc;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n }\n\n .lang-section h3 {\n font-size: 18px;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 6px;\n }\n\n .lang-section .lang-desc {\n color: #64748b;\n font-size: 14px;\n margin-bottom: 16px;\n }\n\n .lang-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px 12px;\n }\n\n .lang-tag {\n background: white;\n padding: 4px 14px;\n border-radius: 20px;\n border: 1px solid #cbd5e1;\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 13px;\n color: #0f172a;\n transition: all 0.15s;\n }\n\n .lang-tag:hover {\n background: #e2e8f0;\n border-color: #94a3b8;\n }\n\n .lang-tag .lang-example {\n color: #64748b;\n font-size: 12px;\n margin-left: 4px;\n }\n\n .lang-tag .backtick {\n color: #94a3b8;\n font-weight: 300;\n }\n\n @media (max-width: 700px) {\n .container {\n padding: 20px 12px;\n }\n\n table {\n font-size: 14px;\n min-width: 520px;\n }\n\n thead th,\n tbody td {\n padding: 12px 14px;\n }\n\n tbody td:first-child {\n font-size: 13px;\n }\n\n .examples-grid {\n grid-template-columns: 1fr;\n }\n\n .lang-tags {\n gap: 6px 10px;\n }\n\n .lang-tag {\n font-size: 12px;\n padding: 3px 12px;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"container\">\n <h1>\ud83d\udcdd Markdown \uce58\ud2b8 \uc2dc\ud2b8<\/h1>\n <div class=\"subtitle\"> \uae30\ubcf8 \ubb38\ubc95 \u00b7 \ud655\uc7a5 \ubb38\ubc95 \u00b7 \uc2e4\uc81c \ub80c\ub354\ub9c1 \uc608\uc2dc <span class=\"badge\">CommonMark<\/span>\n <span class=\"badge ext\">GFM<\/span>\n <\/div>\n \n <div class=\"table-wrapper\">\n <table>\n <thead>\n <tr>\n <th>Type<\/th>\n <th>or<\/th>\n <th>\u2026to get<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <tr>\n <td>\n <code># H1<\/code>\n <\/td>\n <td>\n <code>=<\/code> (\ubc11\uc904)\n <\/td>\n <td>\n <span class=\"md-sample\">\n <h1>Heading 1<\/h1>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>## H2<\/code>\n <\/td>\n <td>\n <code>-<\/code> (\ubc11\uc904)\n <\/td>\n <td>\n <span class=\"md-sample\">\n <h2>Heading 2<\/h2>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>### H3<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h3>Heading 3<\/h3>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>#### H4<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h4>Heading 4<\/h4>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>##### H5<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h5>Heading 5<\/h5>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>###### H6<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h6>Heading 6<\/h6>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>*italic*<\/code>\n <\/td>\n <td>\n <code>_italic_<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"italic\">italic<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>**bold**<\/code>\n <\/td>\n <td>\n <code>__bold__<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"bold\">bold<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>***bold italic***<\/code>\n <\/td>\n <td>\n <code>___bold italic___<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"bold-italic\">bold italic<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>~~strikethrough~~<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"strike\">strikethrough<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>`backtick`<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"inline-code\">backtick<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>---<\/code>\n <\/td>\n <td>\n <code>***<\/code> \ub610\ub294 <code>___<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <hr style=\"margin:6px 0; border:0; border-top:2px solid #cbd5e1; width:100%;\">\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>[link](url)<\/code>\n <\/td>\n <td>\n <code>[link](url \"title\")<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"link\">link<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>![alt](img.jpg)<\/code>\n <\/td>\n <td>\n <code>![alt](img.jpg \"title\")<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\ud83d\uddbc\ufe0f <span style=\"background:#e2e8f0; padding:2px 8px; border-radius:4px; font-size:13px;\">alt<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>* item<\/code>\n <\/td>\n <td>\n <code>- item<\/code> \ub610\ub294 <code>+ item<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"list-item\">item<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>1. item<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"list-item num\">item<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>> quote<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"quote\">quote<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>```code```<\/code>\n <\/td>\n <td>(\ub4e4\uc5ec\uc4f0\uae30 4\uce78)<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"code-block\">code<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>| col1 | col2 |<\/code>\n <br>\n <code>|-----|-----|<\/code>\n <br>\n <code>| data | data |<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"table-demo\">\n <table style=\"margin:0; border-collapse:collapse; font-size:13px;\">\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px; background:#f1f5f9; font-weight:600;\">col1<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px; background:#f1f5f9; font-weight:600;\">col2<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px;\">data<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px;\">data<\/td>\n <\/tr>\n <\/table>\n <\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>[TOC]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span style=\"background:#f1f5f9; padding:2px 10px; border-radius:4px; font-size:13px;\">\ud83d\udcd1 \ubaa9\ucc28 (\uc77c\ubd80 \uad6c\ud604\uccb4)<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>---<\/code> (\ud398\uc774\uc9c0 \ub098\ub204\uae30)\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span style=\"background:#f1f5f9; padding:2px 10px; border-radius:4px; font-size:13px;\">\u23f8\ufe0f \ud398\uc774\uc9c0 \ub098\ub204\uae30 (\uc77c\ubd80 \uad6c\ud604\uccb4)<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>==highlight==<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"highlight\">highlight<\/span> (\uc77c\ubd80 \uad6c\ud604\uccb4) <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>^[footnote]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\ud14d\uc2a4\ud2b8 <span class=\"footnote\">[1]<\/span> (\uc77c\ubd80 \uad6c\ud604\uccb4) <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>- [ ]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"checkbox\"><\/span> \ubbf8\uc644\ub8cc <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>- [x]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"checkbox checked\"><\/span> \uc644\ub8cc <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>\\*literal\\*<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"escaped\">*literal*<\/span> (\uc774\uc2a4\ucf00\uc774\ud504) <\/span>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n \n <div class=\"examples-section\">\n <h2>\ud83d\udcd8 \uac01 \ud0c0\uc785\ubcc4 \uc608\uc81c<\/h2>\n <div class=\"subtitle\">\uc2e4\uc81c \ub9c8\ud06c\ub2e4\uc6b4 \uc785\ub825\uacfc \ub80c\ub354\ub9c1 \uacb0\uacfc\ub97c \ud568\uaed8 \ud655\uc778\ud558\uc138\uc694<\/div>\n <div class=\"examples-grid\">\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udccc \uc81c\ubaa9 (Heading)<\/div>\n <div class=\"card-type\"># ~ ######<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\"># \uac00\uc7a5 \ud070 \uc81c\ubaa9 ## \ub450 \ubc88\uc9f8 \uc81c\ubaa9 ### \uc138 \ubc88\uc9f8 \uc81c\ubaa9<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <h1 style=\"font-size:22px; margin:4px 0;\">\uac00\uc7a5 \ud070 \uc81c\ubaa9<\/h1>\n <h2 style=\"font-size:19px; margin:4px 0;\">\ub450 \ubc88\uc9f8 \uc81c\ubaa9<\/h2>\n <h3 style=\"font-size:17px; margin:4px 0;\">\uc138 \ubc88\uc9f8 \uc81c\ubaa9<\/h3>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2728 \uac15\uc870 (Emphasis)<\/div>\n <div class=\"card-type\">* _ ** __ ~~<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">*\uc774\ud0e4\ub9ad* _\uc774\ud0e4\ub9ad_ **\ubcfc\ub4dc** __\ubcfc\ub4dc__ ***\ubcfc\ub4dc\uc774\ud0e4\ub9ad*** ~~\ucde8\uc18c\uc120~~<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <i>\uc774\ud0e4\ub9ad<\/i>\n <i>\uc774\ud0e4\ub9ad<\/i>\n <br>\n <b>\ubcfc\ub4dc<\/b>\n <b>\ubcfc\ub4dc<\/b>\n <br>\n <b>\n <i>\ubcfc\ub4dc\uc774\ud0e4\ub9ad<\/i>\n <\/b>\n <br>\n <s>\ucde8\uc18c\uc120<\/s>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udd17 \ub9c1\ud06c & \uc774\ubbf8\uc9c0<\/div>\n <div class=\"card-type\">[text](url) ![alt](src)<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">[Google](https:\/\/google.com) ![Markdown \ub85c\uace0](https:\/\/markdown-here.com\/img\/icon256.png)<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <a href=\"#\" style=\"color:#2563eb; text-decoration:underline;\">Google<\/a>\n <br>\n <span style=\"background:#e2e8f0; padding:2px 8px; border-radius:4px; font-size:13px;\">\ud83d\uddbc\ufe0f Markdown \ub85c\uace0<\/span>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udccb \ubaa9\ub85d (List)<\/div>\n <div class=\"card-type\">* - + \/ 1. 2.<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">- \ud56d\ubaa9 1 - \ud56d\ubaa9 2 - \uc911\ucca9 \ud56d\ubaa9 1. \uccab \ubc88\uc9f8 2. \ub450 \ubc88\uc9f8<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div>\u2022 \ud56d\ubaa9 1<\/div>\n <div>\u2022 \ud56d\ubaa9 2<\/div>\n <div style=\"padding-left:20px;\">\u2022 \uc911\ucca9 \ud56d\ubaa9<\/div>\n <div>1. \uccab \ubc88\uc9f8<\/div>\n <div>2. \ub450 \ubc88\uc9f8<\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcac \uc778\uc6a9\ubb38 (Blockquote)<\/div>\n <div class=\"card-type\">> <\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">> \uc774\uac83\uc740 \uc778\uc6a9\ubb38\uc785\ub2c8\ub2e4. > \uc5ec\ub7ec \uc904\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div style=\"border-left:4px solid #94a3b8; padding-left:12px; color:#475569; font-style:italic;\"> \uc774\uac83\uc740 \uc778\uc6a9\ubb38\uc785\ub2c8\ub2e4. <br> \uc5ec\ub7ec \uc904\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcbb \ucf54\ub4dc \ube14\ub85d (Code Block)<\/div>\n <div class=\"card-type\">```\uc5b8\uc5b4<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">```python print(\"Hello, World!\") for i in range(3): print(i) ```<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div style=\"background:#1e293b; color:#e2e8f0; padding:8px 14px; border-radius:6px; font-family:monospace; font-size:13px; overflow-x:auto;\">\n <span style=\"color:#a5b4fc;\">print<\/span>( <span style=\"color:#fde047;\">\"Hello, World!\"<\/span>) <br>\n <span style=\"color:#c084fc;\">for<\/span> i <span style=\"color:#fde047;\">in<\/span>\n <span style=\"color:#fde047;\">range<\/span>( <span style=\"color:#fbbf24;\">3<\/span>): <br> <span style=\"color:#fde047;\">print<\/span>(i)\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcbb \uc778\ub77c\uc778 \ucf54\ub4dc (Inline Code)<\/div>\n <div class=\"card-type\">`code`<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">`const x = 10;` \ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <span style=\"background:#e2e8f0; padding:1px 6px; border-radius:4px; font-family:monospace; font-size:13px;\">const x = 10;<\/span> \ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\uc785\ub2c8\ub2e4.\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcca \ud14c\uc774\ube14 (Table)<\/div>\n <div class=\"card-type\">| --- |<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">| \uc774\ub984 | \ub098\uc774 | \ub3c4\uc2dc | |------|------|------| | \ucca0\uc218 | 25 | \uc11c\uc6b8 | | \uc601\ud76c | 23 | \ubd80\uc0b0 |<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <table style=\"border-collapse:collapse; font-size:14px; width:100%;\">\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\uc774\ub984<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\ub098\uc774<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\ub3c4\uc2dc<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\ucca0\uc218<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">25<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\uc11c\uc6b8<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\uc601\ud76c<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">23<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\ubd80\uc0b0<\/td>\n <\/tr>\n <\/table>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2705 \uccb4\ud06c\ubc15\uc2a4 (Task List)<\/div>\n <div class=\"card-type\">- [ ] - [x]<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">- [x] \uc644\ub8cc\ub41c \uc791\uc5c5 - [ ] \ubbf8\uc644\ub8cc \uc791\uc5c5 - [ ] \ud560 \uc77c<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; background:#2563eb; border:2px solid #2563eb; border-radius:3px; margin-right:4px; vertical-align:middle; position:relative;\">\n <span style=\"color:white; font-size:11px; display:flex; justify-content:center; align-items:center; line-height:1;\">\u2713<\/span>\n <\/span> \uc644\ub8cc\ub41c \uc791\uc5c5\n <\/div>\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; border:2px solid #64748b; border-radius:3px; margin-right:4px; vertical-align:middle;\"><\/span> \ubbf8\uc644\ub8cc \uc791\uc5c5\n <\/div>\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; border:2px solid #64748b; border-radius:3px; margin-right:4px; vertical-align:middle;\"><\/span> \ud560 \uc77c\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2796 \uc218\ud3c9\uc120 & \uc774\uc2a4\ucf00\uc774\ud504<\/div>\n <div class=\"card-type\">--- *** ___ \\<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">--- \\*\uc774\ud0e4\ub9ad \uc544\ub2d8\\* \\_\ubcfc\ub4dc \uc544\ub2d8\\_<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <hr style=\"margin:6px 0; border:0; border-top:2px solid #cbd5e1;\">\n <span style=\"color:#b91c1c; background:#fee2e2; padding:0 6px; border-radius:4px; font-family:monospace;\">*\uc774\ud0e4\ub9ad \uc544\ub2d8*<\/span>\n <br>\n <span style=\"color:#b91c1c; background:#fee2e2; padding:0 6px; border-radius:4px; font-family:monospace;\">_\ubcfc\ub4dc \uc544\ub2d8_<\/span>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83c\udf1f \ud655\uc7a5: \ud558\uc774\ub77c\uc774\ud2b8 & \uac01\uc8fc<\/div>\n <div class=\"card-type\">== ^[ ]<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">==\uac15\uc870\ub41c \ud14d\uc2a4\ud2b8== \uc77c\ubc18 \ud14d\uc2a4\ud2b8^[\uac01\uc8fc \ub0b4\uc6a9]<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <span style=\"background:#fde047; padding:0 4px; border-radius:2px;\">\uac15\uc870\ub41c \ud14d\uc2a4\ud2b8<\/span>\n <br> \uc77c\ubc18 \ud14d\uc2a4\ud2b8 <span style=\"font-size:12px; color:#64748b; vertical-align:super;\">[1]<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"lang-section\">\n <h3>\ud83d\udd24 \ucf54\ub4dc \ube14\ub85d \uc5b8\uc5b4 \uc9c0\uc815 \ubaa9\ub85d<\/h3>\n <div class=\"lang-desc\">\n <code>```<\/code> \ub4a4\uc5d0 \uc5b8\uc5b4 \uc774\ub984\uc744 \ubd99\uc5ec \uad6c\ubb38 \uac15\uc870\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <span style=\"display:inline-block; background:#e9edf2; padding:1px 10px; border-radius:12px; margin-left:8px; font-size:12px;\">GFM \uc9c0\uc6d0<\/span>\n <\/div>\n <div class=\"lang-tags\">\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>python <span class=\"lang-example\">(Python)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>javascript <span class=\"lang-example\">(JavaScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>js <span class=\"lang-example\">(JavaScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>typescript <span class=\"lang-example\">(TypeScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ts <span class=\"lang-example\">(TypeScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>java <span class=\"lang-example\">(Java)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>c <span class=\"lang-example\">(C)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cpp <span class=\"lang-example\">(C++)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>csharp <span class=\"lang-example\">(C#)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cs <span class=\"lang-example\">(C#)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>go <span class=\"lang-example\">(Go)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>rust <span class=\"lang-example\">(Rust)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ruby <span class=\"lang-example\">(Ruby)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>rb <span class=\"lang-example\">(Ruby)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>php <span class=\"lang-example\">(PHP)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>swift <span class=\"lang-example\">(Swift)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>kotlin <span class=\"lang-example\">(Kotlin)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>kt <span class=\"lang-example\">(Kotlin)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>scala <span class=\"lang-example\">(Scala)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>html <span class=\"lang-example\">(HTML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>css <span class=\"lang-example\">(CSS)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>scss <span class=\"lang-example\">(SCSS)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>sql <span class=\"lang-example\">(SQL)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>json <span class=\"lang-example\">(JSON)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>xml <span class=\"lang-example\">(XML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>yaml <span class=\"lang-example\">(YAML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>yml <span class=\"lang-example\">(YAML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>toml <span class=\"lang-example\">(TOML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>markdown <span class=\"lang-example\">(Markdown)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>md <span class=\"lang-example\">(Markdown)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>bash <span class=\"lang-example\">(Bash\/Shell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>sh <span class=\"lang-example\">(Shell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>batch <span class=\"lang-example\">(Windows Batch)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>bat <span class=\"lang-example\">(Windows Batch)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>powershell <span class=\"lang-example\">(PowerShell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ps <span class=\"lang-example\">(PowerShell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>dockerfile <span class=\"lang-example\">(Dockerfile)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>nginx <span class=\"lang-example\">(Nginx)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>diff <span class=\"lang-example\">(Diff)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>makefile <span class=\"lang-example\">(Makefile)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cmake <span class=\"lang-example\">(CMake)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>r <span class=\"lang-example\">(R)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>lua <span class=\"lang-example\">(Lua)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>perl <span class=\"lang-example\">(Perl)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>erlang <span class=\"lang-example\">(Erlang)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>elixir <span class=\"lang-example\">(Elixir)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>haskell <span class=\"lang-example\">(Haskell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>clojure <span class=\"lang-example\">(Clojure)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>dart <span class=\"lang-example\">(Dart)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>groovy <span class=\"lang-example\">(Groovy)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>julia <span class=\"lang-example\">(Julia)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>crystal <span class=\"lang-example\">(Crystal)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>nim <span class=\"lang-example\">(Nim)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>zig <span class=\"lang-example\">(Zig)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>plaintext <span class=\"lang-example\">(\uc77c\ubc18 \ud14d\uc2a4\ud2b8)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>text <span class=\"lang-example\">(\uc77c\ubc18 \ud14d\uc2a4\ud2b8)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span> (\uc0dd\ub7b5 \uac00\ub2a5) <\/span>\n <\/div>\n <div style=\"margin-top:14px; font-size:13px; color:#64748b; background:#eef2f6; padding:8px 14px; border-radius:8px;\"> \ud83d\udca1 <strong>\ud301:<\/strong> \uc5b8\uc5b4\ub97c \uc9c0\uc815\ud558\uba74 \uad6c\ubb38 \uac15\uc870(Syntax Highlighting)\uac00 \uc801\uc6a9\ub429\ub2c8\ub2e4. \uc9c0\uc6d0 \uc5b8\uc5b4\ub294 Markdown \ub80c\ub354\ub7ec\uc5d0 \ub530\ub77c \ub2e4\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/div>\n <\/div>\n <div style=\"margin-top: 30px; font-size: 13px; color: #94a3b8; text-align: right; border-top: 1px solid #e9edf2; padding-top: 16px;\"> \u26a1 Markdown \uce58\ud2b8 \uc2dc\ud2b8 <\/div>\n <\/div>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Markdown \uce58\ud2b8 \uc2dc\ud2b8 \ud83d\udcdd Markdown \uce58\ud2b8 \uc2dc\ud2b8 \uae30\ubcf8 \ubb38\ubc95 \u00b7 \ud655\uc7a5 \ubb38\ubc95 \u00b7 \uc2e4\uc81c \ub80c\ub354\ub9c1 \uc608\uc2dc CommonMark GFM Type or \u2026to get # H1 = (\ubc11\uc904) Heading 1 ## H2 – (\ubc11\uc904) Heading 2 ### H3 \u2014 Heading 3 #### H4 \u2014 Heading 4 ##### H5 \u2014 Heading 5 ###### H6 \u2014 Heading 6 *italic* […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[18],"tags":[],"class_list":["post-9182","post","type-post","status-publish","format-standard","hentry","category-development_language"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/9182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9182"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/9182\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9182,"date":"2026-09-05T19:37:03","date_gmt":"2026-09-05T10:37:03","guid":{"rendered":"https:\/\/hasu0707.duckdns.org\/blog\/?p=9182"},"modified":"2026-09-05T19:37:05","modified_gmt":"2026-09-05T10:37:05","slug":"markdown-cheat-sheet","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=9182","title":{"rendered":"Markdown Cheat Sheet"},"content":{"rendered":"\n\n\n \n \n \n Markdown \uce58\ud2b8 \uc2dc\ud2b8<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f0f4f8;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n }\n\n .container {\n max-width: 1200px;\n width: 100%;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n padding: 40px 30px;\n }\n\n h1 {\n font-size: 28px;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 8px;\n letter-spacing: -0.5px;\n }\n\n .subtitle {\n color: #64748b;\n font-size: 15px;\n margin-bottom: 30px;\n border-bottom: 2px solid #e9edf2;\n padding-bottom: 16px;\n }\n\n .table-wrapper {\n overflow-x: auto;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n margin-bottom: 40px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n font-size: 15px;\n min-width: 700px;\n }\n\n thead {\n background: #f8fafc;\n border-bottom: 2px solid #e2e8f0;\n }\n\n thead th {\n text-align: left;\n padding: 16px 20px;\n font-weight: 600;\n color: #0f172a;\n letter-spacing: 0.3px;\n font-size: 14px;\n text-transform: uppercase;\n }\n\n thead th:first-child {\n width: 22%;\n }\n\n thead th:nth-child(2) {\n width: 22%;\n }\n\n thead th:last-child {\n width: 56%;\n }\n\n tbody tr {\n border-bottom: 1px solid #eef2f6;\n transition: background 0.15s;\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: #fafcff;\n }\n\n tbody td {\n padding: 14px 20px;\n vertical-align: middle;\n color: #1e293b;\n line-height: 1.6;\n }\n\n tbody td:first-child {\n font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;\n font-size: 14px;\n background: #fafcff;\n color: #0b3b5c;\n font-weight: 500;\n }\n\n tbody td:nth-child(2) {\n font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;\n font-size: 14px;\n color: #4a5a72;\n }\n\n tbody td:last-child {\n font-size: 15px;\n }\n\n \/* Markdown \ub80c\ub354\ub9c1 \uc2dc\ubbac\ub808\uc774\uc158 *\/\n .md-sample {\n display: inline-block;\n background: #f1f5f9;\n padding: 2px 10px;\n border-radius: 6px;\n font-size: 14px;\n font-family: 'Segoe UI', system-ui, sans-serif;\n }\n\n .md-sample h1,\n .md-sample h2,\n .md-sample h3,\n .md-sample h4,\n .md-sample h5,\n .md-sample h6 {\n margin: 0;\n font-weight: 600;\n line-height: 1.4;\n }\n\n .md-sample h1 {\n font-size: 22px;\n }\n\n .md-sample h2 {\n font-size: 19px;\n }\n\n .md-sample h3 {\n font-size: 17px;\n }\n\n .md-sample h4 {\n font-size: 15px;\n }\n\n .md-sample h5 {\n font-size: 14px;\n }\n\n .md-sample h6 {\n font-size: 13px;\n color: #475569;\n }\n\n .md-sample .italic {\n font-style: italic;\n }\n\n .md-sample .bold {\n font-weight: 700;\n }\n\n .md-sample .bold-italic {\n font-weight: 700;\n font-style: italic;\n }\n\n .md-sample .strike {\n text-decoration: line-through;\n }\n\n .md-sample .inline-code {\n background: #e2e8f0;\n padding: 1px 6px;\n border-radius: 4px;\n font-family: monospace;\n font-size: 13px;\n }\n\n .md-sample .link {\n color: #2563eb;\n text-decoration: underline;\n cursor: default;\n }\n\n .md-sample .list-item {\n display: block;\n padding-left: 8px;\n }\n\n .md-sample .list-item::before {\n content: \"\u2022 \";\n color: #475569;\n }\n\n .md-sample .list-item.num::before {\n content: \"1. \";\n }\n\n .md-sample .quote {\n border-left: 4px solid #94a3b8;\n padding-left: 12px;\n color: #475569;\n font-style: italic;\n }\n\n .md-sample .code-block {\n background: #1e293b;\n color: #e2e8f0;\n padding: 4px 12px;\n border-radius: 6px;\n font-family: monospace;\n font-size: 13px;\n display: inline-block;\n }\n\n .md-sample .table-demo {\n display: inline-block;\n border-collapse: collapse;\n font-size: 13px;\n background: white;\n border-radius: 6px;\n overflow: hidden;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);\n }\n\n .md-sample .table-demo td {\n border: 1px solid #cbd5e1;\n padding: 2px 12px;\n background: white;\n }\n\n .md-sample .highlight {\n background: #fde047;\n padding: 0 4px;\n border-radius: 2px;\n }\n\n .md-sample .checkbox {\n display: inline-block;\n width: 14px;\n height: 14px;\n border: 2px solid #64748b;\n border-radius: 3px;\n margin-right: 4px;\n vertical-align: middle;\n }\n\n .md-sample .checkbox.checked {\n background: #2563eb;\n border-color: #2563eb;\n position: relative;\n }\n\n .md-sample .checkbox.checked::after {\n content: \"\u2713\";\n color: white;\n font-size: 11px;\n display: flex;\n justify-content: center;\n align-items: center;\n line-height: 1;\n }\n\n .md-sample .footnote {\n font-size: 12px;\n color: #64748b;\n vertical-align: super;\n }\n\n .md-sample .escaped {\n color: #b91c1c;\n background: #fee2e2;\n padding: 0 6px;\n border-radius: 4px;\n font-family: monospace;\n }\n\n .badge {\n display: inline-block;\n font-size: 11px;\n background: #e9edf2;\n color: #475569;\n padding: 1px 10px;\n border-radius: 20px;\n margin-left: 8px;\n font-weight: 400;\n }\n\n .badge.ext {\n background: #dbeafe;\n color: #1e40af;\n }\n\n \/* \uc608\uc81c \uc139\uc158 *\/\n .examples-section {\n margin-top: 20px;\n border-top: 2px solid #e9edf2;\n padding-top: 30px;\n }\n\n .examples-section h2 {\n font-size: 22px;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 8px;\n }\n\n .examples-section .subtitle {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 24px;\n }\n\n .examples-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\n gap: 20px;\n }\n\n .example-card {\n background: #f8fafc;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n padding: 20px;\n transition: all 0.2s;\n }\n\n .example-card:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n border-color: #cbd5e1;\n }\n\n .example-card .card-title {\n font-size: 13px;\n font-weight: 600;\n color: #64748b;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n }\n\n .example-card .card-type {\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 14px;\n background: #e9edf2;\n padding: 2px 10px;\n border-radius: 4px;\n display: inline-block;\n margin-bottom: 10px;\n color: #0b3b5c;\n }\n\n .example-card .card-input {\n background: #1e293b;\n color: #e2e8f0;\n padding: 10px 14px;\n border-radius: 8px;\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 13px;\n margin: 8px 0 12px 0;\n overflow-x: auto;\n white-space: pre-wrap;\n word-break: break-all;\n }\n\n .example-card .card-output {\n background: white;\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid #e2e8f0;\n font-size: 15px;\n line-height: 1.8;\n }\n\n .example-card .card-output .rendered {\n \/* \uc2a4\ud0c0\uc77c\uc740 md-sample \uc0c1\uc18d *\/\n }\n\n .example-card .card-label {\n font-size: 12px;\n color: #94a3b8;\n margin: 6px 0 2px 0;\n font-weight: 500;\n }\n\n \/* \uc5b8\uc5b4 \ubaa9\ub85d \uc2a4\ud0c0\uc77c *\/\n .lang-section {\n margin-top: 30px;\n padding: 24px;\n background: #f8fafc;\n border-radius: 14px;\n border: 1px solid #e2e8f0;\n }\n\n .lang-section h3 {\n font-size: 18px;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 6px;\n }\n\n .lang-section .lang-desc {\n color: #64748b;\n font-size: 14px;\n margin-bottom: 16px;\n }\n\n .lang-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px 12px;\n }\n\n .lang-tag {\n background: white;\n padding: 4px 14px;\n border-radius: 20px;\n border: 1px solid #cbd5e1;\n font-family: 'JetBrains Mono', 'Fira Code', monospace;\n font-size: 13px;\n color: #0f172a;\n transition: all 0.15s;\n }\n\n .lang-tag:hover {\n background: #e2e8f0;\n border-color: #94a3b8;\n }\n\n .lang-tag .lang-example {\n color: #64748b;\n font-size: 12px;\n margin-left: 4px;\n }\n\n .lang-tag .backtick {\n color: #94a3b8;\n font-weight: 300;\n }\n\n @media (max-width: 700px) {\n .container {\n padding: 20px 12px;\n }\n\n table {\n font-size: 14px;\n min-width: 520px;\n }\n\n thead th,\n tbody td {\n padding: 12px 14px;\n }\n\n tbody td:first-child {\n font-size: 13px;\n }\n\n .examples-grid {\n grid-template-columns: 1fr;\n }\n\n .lang-tags {\n gap: 6px 10px;\n }\n\n .lang-tag {\n font-size: 12px;\n padding: 3px 12px;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"container\">\n <h1>\ud83d\udcdd Markdown \uce58\ud2b8 \uc2dc\ud2b8<\/h1>\n <div class=\"subtitle\"> \uae30\ubcf8 \ubb38\ubc95 \u00b7 \ud655\uc7a5 \ubb38\ubc95 \u00b7 \uc2e4\uc81c \ub80c\ub354\ub9c1 \uc608\uc2dc <span class=\"badge\">CommonMark<\/span>\n <span class=\"badge ext\">GFM<\/span>\n <\/div>\n \n <div class=\"table-wrapper\">\n <table>\n <thead>\n <tr>\n <th>Type<\/th>\n <th>or<\/th>\n <th>\u2026to get<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <tr>\n <td>\n <code># H1<\/code>\n <\/td>\n <td>\n <code>=<\/code> (\ubc11\uc904)\n <\/td>\n <td>\n <span class=\"md-sample\">\n <h1>Heading 1<\/h1>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>## H2<\/code>\n <\/td>\n <td>\n <code>-<\/code> (\ubc11\uc904)\n <\/td>\n <td>\n <span class=\"md-sample\">\n <h2>Heading 2<\/h2>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>### H3<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h3>Heading 3<\/h3>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>#### H4<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h4>Heading 4<\/h4>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>##### H5<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h5>Heading 5<\/h5>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>###### H6<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <h6>Heading 6<\/h6>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>*italic*<\/code>\n <\/td>\n <td>\n <code>_italic_<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"italic\">italic<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>**bold**<\/code>\n <\/td>\n <td>\n <code>__bold__<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"bold\">bold<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>***bold italic***<\/code>\n <\/td>\n <td>\n <code>___bold italic___<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"bold-italic\">bold italic<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>~~strikethrough~~<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"strike\">strikethrough<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>`backtick`<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"inline-code\">backtick<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>---<\/code>\n <\/td>\n <td>\n <code>***<\/code> \ub610\ub294 <code>___<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <hr style=\"margin:6px 0; border:0; border-top:2px solid #cbd5e1; width:100%;\">\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>[link](url)<\/code>\n <\/td>\n <td>\n <code>[link](url \"title\")<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"link\">link<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>![alt](img.jpg)<\/code>\n <\/td>\n <td>\n <code>![alt](img.jpg \"title\")<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\ud83d\uddbc\ufe0f <span style=\"background:#e2e8f0; padding:2px 8px; border-radius:4px; font-size:13px;\">alt<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>* item<\/code>\n <\/td>\n <td>\n <code>- item<\/code> \ub610\ub294 <code>+ item<\/code>\n <\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"list-item\">item<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>1. item<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"list-item num\">item<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>> quote<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"quote\">quote<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>```code```<\/code>\n <\/td>\n <td>(\ub4e4\uc5ec\uc4f0\uae30 4\uce78)<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"code-block\">code<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>| col1 | col2 |<\/code>\n <br>\n <code>|-----|-----|<\/code>\n <br>\n <code>| data | data |<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"table-demo\">\n <table style=\"margin:0; border-collapse:collapse; font-size:13px;\">\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px; background:#f1f5f9; font-weight:600;\">col1<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px; background:#f1f5f9; font-weight:600;\">col2<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px;\">data<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:2px 12px;\">data<\/td>\n <\/tr>\n <\/table>\n <\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>[TOC]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span style=\"background:#f1f5f9; padding:2px 10px; border-radius:4px; font-size:13px;\">\ud83d\udcd1 \ubaa9\ucc28 (\uc77c\ubd80 \uad6c\ud604\uccb4)<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>---<\/code> (\ud398\uc774\uc9c0 \ub098\ub204\uae30)\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span style=\"background:#f1f5f9; padding:2px 10px; border-radius:4px; font-size:13px;\">\u23f8\ufe0f \ud398\uc774\uc9c0 \ub098\ub204\uae30 (\uc77c\ubd80 \uad6c\ud604\uccb4)<\/span>\n <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>==highlight==<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"highlight\">highlight<\/span> (\uc77c\ubd80 \uad6c\ud604\uccb4) <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>^[footnote]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\ud14d\uc2a4\ud2b8 <span class=\"footnote\">[1]<\/span> (\uc77c\ubd80 \uad6c\ud604\uccb4) <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>- [ ]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"checkbox\"><\/span> \ubbf8\uc644\ub8cc <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>- [x]<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"checkbox checked\"><\/span> \uc644\ub8cc <\/span>\n <\/td>\n <\/tr>\n \n <tr>\n <td>\n <code>\\*literal\\*<\/code>\n <\/td>\n <td>\u2014<\/td>\n <td>\n <span class=\"md-sample\">\n <span class=\"escaped\">*literal*<\/span> (\uc774\uc2a4\ucf00\uc774\ud504) <\/span>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n \n <div class=\"examples-section\">\n <h2>\ud83d\udcd8 \uac01 \ud0c0\uc785\ubcc4 \uc608\uc81c<\/h2>\n <div class=\"subtitle\">\uc2e4\uc81c \ub9c8\ud06c\ub2e4\uc6b4 \uc785\ub825\uacfc \ub80c\ub354\ub9c1 \uacb0\uacfc\ub97c \ud568\uaed8 \ud655\uc778\ud558\uc138\uc694<\/div>\n <div class=\"examples-grid\">\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udccc \uc81c\ubaa9 (Heading)<\/div>\n <div class=\"card-type\"># ~ ######<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\"># \uac00\uc7a5 \ud070 \uc81c\ubaa9 ## \ub450 \ubc88\uc9f8 \uc81c\ubaa9 ### \uc138 \ubc88\uc9f8 \uc81c\ubaa9<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <h1 style=\"font-size:22px; margin:4px 0;\">\uac00\uc7a5 \ud070 \uc81c\ubaa9<\/h1>\n <h2 style=\"font-size:19px; margin:4px 0;\">\ub450 \ubc88\uc9f8 \uc81c\ubaa9<\/h2>\n <h3 style=\"font-size:17px; margin:4px 0;\">\uc138 \ubc88\uc9f8 \uc81c\ubaa9<\/h3>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2728 \uac15\uc870 (Emphasis)<\/div>\n <div class=\"card-type\">* _ ** __ ~~<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">*\uc774\ud0e4\ub9ad* _\uc774\ud0e4\ub9ad_ **\ubcfc\ub4dc** __\ubcfc\ub4dc__ ***\ubcfc\ub4dc\uc774\ud0e4\ub9ad*** ~~\ucde8\uc18c\uc120~~<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <i>\uc774\ud0e4\ub9ad<\/i>\n <i>\uc774\ud0e4\ub9ad<\/i>\n <br>\n <b>\ubcfc\ub4dc<\/b>\n <b>\ubcfc\ub4dc<\/b>\n <br>\n <b>\n <i>\ubcfc\ub4dc\uc774\ud0e4\ub9ad<\/i>\n <\/b>\n <br>\n <s>\ucde8\uc18c\uc120<\/s>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udd17 \ub9c1\ud06c & \uc774\ubbf8\uc9c0<\/div>\n <div class=\"card-type\">[text](url) ![alt](src)<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">[Google](https:\/\/google.com) ![Markdown \ub85c\uace0](https:\/\/markdown-here.com\/img\/icon256.png)<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <a href=\"#\" style=\"color:#2563eb; text-decoration:underline;\">Google<\/a>\n <br>\n <span style=\"background:#e2e8f0; padding:2px 8px; border-radius:4px; font-size:13px;\">\ud83d\uddbc\ufe0f Markdown \ub85c\uace0<\/span>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udccb \ubaa9\ub85d (List)<\/div>\n <div class=\"card-type\">* - + \/ 1. 2.<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">- \ud56d\ubaa9 1 - \ud56d\ubaa9 2 - \uc911\ucca9 \ud56d\ubaa9 1. \uccab \ubc88\uc9f8 2. \ub450 \ubc88\uc9f8<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div>\u2022 \ud56d\ubaa9 1<\/div>\n <div>\u2022 \ud56d\ubaa9 2<\/div>\n <div style=\"padding-left:20px;\">\u2022 \uc911\ucca9 \ud56d\ubaa9<\/div>\n <div>1. \uccab \ubc88\uc9f8<\/div>\n <div>2. \ub450 \ubc88\uc9f8<\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcac \uc778\uc6a9\ubb38 (Blockquote)<\/div>\n <div class=\"card-type\">> <\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">> \uc774\uac83\uc740 \uc778\uc6a9\ubb38\uc785\ub2c8\ub2e4. > \uc5ec\ub7ec \uc904\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div style=\"border-left:4px solid #94a3b8; padding-left:12px; color:#475569; font-style:italic;\"> \uc774\uac83\uc740 \uc778\uc6a9\ubb38\uc785\ub2c8\ub2e4. <br> \uc5ec\ub7ec \uc904\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcbb \ucf54\ub4dc \ube14\ub85d (Code Block)<\/div>\n <div class=\"card-type\">```\uc5b8\uc5b4<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">```python print(\"Hello, World!\") for i in range(3): print(i) ```<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div style=\"background:#1e293b; color:#e2e8f0; padding:8px 14px; border-radius:6px; font-family:monospace; font-size:13px; overflow-x:auto;\">\n <span style=\"color:#a5b4fc;\">print<\/span>( <span style=\"color:#fde047;\">\"Hello, World!\"<\/span>) <br>\n <span style=\"color:#c084fc;\">for<\/span> i <span style=\"color:#fde047;\">in<\/span>\n <span style=\"color:#fde047;\">range<\/span>( <span style=\"color:#fbbf24;\">3<\/span>): <br> <span style=\"color:#fde047;\">print<\/span>(i)\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcbb \uc778\ub77c\uc778 \ucf54\ub4dc (Inline Code)<\/div>\n <div class=\"card-type\">`code`<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">`const x = 10;` \ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <span style=\"background:#e2e8f0; padding:1px 6px; border-radius:4px; font-family:monospace; font-size:13px;\">const x = 10;<\/span> \ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ucf54\ub4dc\uc785\ub2c8\ub2e4.\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83d\udcca \ud14c\uc774\ube14 (Table)<\/div>\n <div class=\"card-type\">| --- |<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">| \uc774\ub984 | \ub098\uc774 | \ub3c4\uc2dc | |------|------|------| | \ucca0\uc218 | 25 | \uc11c\uc6b8 | | \uc601\ud76c | 23 | \ubd80\uc0b0 |<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <table style=\"border-collapse:collapse; font-size:14px; width:100%;\">\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\uc774\ub984<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\ub098\uc774<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px; background:#f1f5f9; font-weight:600;\">\ub3c4\uc2dc<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\ucca0\uc218<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">25<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\uc11c\uc6b8<\/td>\n <\/tr>\n <tr>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\uc601\ud76c<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">23<\/td>\n <td style=\"border:1px solid #cbd5e1; padding:4px 10px;\">\ubd80\uc0b0<\/td>\n <\/tr>\n <\/table>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2705 \uccb4\ud06c\ubc15\uc2a4 (Task List)<\/div>\n <div class=\"card-type\">- [ ] - [x]<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">- [x] \uc644\ub8cc\ub41c \uc791\uc5c5 - [ ] \ubbf8\uc644\ub8cc \uc791\uc5c5 - [ ] \ud560 \uc77c<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; background:#2563eb; border:2px solid #2563eb; border-radius:3px; margin-right:4px; vertical-align:middle; position:relative;\">\n <span style=\"color:white; font-size:11px; display:flex; justify-content:center; align-items:center; line-height:1;\">\u2713<\/span>\n <\/span> \uc644\ub8cc\ub41c \uc791\uc5c5\n <\/div>\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; border:2px solid #64748b; border-radius:3px; margin-right:4px; vertical-align:middle;\"><\/span> \ubbf8\uc644\ub8cc \uc791\uc5c5\n <\/div>\n <div>\n <span style=\"display:inline-block; width:14px; height:14px; border:2px solid #64748b; border-radius:3px; margin-right:4px; vertical-align:middle;\"><\/span> \ud560 \uc77c\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\u2796 \uc218\ud3c9\uc120 & \uc774\uc2a4\ucf00\uc774\ud504<\/div>\n <div class=\"card-type\">--- *** ___ \\<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">--- \\*\uc774\ud0e4\ub9ad \uc544\ub2d8\\* \\_\ubcfc\ub4dc \uc544\ub2d8\\_<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <hr style=\"margin:6px 0; border:0; border-top:2px solid #cbd5e1;\">\n <span style=\"color:#b91c1c; background:#fee2e2; padding:0 6px; border-radius:4px; font-family:monospace;\">*\uc774\ud0e4\ub9ad \uc544\ub2d8*<\/span>\n <br>\n <span style=\"color:#b91c1c; background:#fee2e2; padding:0 6px; border-radius:4px; font-family:monospace;\">_\ubcfc\ub4dc \uc544\ub2d8_<\/span>\n <\/div>\n <\/div>\n \n <div class=\"example-card\">\n <div class=\"card-title\">\ud83c\udf1f \ud655\uc7a5: \ud558\uc774\ub77c\uc774\ud2b8 & \uac01\uc8fc<\/div>\n <div class=\"card-type\">== ^[ ]<\/div>\n <div class=\"card-label\">\uc785\ub825<\/div>\n <div class=\"card-input\">==\uac15\uc870\ub41c \ud14d\uc2a4\ud2b8== \uc77c\ubc18 \ud14d\uc2a4\ud2b8^[\uac01\uc8fc \ub0b4\uc6a9]<\/div>\n <div class=\"card-label\">\ucd9c\ub825<\/div>\n <div class=\"card-output\">\n <span style=\"background:#fde047; padding:0 4px; border-radius:2px;\">\uac15\uc870\ub41c \ud14d\uc2a4\ud2b8<\/span>\n <br> \uc77c\ubc18 \ud14d\uc2a4\ud2b8 <span style=\"font-size:12px; color:#64748b; vertical-align:super;\">[1]<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"lang-section\">\n <h3>\ud83d\udd24 \ucf54\ub4dc \ube14\ub85d \uc5b8\uc5b4 \uc9c0\uc815 \ubaa9\ub85d<\/h3>\n <div class=\"lang-desc\">\n <code>```<\/code> \ub4a4\uc5d0 \uc5b8\uc5b4 \uc774\ub984\uc744 \ubd99\uc5ec \uad6c\ubb38 \uac15\uc870\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <span style=\"display:inline-block; background:#e9edf2; padding:1px 10px; border-radius:12px; margin-left:8px; font-size:12px;\">GFM \uc9c0\uc6d0<\/span>\n <\/div>\n <div class=\"lang-tags\">\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>python <span class=\"lang-example\">(Python)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>javascript <span class=\"lang-example\">(JavaScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>js <span class=\"lang-example\">(JavaScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>typescript <span class=\"lang-example\">(TypeScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ts <span class=\"lang-example\">(TypeScript)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>java <span class=\"lang-example\">(Java)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>c <span class=\"lang-example\">(C)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cpp <span class=\"lang-example\">(C++)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>csharp <span class=\"lang-example\">(C#)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cs <span class=\"lang-example\">(C#)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>go <span class=\"lang-example\">(Go)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>rust <span class=\"lang-example\">(Rust)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ruby <span class=\"lang-example\">(Ruby)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>rb <span class=\"lang-example\">(Ruby)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>php <span class=\"lang-example\">(PHP)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>swift <span class=\"lang-example\">(Swift)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>kotlin <span class=\"lang-example\">(Kotlin)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>kt <span class=\"lang-example\">(Kotlin)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>scala <span class=\"lang-example\">(Scala)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>html <span class=\"lang-example\">(HTML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>css <span class=\"lang-example\">(CSS)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>scss <span class=\"lang-example\">(SCSS)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>sql <span class=\"lang-example\">(SQL)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>json <span class=\"lang-example\">(JSON)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>xml <span class=\"lang-example\">(XML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>yaml <span class=\"lang-example\">(YAML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>yml <span class=\"lang-example\">(YAML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>toml <span class=\"lang-example\">(TOML)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>markdown <span class=\"lang-example\">(Markdown)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>md <span class=\"lang-example\">(Markdown)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>bash <span class=\"lang-example\">(Bash\/Shell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>sh <span class=\"lang-example\">(Shell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>batch <span class=\"lang-example\">(Windows Batch)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>bat <span class=\"lang-example\">(Windows Batch)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>powershell <span class=\"lang-example\">(PowerShell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>ps <span class=\"lang-example\">(PowerShell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>dockerfile <span class=\"lang-example\">(Dockerfile)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>nginx <span class=\"lang-example\">(Nginx)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>diff <span class=\"lang-example\">(Diff)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>makefile <span class=\"lang-example\">(Makefile)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>cmake <span class=\"lang-example\">(CMake)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>r <span class=\"lang-example\">(R)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>lua <span class=\"lang-example\">(Lua)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>perl <span class=\"lang-example\">(Perl)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>erlang <span class=\"lang-example\">(Erlang)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>elixir <span class=\"lang-example\">(Elixir)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>haskell <span class=\"lang-example\">(Haskell)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>clojure <span class=\"lang-example\">(Clojure)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>dart <span class=\"lang-example\">(Dart)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>groovy <span class=\"lang-example\">(Groovy)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>julia <span class=\"lang-example\">(Julia)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>crystal <span class=\"lang-example\">(Crystal)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>nim <span class=\"lang-example\">(Nim)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>zig <span class=\"lang-example\">(Zig)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>plaintext <span class=\"lang-example\">(\uc77c\ubc18 \ud14d\uc2a4\ud2b8)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span>text <span class=\"lang-example\">(\uc77c\ubc18 \ud14d\uc2a4\ud2b8)<\/span>\n <\/span>\n <span class=\"lang-tag\">\n <span class=\"backtick\">```<\/span> (\uc0dd\ub7b5 \uac00\ub2a5) <\/span>\n <\/div>\n <div style=\"margin-top:14px; font-size:13px; color:#64748b; background:#eef2f6; padding:8px 14px; border-radius:8px;\"> \ud83d\udca1 <strong>\ud301:<\/strong> \uc5b8\uc5b4\ub97c \uc9c0\uc815\ud558\uba74 \uad6c\ubb38 \uac15\uc870(Syntax Highlighting)\uac00 \uc801\uc6a9\ub429\ub2c8\ub2e4. \uc9c0\uc6d0 \uc5b8\uc5b4\ub294 Markdown \ub80c\ub354\ub7ec\uc5d0 \ub530\ub77c \ub2e4\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/div>\n <\/div>\n <div style=\"margin-top: 30px; font-size: 13px; color: #94a3b8; text-align: right; border-top: 1px solid #e9edf2; padding-top: 16px;\"> \u26a1 Markdown \uce58\ud2b8 \uc2dc\ud2b8 <\/div>\n <\/div>\n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Markdown \uce58\ud2b8 \uc2dc\ud2b8 \ud83d\udcdd Markdown \uce58\ud2b8 \uc2dc\ud2b8 \uae30\ubcf8 \ubb38\ubc95 \u00b7 \ud655\uc7a5 \ubb38\ubc95 \u00b7 \uc2e4\uc81c \ub80c\ub354\ub9c1 \uc608\uc2dc CommonMark GFM Type or \u2026to get # H1 = (\ubc11\uc904) Heading 1 ## H2 – (\ubc11\uc904) Heading 2 ### H3 \u2014 Heading 3 #### H4 \u2014 Heading 4 ##### H5 \u2014 Heading 5 ###### H6 \u2014 Heading 6 *italic* […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[18],"tags":[],"class_list":["post-9182","post","type-post","status-publish","format-standard","hentry","category-development_language"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/9182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9182"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/9182\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}