{"id":5497,"date":"2026-02-16T16:22:14","date_gmt":"2026-02-16T16:22:14","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5497"},"modified":"2026-02-16T16:22:14","modified_gmt":"2026-02-16T16:22:14","slug":"%eb%a8%b8%eb%a9%94%ec%9d%b4%eb%93%9c-%ec%b0%a8%ed%8a%b8-%ed%85%8d%ec%8a%a4%ed%8a%b8%eb%a1%9c-%ea%b7%b8%eb%a6%ac%eb%8a%94-%eb%8b%a4%ec%9d%b4%ec%96%b4%ea%b7%b8%eb%9e%a8%ec%9d%98-%eb%a7%a4%eb%a0%a5-4","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5497","title":{"rendered":"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825"},"content":{"rendered":"<figure class=\"wp-block-image size-large\">\n  <img decoding=\"async\" src=\"https:\/\/assets.ggonggong.com\/generated-images\/featured_1771258930208_59da96f1.webp\" alt=\"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825\" class=\"featured-image\" \/><figcaption>\uba38\uba54\uc774\ub4dc \ucc28\ud2b8<\/figcaption><\/figure>\n<p><!-- Blog Post Metadata\n{\n  \"title\": \"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825\",\n  \"description\": \"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825     \uc11c\ub860 - \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \uc704\ud55c \uc0c8\ub85c\uc6b4 \ub3c4\uad6c  \ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c, \ud504\ub85c\uc138\uc2a4, \uc54c\uace0\ub9ac\uc998\uc744 \uc774\ud574\ud558\uace0 \uc124\uba85\ud558\ub294 \uac83\uc740 \ubaa8\ub4e0 \ubd84\uc57c\uc5d0\uc11c \uc911\uc694\ud55c \uacfc\uc81c\uc785\ub2c8\ub2e4. \uc804\ud1b5\uc801\uc73c\ub85c \uc774\ub7ec\ud55c \ubaa9\uc801\uc744 \uc704\ud574 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0ac\uc6a9\ud574 \uc654\uc9c0\ub9cc, \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc791\uc131 \ub3c4\uad6c\ub97c \ubc30\uc6b0\uace0\",\n  \"author\": \"AI Blog Generator\",\n  \"generator\": \"AI Blog Generator v1.0.0\",\n  \"createdAt\": \"2026-02-16T16:21:33.753Z\"\n}\n--><\/p>\n<h1 style=\"font-size: 2.5rem; font-weight: 800; margin: 2rem 0 1rem; color: #1a202c; line-height: 1.2;\">\uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825<\/h1>\n<h2 style=\"font-size: 2rem; font-weight: 700; margin: 1.75rem 0 1rem; color: #2d3748; border-bottom: 3px solid #667eea; padding-bottom: 0.5rem;\">\uc11c\ub860 &#8211; \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \uc704\ud55c \uc0c8\ub85c\uc6b4 \ub3c4\uad6c<\/h2>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c, \ud504\ub85c\uc138\uc2a4, \uc54c\uace0\ub9ac\uc998\uc744 \uc774\ud574\ud558\uace0 \uc124\uba85\ud558\ub294 \uac83\uc740 \ubaa8\ub4e0 \ubd84\uc57c\uc5d0\uc11c \uc911\uc694\ud55c \uacfc\uc81c\uc785\ub2c8\ub2e4. \uc804\ud1b5\uc801\uc73c\ub85c \uc774\ub7ec\ud55c \ubaa9\uc801\uc744 \uc704\ud574 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0ac\uc6a9\ud574 \uc654\uc9c0\ub9cc, \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc791\uc131 \ub3c4\uad6c\ub97c \ubc30\uc6b0\uace0 \uc720\uc9c0\ud558\ub294 \ub370 \uc2dc\uac04\uacfc \ub178\ub825\uc774 \ud544\uc694\ud558\ub2e4\ub294 \ub2e8\uc810\uc774 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ubc84\uc804 \uad00\ub9ac \uc2dc\uc2a4\ud15c\uacfc\uc758 \ud1b5\ud569\uc774 \uc5b4\ub835\uace0, \ud611\uc5c5 \ud658\uacbd\uc5d0\uc11c \uc2e4\uc2dc\uac04\uc73c\ub85c \uc218\uc815\ud558\uace0 \uacf5\uc720\ud558\ub294 \ub370 \uc81c\uc57d\uc774 \ub530\ub974\ub294 \uacbd\uc6b0\ub3c4 \ub9ce\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\uc774\ub7ec\ud55c \ubb38\uc81c\uc810\uc744 \ud574\uacb0\ud558\uae30 \uc704\ud574 \ub4f1\uc7a5\ud55c \uac83\uc774 \ubc14\ub85c **\uba38\uba54\uc774\ub4dc \ucc28\ud2b8(Mermaid Chart)**\uc785\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub294 \ud14d\uc2a4\ud2b8 \uae30\ubc18\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc791\uc131 \ub3c4\uad6c\ub85c, \ub9c8\ud06c\ub2e4\uc6b4\uacfc \uc720\uc0ac\ud55c \uac04\ub2e8\ud55c \ubb38\ubc95\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc885\ub958\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c GUI \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud560 \ud544\uc694 \uc5c6\uc774, \ud14d\uc2a4\ud2b8 \ud3b8\uc9d1\uae30\ub9cc\uc73c\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ub9cc\ub4e4\uace0 \uc218\uc815\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc774 \uac00\uc7a5 \ud070 \uc7a5\uc810\uc785\ub2c8\ub2e4.<\/p>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub294 \ub2e8\uc21c\ud788 \ud3b8\ub9ac\ud55c \ub3c4\uad6c\ub97c \ub118\uc5b4, \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \ucd09\uc9c4\ud558\uace0 \uc815\ubcf4 \uc804\ub2ec\uc758 \ud6a8\uc728\uc131\uc744 \ub192\uc774\ub294 \ub370 \uae30\uc5ec\ud569\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc815\uc758\ud558\ub294 \uacfc\uc815\uc5d0\uc11c \uc2dc\uc2a4\ud15c\uc774\ub098 \ud504\ub85c\uc138\uc2a4\uc758 \uad6c\uc870\ub97c \uba85\ud655\ud558\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uc73c\uba70, \uc0dd\uc131\ub41c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \ubb38\uc11c, \uc704\ud0a4, \ud504\ub808\uc820\ud14c\uc774\uc158 \ub4f1 \ub2e4\uc591\ud55c \ub9e4\uccb4\uc5d0 \uc27d\uac8c \ud1b5\ud569\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\ubcf8 \uae00\uc5d0\uc11c\ub294 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ud2b9\uc9d5, \uc0ac\uc6a9\ubc95, \ud65c\uc6a9 \uc0ac\ub840, \uadf8\ub9ac\uace0 \ubbf8\ub798 \uc804\ub9dd\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<h2 style=\"font-size: 2rem; font-weight: 700; margin: 1.75rem 0 1rem; color: #2d3748; border-bottom: 3px solid #667eea; padding-bottom: 0.5rem;\">\ubcf8\ubb38 &#8211; \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ud575\uc2ec \ub0b4\uc6a9<\/h2>\n<h3 style=\"font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; color: #4a5568;\">1. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ud2b9\uc9d5 \ubc0f \uc7a5\uc810<\/h3>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ud14d\uc2a4\ud2b8 \uae30\ubc18:<\/strong> \uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc740 \ud14d\uc2a4\ud2b8 \uae30\ubc18\uc774\ub77c\ub294 \uc810\uc785\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c GUI \ub3c4\uad6c\ub97c \uc775\ud790 \ud544\uc694 \uc5c6\uc774, \uac04\ub2e8\ud55c \ubb38\ubc95\ub9cc \uc54c\uba74 \ub204\uad6c\ub098 \uc27d\uac8c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uac04\ub2e8\ud55c \ubb38\ubc95:<\/strong> \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ubb38\ubc95\uc740 \uc9c1\uad00\uc801\uc774\uace0 \ubc30\uc6b0\uae30 \uc27d\uc2b5\ub2c8\ub2e4. \uba87 \uac00\uc9c0 \ud0a4\uc6cc\ub4dc\uc640 \uae30\ud638\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \uc694\uc18c\uc640 \uad00\uacc4\ub97c \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ub2e4\uc591\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc720\ud615 \uc9c0\uc6d0:<\/strong> \uc21c\uc11c\ub3c4, \ud750\ub984\ub3c4, \uac04\ud2b8 \ucc28\ud2b8, \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8, \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8, ER \ub2e4\uc774\uc5b4\uadf8\ub7a8, \ub124\ud2b8\uc6cc\ud06c \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub4f1 \ub2e4\uc591\ud55c \uc885\ub958\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ubc84\uc804 \uad00\ub9ac \uc2dc\uc2a4\ud15c\uacfc\uc758 \ud1b5\ud569 \uc6a9\uc774:<\/strong> \ud14d\uc2a4\ud2b8 \ud30c\uc77c \ud615\ud0dc\ub85c \uc800\uc7a5\ub418\ubbc0\ub85c, Git\uacfc \uac19\uc740 \ubc84\uc804 \uad00\ub9ac \uc2dc\uc2a4\ud15c\uacfc \uc27d\uac8c \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ubcc0\uacbd \uc774\ub825\uc744 \ucd94\uc801\ud558\uace0 \uad00\ub9ac\ud558\ub294 \ub370 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ud611\uc5c5 \uc6a9\uc774:<\/strong> \ud14d\uc2a4\ud2b8 \ud30c\uc77c\uc744 \uacf5\uc720\ud558\uace0 \uacf5\ub3d9 \ud3b8\uc9d1\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, \ud611\uc5c5 \ud658\uacbd\uc5d0\uc11c \uc2e4\uc2dc\uac04\uc73c\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc218\uc815\ud558\uace0 \uacf5\uc720\ud558\ub294 \ub370 \uc801\ud569\ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ub2e4\uc591\ud55c \ud50c\ub7ab\ud3fc \uc9c0\uc6d0:<\/strong> \uc6f9 \ube0c\ub77c\uc6b0\uc800, Node.js, Python, JavaScript \ub4f1 \ub2e4\uc591\ud55c \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc624\ud508 \uc18c\uc2a4:<\/strong> \uc624\ud508 \uc18c\uc2a4 \ud504\ub85c\uc81d\ud2b8\uc774\ubbc0\ub85c, \ub204\uad6c\ub098 \uc790\uc720\ub86d\uac8c \uc0ac\uc6a9\ud558\uace0 \uae30\uc5ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h3 style=\"font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; color: #4a5568;\">2. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \ubb38\ubc95 \uae30\ucd08<\/h3>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ubb38\ubc95\uc740 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc720\ud615\uc5d0 \ub530\ub77c \uc870\uae08\uc529 \ub2e4\ub974\uc9c0\ub9cc, \uae30\ubcf8\uc801\uc778 \uad6c\uc870\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"mermaid-fallback\" style=\"\n  background: #f8f9fa;\n  border: 2px dashed #dee2e6;\n  padding: 2rem;\n  border-radius: 0.5rem;\n  text-align: center;\n  color: #6c757d;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  margin: 2rem 0;\n\"><\/p>\n<p style=\"margin-bottom: 1rem; font-weight: bold; color: #495057;\">\n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \ubd88\uac00)\n  <\/p>\n<details style=\"margin: 1rem 0;\">\n<summary style=\"cursor: pointer; color: #007bff; margin-bottom: 0.5rem; font-weight: 600;\">\n      \ud83d\udcca \ucc28\ud2b8 \ucf54\ub4dc \ubcf4\uae30<br \/>\n    <\/summary>\n<pre style=\"text-align: left; background: white; padding: 1rem; border-radius: 0.25rem; margin-top: 0.5rem; overflow-x: auto; font-size: 0.875rem;\">\ngraph [\ubc29\ud5a5]\n  [\ub178\ub4dc1] --&gt; [\ub178\ub4dc2]\n  [\ub178\ub4dc2] --&gt; [\ub178\ub4dc3]\n    <\/pre>\n<\/details>\n<p style=\"margin-top: 1rem; font-size: 0.875rem; line-height: 1.6;\">\n    <strong style=\"font-weight: 700; color: #1a202c;\">WordPress \uc0ac\uc6a9\uc790:<\/strong> <a style=\"color: #667eea; text-decoration: underline; font-weight: 500; transition: color 0.2s;\" href=\"https:\/\/wordpress.org\/plugins\/mermaid-chart\/\" target=\"_blank\" rel=\"noopener\" style=\"color: #007bff; text-decoration: underline;\">Mermaid Chart \ud50c\ub7ec\uadf8\uc778<\/a>\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.<br \/>\n    <strong style=\"font-weight: 700; color: #1a202c;\">\ub610\ub294<\/strong> <a style=\"color: #667eea; text-decoration: underline; font-weight: 500; transition: color 0.2s;\" href=\"https:\/\/mermaid.live\/edit#pako:Z3JhcGggW+uwqe2WpV0KICBb64W465OcMV0gLS0+IFvrhbjrk5wyXQogIFvrhbjrk5wyXSAtLT4gW+uFuOuTnDNd\" target=\"_blank\" rel=\"noopener\" style=\"color: #007bff; text-decoration: underline;\">Mermaid Live Editor<\/a>\uc5d0\uc11c \uc774\ubbf8\uc9c0\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc138\uc694.\n  <\/p>\n<p>  <!-- Mermaid \ucf54\ub4dc (\ud50c\ub7ec\uadf8\uc778\uc6a9) --><\/p>\n<pre class=\"mermaid\" style=\"display: none;\" data-mermaid-code=\"Z3JhcGggW+uwqe2WpV0KICBb64W465OcMV0gLS0+IFvrhbjrk5wyXQogIFvrhbjrk5wyXSAtLT4gW+uFuOuTnDNd\">\ngraph [\ubc29\ud5a5]\n  [\ub178\ub4dc1] --&gt; [\ub178\ub4dc2]\n  [\ub178\ub4dc2] --&gt; [\ub178\ub4dc3]\n  <\/pre>\n<\/div>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">graph<\/code>: \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc720\ud615\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">graph LR<\/code> &#8211; \uc67c\ucabd\uc5d0\uc11c \uc624\ub978\ucabd\uc73c\ub85c \ud750\ub974\ub294 \uc21c\uc11c\ub3c4)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">[ ]<\/code>: \ub178\ub4dc\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. \ub178\ub4dc \uc548\uc5d0 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc5ec \ub178\ub4dc\uc758 \ub0b4\uc6a9\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">--&gt;<\/code>: \ub178\ub4dc \uac04\uc758 \uad00\uacc4\ub97c \uc815\uc758\ud569\ub2c8\ub2e4. \ud654\uc0b4\ud45c\uc758 \ubc29\ud5a5\uc740 \uad00\uacc4\uc758 \ud750\ub984\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc8fc\uc694 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc720\ud615\ubcc4 \ubb38\ubc95:<\/strong><\/p>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc21c\uc11c\ub3c4 (Flowchart):<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">graph LR<\/code>: \uc67c\ucabd\uc5d0\uc11c \uc624\ub978\ucabd\uc73c\ub85c \ud750\ub974\ub294 \uc21c\uc11c\ub3c4<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">graph TD<\/code>: \uc704\uc5d0\uc11c \uc544\ub798\ub85c \ud750\ub974\ub294 \uc21c\uc11c\ub3c4<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">start<\/code>, <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">end<\/code>: \uc2dc\uc791 \ubc0f \uc885\ub8cc \ub178\ub4dc<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">operation<\/code>: \uc77c\ubc18\uc801\uc778 \uc5f0\uc0b0 \ub178\ub4dc<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">condition<\/code>: \uc870\uac74 \ubd84\uae30 \ub178\ub4dc<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">subroutine<\/code>: \uc11c\ube0c\ub8e8\ud2f4 \ub178\ub4dc<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uac04\ud2b8 \ucc28\ud2b8 (Gantt Chart):<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">gantt<\/code>: \uac04\ud2b8 \ucc28\ud2b8 \uc815\uc758<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">dateFormat<\/code>: \ub0a0\uc9dc \ud615\uc2dd \uc9c0\uc815 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">dateFormat YYYY-MM-DD<\/code>)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">title<\/code>: \uac04\ud2b8 \ucc28\ud2b8 \uc81c\ubaa9<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">section<\/code>: \uc139\uc158 \uc815\uc758<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">task<\/code>: \uc791\uc5c5 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">task 1 [\uc791\uc5c51] 2023-10-26, 3d<\/code>)<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Class Diagram):<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">classDef<\/code>: \ud074\ub798\uc2a4 \uc2a4\ud0c0\uc77c \uc815\uc758<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">class<\/code>: \ud074\ub798\uc2a4 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">class Animal { +name: string; +age: int; }<\/code>)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">inheritance<\/code>: \uc0c1\uc18d \uad00\uacc4 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">Animal --|&gt; Dog<\/code>)<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 (State Diagram):<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">stateDiagram<\/code>: \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc815\uc758<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">state<\/code>: \uc0c1\ud0dc \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">state Off<\/code>)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">transition<\/code>: \uc0c1\ud0dc \uc804\uc774 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">Off --&gt; On: event<\/code>)<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">ER \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Entity-Relationship Diagram):<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">erDiagram<\/code>: ER \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc815\uc758<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">entity<\/code>: \uc5d4\ud2f0\ud2f0 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">entity Customer { int id &quot;PK&quot;; string name; }<\/code>)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">relationship<\/code>: \uad00\uacc4 \uc815\uc758 (\uc608: <code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">Customer ||--o{ Order : places<\/code>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 style=\"font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; color: #4a5568;\">3. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \ud65c\uc6a9 \uc0ac\ub840<\/h3>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc18c\ud504\ud2b8\uc6e8\uc5b4 \uac1c\ubc1c:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">UML \ub2e4\uc774\uc5b4\uadf8\ub7a8:<\/strong> \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8, \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8, \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub4f1\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc2dc\uc2a4\ud15c\uc758 \uad6c\uc870\uc640 \ub3d9\uc791\uc744 \uc124\uacc4\ud558\uace0 \ubb38\uc11c\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc2a4\ud0a4\ub9c8:<\/strong> ER \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc758 \ud14c\uc774\ube14 \uad6c\uc870\uc640 \uad00\uacc4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">API \ubb38\uc11c\ud654:<\/strong> API\uc758 \uc694\uccad\/\uc751\ub2f5 \ud750\ub984\uc744 \uc21c\uc11c\ub3c4\ub85c \ud45c\ud604\ud558\uc5ec API \uc0ac\uc6a9 \ubc29\ubc95\uc744 \uba85\ud655\ud558\uac8c \uc124\uba85\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ud504\ub85c\uc81d\ud2b8 \uad00\ub9ac:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uac04\ud2b8 \ucc28\ud2b8:<\/strong> \ud504\ub85c\uc81d\ud2b8\uc758 \uc77c\uc815\uacfc \uc791\uc5c5\uc744 \uad00\ub9ac\ud558\uace0 \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">WBS (Work Breakdown Structure):<\/strong> \ud504\ub85c\uc81d\ud2b8\ub97c \uc791\uc740 \uc791\uc5c5 \ub2e8\uc704\ub85c \ubd84\ud574\ud558\uace0 \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud558\uc5ec \uc791\uc5c5 \uad00\ub9ac\ub97c \uc6a9\uc774\ud558\uac8c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ubb38\uc11c \uc791\uc131:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ud504\ub85c\uc138\uc2a4 \uc124\uba85:<\/strong> \ubcf5\uc7a1\ud55c \ud504\ub85c\uc138\uc2a4\ub97c \uc21c\uc11c\ub3c4\ub85c \ud45c\ud604\ud558\uc5ec \uc774\ud574\ub3c4\ub97c \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc758\uc0ac \uacb0\uc815 \ud2b8\ub9ac:<\/strong> \uc758\uc0ac \uacb0\uc815 \uacfc\uc815\uc744 \ud2b8\ub9ac \ud615\ud0dc\ub85c \ud45c\ud604\ud558\uc5ec \ub17c\ub9ac\uc801\uc778 \uc0ac\uace0\ub97c \ub3d5\uace0 \uc758\uc0ac \uacb0\uc815\uc744 \uc9c0\uc6d0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc870\uc9c1\ub3c4:<\/strong> \uc870\uc9c1\uc758 \uad6c\uc870\uc640 \uacc4\uce35 \uad00\uacc4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uad50\uc721 \ubc0f \ud559\uc2b5:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc54c\uace0\ub9ac\uc998 \uc2dc\uac01\ud654:<\/strong> \uc54c\uace0\ub9ac\uc998\uc758 \ub3d9\uc791 \uacfc\uc815\uc744 \uc21c\uc11c\ub3c4\ub85c \ud45c\ud604\ud558\uc5ec \uc774\ud574\ub3c4\ub97c \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uac1c\ub150 \uc124\uba85:<\/strong> \ubcf5\uc7a1\ud55c \uac1c\ub150\uc744 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ud45c\ud604\ud558\uc5ec \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 style=\"font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; color: #4a5568;\">4. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc0ac\uc6a9 \ub3c4\uad6c \ubc0f \ud658\uacbd<\/h3>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc628\ub77c\uc778 \uc5d0\ub514\ud130:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">Mermaid Live Editor:<\/strong> \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \uc791\uc131\ud558\uace0 \ubbf8\ub9ac \ubcfc \uc218 \uc788\ub294 \uc628\ub77c\uc778 \uc5d0\ub514\ud130\uc785\ub2c8\ub2e4. (<a style=\"color: #667eea; text-decoration: underline; font-weight: 500; transition: color 0.2s;\" href=\"https:\/\/mermaid.live\/\">https:\/\/mermaid.live\/<\/a>)<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">Markdown \ud3b8\uc9d1\uae30 (VS Code, Typora \ub4f1):<\/strong> \ub9ce\uc740 \ub9c8\ud06c\ub2e4\uc6b4 \ud3b8\uc9d1\uae30\uac00 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc9c0\uc6d0 \uae30\ub2a5\uc744 \ub0b4\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">Node.js:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">mermaid<\/code>: Node.js \ud658\uacbd\uc5d0\uc11c \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \uc0dd\uc131\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ud328\ud0a4\uc9c0\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">Python:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">mermaid-js<\/code>: Python \ud658\uacbd\uc5d0\uc11c \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \uc0dd\uc131\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ud328\ud0a4\uc9c0\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">JavaScript:<\/strong>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><code style=\"background: #edf2f7; color: #e53e3e; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-family: 'Courier New', monospace; font-size: 0.9em;\">mermaid.js<\/code>: JavaScript \ud658\uacbd\uc5d0\uc11c \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \uc0dd\uc131\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 style=\"font-size: 1.5rem; font-weight: 600; margin: 1.5rem 0 0.75rem; color: #4a5568;\">5. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ud55c\uacc4\uc810 \ubc0f \uac1c\uc120 \ubc29\ud5a5<\/h3>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ubcf5\uc7a1\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ud45c\ud604\uc758 \uc5b4\ub824\uc6c0:<\/strong> \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub294 \ud14d\uc2a4\ud2b8 \uae30\ubc18\uc774\uae30 \ub54c\ubb38\uc5d0, \ub9e4\uc6b0 \ubcf5\uc7a1\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ud45c\ud604\ud558\ub294 \ub370 \ud55c\uacc4\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ubb38\ubc95 \uc219\uc9c0 \ud544\uc694:<\/strong> \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ubb38\ubc95\uc744 \uc219\uc9c0\ud574\uc57c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ud6a8\uacfc\uc801\uc73c\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc2dc\uac01\uc801 \ub514\uc790\uc778\uc758 \uc81c\ud55c:<\/strong> \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \uc2dc\uac01\uc801 \ub514\uc790\uc778\uc740 \uc81c\ud55c\uc801\uc785\ub2c8\ub2e4. \uc0c9\uc0c1, \uae00\uaf34, \ub808\uc774\uc544\uc6c3 \ub4f1\uc744 \uc790\uc720\ub86d\uac8c \ubcc0\uacbd\ud558\uae30 \uc5b4\ub835\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uac1c\uc120 \ubc29\ud5a5:<\/strong><\/p>\n<ul style=\"margin: 1rem 0; padding-left: 2rem; list-style-type: disc;\">\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">GUI \uc5d0\ub514\ud130 \uac1c\ubc1c:<\/strong> \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ubb38\ubc95\uc744 \ubab0\ub77c\ub3c4 \uc27d\uac8c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc791\uc131\ud560 \uc218 \uc788\ub294 GUI \uc5d0\ub514\ud130 \uac1c\ubc1c\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ubb38\ubc95 \ud655\uc7a5:<\/strong> \ub354 \ubcf5\uc7a1\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ud45c\ud604\ud560 \uc218 \uc788\ub3c4\ub85d \ubb38\ubc95\uc744 \ud655\uc7a5\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\uc2dc\uac01\uc801 \ub514\uc790\uc778 \uae30\ub2a5 \uac15\ud654:<\/strong> \uc0c9\uc0c1, \uae00\uaf34, \ub808\uc774\uc544\uc6c3 \ub4f1\uc744 \uc790\uc720\ub86d\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\ub294 \uc2dc\uac01\uc801 \ub514\uc790\uc778 \uae30\ub2a5\uc744 \uac15\ud654\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li style=\"margin: 0.5rem 0; line-height: 1.8; color: #4a5568;\"><strong style=\"font-weight: 700; color: #1a202c;\">\ub2e4\uc591\ud55c \ud50c\ub7ab\ud3fc \uc9c0\uc6d0 \ud655\ub300:<\/strong> \ub354 \ub9ce\uc740 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0 \ubc94\uc704\ub97c \ud655\ub300\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2 style=\"font-size: 2rem; font-weight: 700; margin: 1.75rem 0 1rem; color: #2d3748; border-bottom: 3px solid #667eea; padding-bottom: 0.5rem;\">\uacb0\ub860 &#8211; \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \uc704\ud55c \uac15\ub825\ud55c \ub3c4\uad6c<\/h2>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub294 \ud14d\uc2a4\ud2b8 \uae30\ubc18\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc791\uc131 \ub3c4\uad6c\ub85c\uc11c, \uac04\ud3b8\ud568, \uc720\uc5f0\uc131, \ud611\uc5c5 \uc6a9\uc774\uc131 \ub4f1 \ub2e4\uc591\ud55c \uc7a5\uc810\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uac1c\ubc1c, \ud504\ub85c\uc81d\ud2b8 \uad00\ub9ac, \ubb38\uc11c \uc791\uc131, \uad50\uc721 \ub4f1 \ub2e4\uc591\ud55c \ubd84\uc57c\uc5d0\uc11c \ud65c\uc6a9\ub420 \uc218 \uc788\uc73c\uba70, \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \ucd09\uc9c4\ud558\uace0 \uc815\ubcf4 \uc804\ub2ec\uc758 \ud6a8\uc728\uc131\uc744 \ub192\uc774\ub294 \ub370 \uae30\uc5ec\ud569\ub2c8\ub2e4.<\/p>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\ubb3c\ub860, \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc5d0\ub3c4 \ud55c\uacc4\uc810\uc740 \uc874\uc7ac\ud558\uc9c0\ub9cc, \uc9c0\uc18d\uc801\uc778 \uac1c\uc120\uacfc \ubc1c\uc804\uc744 \ud1b5\ud574 \ub354\uc6b1 \uac15\ub825\ud558\uace0 \uc720\uc6a9\ud55c \ub3c4\uad6c\ub85c \uc790\ub9ac\ub9e4\uae40\ud560 \uac83\uc73c\ub85c \uae30\ub300\ub429\ub2c8\ub2e4. \ud2b9\ud788, GUI \uc5d0\ub514\ud130 \uac1c\ubc1c\uacfc \ubb38\ubc95 \ud655\uc7a5, \uc2dc\uac01\uc801 \ub514\uc790\uc778 \uae30\ub2a5 \uac15\ud654\ub294 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\uc758 \ud65c\uc6a9 \ubc94\uc704\ub97c \ub354\uc6b1 \ub113\ud788\ub294 \ub370 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p style=\"line-height: 1.8; margin: 1rem 0; color: #2d3748; font-size: 1.05rem;\">\uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub294 \ub2e8\uc21c\ud788 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uadf8\ub9ac\ub294 \ub3c4\uad6c\ub97c \ub118\uc5b4, \uc0dd\uac01\uc744 \uc2dc\uac01\ud654\ud558\uace0 \uacf5\uc720\ud558\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc55e\uc73c\ub85c \ub354 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec \ubcf5\uc7a1\ud55c \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uace0 \ucc3d\uc758\uc801\uc778 \uc544\uc774\ub514\uc5b4\ub97c \ubc1c\uc804\uc2dc\ucf1c \ub098\uac00\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8: \ud14d\uc2a4\ud2b8\ub85c \uadf8\ub9ac\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ub9e4\ub825 \uc11c\ub860 &#8211; \uc2dc\uac01\uc801 \uc0ac\uace0\ub97c \uc704\ud55c \uc0c8\ub85c\uc6b4 \ub3c4\uad6c \ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c, \ud504\ub85c\uc138\uc2a4, \uc54c\uace0\ub9ac\uc998\uc744 \uc774\ud574\ud558\uace0 \uc124\uba85\ud558\ub294 \uac83\uc740 \ubaa8\ub4e0 \ubd84\uc57c\uc5d0\uc11c \uc911\uc694\ud55c \uacfc\uc81c\uc785\ub2c8\ub2e4. \uc804\ud1b5\uc801\uc73c\ub85c \uc774\ub7ec\ud55c \ubaa9\uc801\uc744 \uc704\ud574 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0ac\uc6a9\ud574 \uc654\uc9c0\ub9cc, \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc791\uc131 \ub3c4\uad6c\ub97c \ubc30\uc6b0\uace0 \uc720\uc9c0\ud558\ub294 \ub370 \uc2dc\uac04\uacfc \ub178\ub825\uc774 \ud544\uc694\ud558\ub2e4\ub294 \ub2e8\uc810\uc774 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ubc84\uc804 \uad00\ub9ac \uc2dc\uc2a4\ud15c\uacfc\uc758 \ud1b5\ud569\uc774 \uc5b4\ub835\uace0, \ud611\uc5c5 \ud658\uacbd\uc5d0\uc11c \uc2e4\uc2dc\uac04\uc73c\ub85c \uc218\uc815\ud558\uace0 \uacf5\uc720\ud558\ub294&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":5496,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[14],"tags":[],"class_list":["post-5497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-setup-guide"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5497"}],"version-history":[{"count":1,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5497\/revisions"}],"predecessor-version":[{"id":5498,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5497\/revisions\/5498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/media\/5496"}],"wp:attachment":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}