{"id":16737,"date":"2026-03-15T11:09:25","date_gmt":"2026-03-15T02:09:25","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=16737"},"modified":"2026-03-15T15:24:16","modified_gmt":"2026-03-15T06:24:16","slug":"mermaid-%ec%88%9c%ec%84%9c%eb%8f%84","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=16737","title":{"rendered":"Mermaid \ubb38\ubc95"},"content":{"rendered":"<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"md\">\r\n```mermaid\r\ngraph TD\r\n    A[\uc0ac\uac01\ubc15\uc2a4] --> B{\ub2e4\uc774\uc544\ubaac\ub4dc\ubc15\uc2a4}\r\n    B -->|\ub77c\ubca81| C((\uc6d0\ud615\ubc15\uc2a4))\r\n    B -->|\ub77c\ubca82| D(\ub77c\uc6b4\ub4dc\ubc15\uc2a4)\r\n    C --> E([\ud14d\uc2a4\ud2b8])\r\n    subgraph \uc11c\ube0c\uadf8\ub798\ud504\r\n        D --> E\r\n        E --> F[[\uc11c\ube0c\ub8e8\ud2f4]]\r\n        E --> G[(\uc800\uc7a5\uc18c\ubc15\uc2a4)]\r\n    end\r\n    E --> H([\uacbd\uae30\uc7a5\ubc15\uc2a4])\r\n    E --> I>\ub9ac\ubcf8\ubc15\uc2a4]\r\n    E --> J[\/\uae30\uc6b8\ubc15\uc2a41\/]\r\n    E --> K[\\\uae30\uc6b8\ubc15\uc2a42\\]\r\n    J ---|\uc2e4\uc120| K\r\n    A -.->|\uc810\uc120| F\r\n    G ==>|\uad75\uc740\ud654\uc0b4| H\r\n    F ===|\uad75\uc740\uc2e4\uc120| H\r\n    K --> L{{\uc721\uac01\ubc15\uc2a4}}\r\n```\r\n<\/pre>\n<p><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2026\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2026-03-15-11.09.05.png\" alt=\"\" width=\"800\" class=\"aligncenter size-full wp-image-16738\" \/><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"md\">\r\n```mermaid\r\nclassDiagram\r\n\r\nclass \ud074\ub798\uc2a4\uba85 {\r\n    +\uacf5\uc6a9_\ud544\ub4dc: string\r\n    -\ube44\uacf5\uac1c_\ud544\ub4dc\r\n    #\ubcf4\ud638\ub41c_\ud544\ub4dc\r\n    ~\ud328\ud0a4\uc9c0_\ub0b4\ubd80_\ud544\ub4dc\r\n    +\uacf5\uc6a9_\uba54\uc11c\ub4dc(a: int): void\r\n    -\ube44\uacf5\uac1c_\uba54\uc11c\ub4dc()\r\n    #\ubcf4\ud638\ub41c_\uba54\uc11c\ub4dc()\r\n    ~\ud328\ud0a4\uc9c0_\ub0b4\ubd80_\ub9e4\uc11c\ub4dc()\r\n}\r\n```\r\n\r\n```mermaid\r\nclassDiagram\r\n    class \uc624\ub9ac {}\r\n    class \ubb3c\uace0\uae30\r\n    class \uc5bc\ub8e9\ub9d0 {\r\n        &lt;&lt;abstract>>\r\n    }\r\n    class \ub3d9\ubb3c {\r\n        &lt;&lt;interface>>\r\n    }\r\n    class \ub2ed\r\n    class \ub0a0\uac1c\r\n    \r\n    \ub3d9\ubb3c <-- \uc624\ub9ac\r\n    \ub3d9\ubb3c <.. \ubb3c\uace0\uae30\r\n    \ub3d9\ubb3c <|-- \uc5bc\ub8e9\ub9d0\r\n    \ub3d9\ubb3c <|.. \ub2ed\r\n    \uc5bc\ub8e9\ub9d0 -- \ubb3c\uace0\uae30\r\n    \uc624\ub9ac *--> \ub0a0\uac1c\r\n    \ub2ed *-->\"2\" \ub0a0\uac1c\r\n    \ube44\ub298\"*\"--\"1\"\ubb3c\uace0\uae30\r\n```\r\n<\/pre>\n<p><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2026\/03\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2026-03-15-15.22.33.png\" alt=\"\" width=\"550\" class=\"aligncenter size-full wp-image-16747\" \/><\/p>\n<p><a href='https:\/\/docs.mermaidviewer.com\/ko\/mermaid-viewer\/live-editor.html'>Mermaid \ucc38\uc870<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;`mermaid graph TD A[\uc0ac\uac01\ubc15\uc2a4] &#8211;> B{\ub2e4\uc774\uc544\ubaac\ub4dc\ubc15\uc2a4} B &#8211;>|\ub77c\ubca81| C((\uc6d0\ud615\ubc15\uc2a4)) B &#8211;>|\ub77c\ubca82| D(\ub77c\uc6b4\ub4dc\ubc15\uc2a4) C &#8211;> E([\ud14d\uc2a4\ud2b8]) subgraph \uc11c\ube0c\uadf8\ub798\ud504 D &#8211;> E E &#8211;> F[[\uc11c\ube0c\ub8e8\ud2f4]] E &#8211;> G[(\uc800\uc7a5\uc18c\ubc15\uc2a4)] end E &#8211;> H([\uacbd\uae30\uc7a5\ubc15\uc2a4]) E &#8211;> I>\ub9ac\ubcf8\ubc15\uc2a4] E &#8211;> J[\/\uae30\uc6b8\ubc15\uc2a41\/] E &#8211;> K[\\\uae30\uc6b8\ubc15\uc2a42\\] J &#8212;|\uc2e4\uc120| K A -.->|\uc810\uc120| F G ==>|\uad75\uc740\ud654\uc0b4| H F ===|\uad75\uc740\uc2e4\uc120| H K &#8211;> L{{\uc721\uac01\ubc15\uc2a4}} &#8220;` &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=16737\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Mermaid \ubb38\ubc95&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-16737","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16737"}],"version-history":[{"count":9,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16737\/revisions"}],"predecessor-version":[{"id":16762,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16737\/revisions\/16762"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16737"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}