{"id":5544,"date":"2026-02-17T18:02:24","date_gmt":"2026-02-17T18:02:24","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5544"},"modified":"2026-02-17T18:02:24","modified_gmt":"2026-02-17T18:02:24","slug":"%eb%a8%b8%eb%a9%94%ec%9d%b4%eb%93%9c-%ec%b0%a8%ed%8a%b8mermaid-chart%eb%9e%80-%eb%b9%84%ec%a3%bc%ec%96%bc-%eb%ac%b8%ec%84%9c%ed%99%94%ec%9d%98-%ed%98%81%ec%8b%a0","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5544","title":{"rendered":"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8(Mermaid Chart)\ub780? \ube44\uc8fc\uc5bc \ubb38\uc11c\ud654\uc758 \ud601\uc2e0"},"content":{"rendered":"

<\/p>\n

\n \"\uba38\uba54\uc774\ub4dc
\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 – 1<\/figcaption><\/figure>\n

\uba38\uba54\uc774\ub4dc \ucc28\ud2b8(Mermaid Chart)\ub780? \ube44\uc8fc\uc5bc \ubb38\uc11c\ud654\uc758 \ud601\uc2e0<\/h1>\n
\n

\uc11c\ub860<\/h2>\n

\uc624\ub298\ub0a0 \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790, \ub514\uc790\uc774\ub108\ub97c \ubd88\ubb38\ud558\uace0 \ub9ce\uc740 \uc9c0\uc2dd \uc885\uc0ac\uc790\ub4e4\uc740 \ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c\uacfc \ud750\ub984\uc744 \uc774\ud574\ud558\uace0 \uc124\uba85\ud558\uae30 \uc704\ud574 "\ub2e4\uc774\uc5b4\uadf8\ub7a8(\ucc28\ud2b8)"\uc744 \uadf8\ub9b0\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c\ub294 \ud30c\uc6cc\ud3ec\uc778\ud2b8\ub098 Visio, Lucidchart\uc640 \uac19\uc740 \ud234\uc744 \uc0ac\uc6a9\ud558\uc9c0\ub9cc, \uc774\ub4e4 \ub300\ubd80\ubd84\uc740 \ubcf5\uc7a1\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ud611\uc5c5\uc774 \uc5b4\ub835\uace0, \ubc84\uc804 \uad00\ub9ac\uac00 \uae4c\ub2e4\ub85c\uc6b4 \ubb38\uc81c\ub97c \uc548\uace0 \uc788\ub2e4.<\/p>\n

\uc774\ub7f0 \ubb38\uc81c\ub97c \ud601\uc2e0\uc801\uc73c\ub85c \ud574\uacb0\ud574\uc8fc\ub294 \uc720\uc6a9\ud55c \ub3c4\uad6c\uac00 \uc788\ub2e4. \ubc14\ub85c \uba38\uba54\uc774\ub4dc(Mermaid)<\/strong> \ub2e4.
\n\uba38\uba54\uc774\ub4dc\ub294 \ucf54\ub4dc \uae30\ubc18\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc0dd\uc131\uae30\ub85c, \uac04\ub2e8\ud55c \ud14d\uc2a4\ud2b8(\ub9c8\ud06c\ub2e4\uc6b4\ucc98\ub7fc)\ub97c \uc785\ub825\ud558\uba74, \ub2e4\uc591\ud55c \ucc28\ud2b8\uc640 \ud50c\ub85c\uc6b0\ucc28\ud2b8\ub97c \uc190\uc27d\uac8c \uadf8\ub9b4 \uc218 \uc788\uac8c \ud574\uc900\ub2e4. \uae43\ud5c8\ube0c, \ub178\uc158 \uadf8\ub9ac\uace0 \uac01\uc885 \uac1c\ubc1c \ubb38\uc11c \ud50c\ub7ab\ud3fc\uc5d0\uc11c \ud3ed\ub113\uac8c \uc9c0\uc6d0\ub418\ub294 \uac83\ub3c4 \ud070 \uc7a5\uc810\uc774\ub2e4.<\/p>\n

\uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8(Mermaid Chart)\uac00 \ubb34\uc5c7\uc778\uc9c0, \uc65c \uc4f0\ub294 \uac83\uc774 \uc88b\uc740\uc9c0, \uadf8\ub9ac\uace0 \uc2e4\uc81c\ub85c \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ud558\ub294\uc9c0\uae4c\uc9c0 \ud575\uc2ec \ud3ec\uc778\ud2b8\ub4e4\uc744 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf8\ub2e4.<\/p>\n

\n

\ubcf8\ubb38<\/h2>\n

1. \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub780 \ubb34\uc5c7\uc778\uac00?<\/h3>\n

**\uba38\uba54\uc774\ub4dc(Mermaid)**\ub294 \uac04\ub2e8\ud55c \ub9c8\ud06c\ub2e4\uc6b4(Markdown)\uacfc \ub9e4\uc6b0 \uc720\uc0ac\ud55c \ubc29\uc2dd\uc73c\ub85c \ud50c\ub85c\uc6b0\ucc28\ud2b8, \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8, \uac04\ud2b8(Gantt) \ucc28\ud2b8 \ub4f1 \ub2e4\uc591\ud55c \ub3c4\uc2dd\ud654(Visualization)\ub97c \ud560 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uae30\ubc18\uc758 \uc624\ud508\uc18c\uc2a4 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub2e4.
\n\uacf5\uc2dd \ud648\ud398\uc774\uc9c0 \ub610\ub294 \ubcc4\ub3c4\uc758 \uc124\uce58 \uc5c6\uc774, \uc9c0\uc6d0\ub418\ub294 \ud50c\ub7ab\ud3fc(\uc608: Github, Notion, Obsidian \ub4f1)\uc5d0\uc11c \uac04\ub2e8\ud55c \ucf54\ub4dc \ube14\ub85d\ub9cc \uc785\ub825\ud558\uba74 \ubc14\ub85c \ucc28\ud2b8\ub85c \ub80c\ub354\ub9c1\ud574\uc8fc\uae30 \ub54c\ubb38\uc5d0 \ud559\uc2b5 \uace1\uc120\uc774 \ub0ae\uace0 \ud65c\uc6a9\uc131\uc774 \ub6f0\uc5b4\ub098\ub2e4.<\/p>\n

\uc7a5\uc810 \uc694\uc57d<\/strong><\/p>\n