{"id":5412,"date":"2025-12-23T17:39:07","date_gmt":"2025-12-23T17:39:07","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5412"},"modified":"2025-12-23T17:39:07","modified_gmt":"2025-12-23T17:39:07","slug":"%eb%a8%b8%eb%a9%94%ec%9d%b4%eb%93%9c%ec%b0%a8%ed%8a%b8%ec%9d%98-%ec%a2%85%eb%a5%98-4","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5412","title":{"rendered":"\uba38\uba54\uc774\ub4dc\ucc28\ud2b8\uc758 \uc885\ub958"},"content":{"rendered":"

<\/p>\n

\n<\/div>\n

\ud83c\udf0a \uba38\uba54\uc774\ub4dc\ucc28\ud2b8(Mermaid Chart) \uc885\ub958 \ucd1d\uc815\ub9ac: \uc2dc\uac01\ud654\uc758 \ubaa8\ub4e0 \uac83<\/h2>\n

\ubcf5\uc7a1\ud55c \uc544\uc774\ub514\uc5b4\ub098 \ub370\uc774\ud130\ub97c \uba85\ub8cc\ud558\uac8c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c, \uadf8\ub9bc\uc740 \ucc9c \ub9c8\ub514 \ub9d0\ubcf4\ub2e4 \uac15\ub825\ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ucf54\ub529\uc5d0 \uc775\uc219\ud558\uc9c0 \uc54a\uac70\ub098 \uc804\ubb38 \uadf8\ub798\ud53d \ub3c4\uad6c \uc0ac\uc6a9\uc774 \ubc88\uac70\ub86d\ub2e4\uba74 **\uba38\uba54\uc774\ub4dc\ucc28\ud2b8(Mermaid)**\uac00 \ud601\uc2e0\uc801\uc778 \ud574\uacb0\ucc45\uc774 \ub418\uc5b4\uc90d\ub2c8\ub2e4. \uc774 \ub2e8\uc21c\ud558\uba74\uc11c\ub3c4 \uac15\ub825\ud55c Markdown \uae30\ubc18\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc0dd\uc131 \ud234<\/strong>\uc740 \ucf54\ub4dc \uba87 \uc904\ub9cc\uc73c\ub85c \ub2e4\uc591\ud55c \uc885\ub958\uc758 \uc2dc\uac01\uc801 \ud45c\ud604\uc744 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4. \uac1c\ubc1c\uc790, \uae30\ud68d\uc790, \uae30\uc220 \uc791\uac00\ub77c\uba74 \ubc18\ub4dc\uc2dc \uc54c\uc544\uc57c \ud560 \uba38\uba54\uc774\ub4dc\ucc28\ud2b8\uc758 \uc8fc\uc694 \uc885\ub958\uc640 \uadf8 \ud65c\uc6a9\ubc95\uc744 \uae4a\uc774 \uc788\uac8c \ud30c\ud5e4\uccd0 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

\n

1. \uc65c \uba38\uba54\uc774\ub4dc\ucc28\ud2b8\uc778\uac00? (\uadf8\ub9bc\ubcf4\ub2e4 \uc26c\uc6b4 \ucf54\ub4dc, \ucf54\ub4dc\ubcf4\ub2e4 \uac15\ub825\ud55c \uadf8\ub9bc)<\/h3>\n

\uc77c\ubc18\uc801\uc778 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub3c4\uad6c\ub4e4\uc740 \ub300\ubd80\ubd84 \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d \ubc29\uc2dd\uc758 GUI\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc9c1\uad00\uc801\uc77c \uc218 \uc788\uc9c0\ub9cc, \ub300\uaddc\ubaa8 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uad00\ub9ac, \ubc84\uc804 \uad00\ub9ac, \ud611\uc5c5, \ud14d\uc2a4\ud2b8 \uae30\ubc18 \uc7ac\uc0ac\uc6a9\uc131<\/strong> \uce21\uba74\uc5d0\uc11c\ub294 \ud55c\uacc4\uac00 \ubd84\uba85\ud569\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc\ucc28\ud2b8\ub294 \uc774\ub97c \ud14d\uc2a4\ud2b8\ub85c \ud574\uacb0\ud569\ub2c8\ub2e4.<\/p>\n

    \n
  • \ud14d\uc2a4\ud2b8\uc758 \ud655\uc7a5\uc131:<\/strong> \ucf54\ub4dc \ud615\ud0dc\uc758 \uc815\uc758\ubb38(.mmd<\/code>, .md<\/code> \ud30c\uc77c)\uc73c\ub85c \uc791\uc131\ub418\ubbc0\ub85c Git \ub4f1\uc758 \ubc84\uc804 \uad00\ub9ac\uc640 \ud6cc\ub96d\ud558\uac8c \ud638\ud658\ub429\ub2c8\ub2e4. \ubcc0\uacbd \ub0b4\uc5ed \ucd94\uc801\uacfc \ubcd1\ud569\uc774 \ub9e4\uc6b0 \uc6a9\uc774\ud569\ub2c8\ub2e4.<\/li>\n
  • \uc0dd\uc0b0\uc131 \ud5a5\uc0c1:<\/strong> \ubcf5\uc7a1\ud55c \uadf8\ub798\ud53d \uc870\uc791 \uc5c6\uc774 \ud0a4\ubcf4\ub4dc\ub9cc\uc73c\ub85c \ube60\ub974\uac8c \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ucd08\uc548\uc744 \ub9cc\ub4e4\uace0 \uc218\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \ud611\uc5c5 \uc6a9\uc774\uc131:<\/strong> \ud14d\uc2a4\ud2b8 \ud30c\uc77c \uacf5\uc720\uc640 \ub9ac\ubdf0\uac00 \uc774\ubbf8\uc9c0 \ud30c\uc77c \uacf5\uc720\ubcf4\ub2e4 \ud6e8\uc52c \uac04\ud3b8\ud558\uace0 \ucc28\uc774\uc810\uc744 \uba85\ud655\ud788 \ud30c\uc545\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \uc77c\uad00\uc131 \uc720\uc9c0:<\/strong> \uc2a4\ud0c0\uc77c \uc815\uc758\ub97c \uc77c\uad00\ub418\uac8c \uc801\uc6a9\ud558\uc5ec \ub3d9\uc77c\ud55c \ud1a4\uc564\ub9e4\ub108\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc5ec\ub7ec \uac1c \uc0dd\uc131\ud558\uae30 \uc27d\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \uc811\uadfc\uc131:<\/strong> \ucf54\ub4dc \ub9ac\ubdf0 \uacfc\uc815\uc5d0\uc11c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \uc18c\uc2a4 \ud14d\uc2a4\ud2b8\ub97c \uc9c1\uc811 \ud655\uc778\ud558\uace0 \uc758\uacac\uc744 \uc81c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \ub2e4\uc591\ud55c \ud1b5\ud569:<\/strong> GitHub\/GitLab (\ucf54\ub4dc \ube14\ub85d \ub0b4 \uc790\ub3d9 \ub80c\ub354\ub9c1), VS Code, Obsidian, Notion, Confluence \ub4f1 \uc8fc\uc694 \uac1c\ubc1c \ubc0f \ubb38\uc11c\ud654 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \ub110\ub9ac \uc9c0\uc6d0\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n

    \uac04\ub2e8\ud55c \ud14d\uc2a4\ud2b8 \ubb38\ubc95\uc73c\ub85c \uc0dd\uc131\ub418\ub294 \uc774 \ub2e4\uc774\uc5b4\uadf8\ub7a8\ub4e4\uc758 \uc885\ub958\ub294 \uc0dd\uac01\ubcf4\ub2e4 \ud6e8\uc52c \ud48d\ubd80\ud569\ub2c8\ub2e4.<\/p>\n

    \n

    2. \uba38\uba54\uc774\ub4dc\ucc28\ud2b8\uc758 \ud575\uc2ec \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc885\ub958\ubcc4 \ubd84\uc11d<\/h3>\n

    \uc544\ub798 \uc8fc\uc694 \ucc28\ud2b8 \uc720\ud615\ub4e4\uc744 \ud558\ub098\uc529 \uc9d1\uc911 \ud0d0\uad6c\ud569\ub2c8\ub2e4. \uac01 \uc720\ud615\uc758 \ubaa9\uc801, \ud575\uc2ec \uad6c\ubb38, \uc608\uc2dc \uadf8\ub9ac\uace0 \uc7a5\ub2e8\uc810\uc744 \uc774\ud574\ud558\uba74 \uc0c1\ud669\uc5d0 \ub9de\ub294 \ucd5c\uc801\uc758 \uc2dc\uac01\ud654 \ub3c4\uad6c\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    \ud83d\udccd 2.1. \ud50c\ub85c\uc6b0 \ucc28\ud2b8 (Flowchart) – flowchart<\/code> \/ graph<\/code><\/h4>\n

    \ubaa9\uc801:<\/strong> \ud504\ub85c\uc138\uc2a4\ub098 \uc54c\uace0\ub9ac\uc998\uc758 \ub2e8\uacc4\uc801 \ud750\ub984<\/strong>\uc744 \uc21c\uc11c\ub3c4 \ud615\ud0dc\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4. \uc758\uc0ac\uacb0\uc815 \ud3ec\uc778\ud2b8, \ubc18\ubcf5, \ubd84\uae30 \ub4f1\uc744 \uc2dc\uac01\ud654\ud558\ub294 \ub370 \ud544\uc218\uc801\uc785\ub2c8\ub2e4.<\/p>\n

    \ud575\uc2ec \uad6c\ubb38 \uc694\uc18c:<\/strong><\/p>\n

      \n
    • \ub178\ub4dc(\ub3c4\ud615):<\/strong> [\uc0ac\uac01\ud615]<\/code>, [[\ub465\uadfc \uc0ac\uac01\ud615]]<\/code>, >\uc2dc\uc791]<\/code>, {\ub9c8\ub984\ubaa8}<\/code>, ((\uc6d0))<\/code> \ub4f1.<\/li>\n
    • \uc5e3\uc9c0(\ud654\uc0b4\ud45c):<\/strong> --><\/code> (\uc2e4\uc120), -.-><\/code> (\uc810\uc120), ==><\/code> (\uad75\uc740 \uc120), -- \ud14d\uc2a4\ud2b8 --><\/code> (\ud14d\uc2a4\ud2b8 \ub77c\ubca8)<\/li>\n
    • \ubc29\ud5a5 \uc81c\uc5b4:<\/strong> TB<\/code> (Top to Bottom), BT<\/code>, RL<\/code> (Right to Left), LR<\/code> (Left to Right)<\/li>\n
    • \ud558\uc704 \uadf8\ub798\ud504:<\/strong> subgraph \uadf8\ub8f9\uba85 [...] end<\/code><\/li>\n<\/ul>\n

      \uc608\uc2dc (\uac04\ub2e8\ud55c \ub85c\uadf8\uc778 \ud504\ub85c\uc138\uc2a4):<\/strong><\/p>\n

      <!--MERMAID_BLOCK_0--><\/code>
      \n\uacb0\uacfc:<\/strong><\/p>\n

      \n
      \nflowchart TB\n    A([\uc2dc\uc791]) --> B[\/\uc0ac\uc6a9\uc790 \uc785\ub825: ID\/PW\/]\n    B --> C{\uc720\ud6a8\ud55c \uc785\ub825?}\n    C -->|Yes| D[[DB \uc870\ud68c]]\n    C -->|No| E[\uc624\ub958 \uba54\uc2dc\uc9c0 \ucd9c\ub825]\n    D --> F{\uc778\uc99d \uc131\uacf5?}\n    F -->|Yes| G[[\uc811\uc18d \ud5c8\uc6a9]]\n    F -->|No| E\n    G --> H([\uc885\ub8cc])\n    E --> H\n  <\/pre>\n<\/div>\n
      \uc7a5\uc810:<\/strong><\/p>\n
        \n
      • \ud504\ub85c\uc138\uc2a4 \uc774\ud574\ub3c4\ub97c \uadf9\ub300\ud654\ud558\ub294 \uc9c1\uad00\uc801\uc778 \ud45c\ud604<\/li>\n
      • \ubcf5\uc7a1\ud55c \ub85c\uc9c1\ub3c4 \ub2e8\uacc4\ubcc4\ub85c \uc27d\uac8c \ubd84\ud574 \uac00\ub2a5<\/li>\n
      • \uc758\uc0ac \uacb0\uc815 \ud3ec\uc778\ud2b8 \uc2dc\uac01\ud654\uc5d0 \ud0c1\uc6d4<\/li>\n<\/ul>\n
        \ub2e8\uc810:<\/strong><\/p>\n
          \n
        • \ub3d9\uc2dc \uc2e4\ud589\uc774\ub098 \ubcd1\ub82c \ucc98\ub9ac\ub97c \ud45c\ud604\ud558\uae30 \uae4c\ub2e4\ub85c\uc6c0 (\ub85c\uc9c1 \ubd84\uae30 \uc2dc \ubcf5\uc7a1\ud574\uc9d0)<\/li>\n<\/ul>\n
          2.2. \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Sequence Diagram) – sequenceDiagram<\/code><\/h4>\n
          \ubaa9\uc801:<\/strong> \uc2dc\uc2a4\ud15c \uad6c\uc131 \uc694\uc18c \uac04\uc758 \uc0c1\ud638 \uc791\uc6a9 \uba54\uc2dc\uc9c0<\/strong>\uc640 \uadf8 \uc2dc\uac04\uc801 \uc21c\uc11c<\/strong>\ub97c \uac15\uc870\ud569\ub2c8\ub2e4. \ud2b9\ud788 \uac1d\uccb4 \uac04 \ud1b5\uc2e0\uc774\ub098 API \ud638\ucd9c \ud750\ub984\uc744 \ubaa8\ub378\ub9c1\ud558\ub294 \ub370 \ud544\uc218\uc801\uc785\ub2c8\ub2e4.<\/p>\n
          \ud575\uc2ec \uad6c\ubb38 \uc694\uc18c:<\/strong><\/p>\n
            \n
          • \ucc38\uc5ec\uc790 (Participants):<\/strong> participant \uc0ac\uc6a9\uc790<\/code>, participant \uc11c\ubc84 as S<\/code>, actor \uad00\ub9ac\uc790<\/code><\/li>\n
          • \uba54\uc2dc\uc9c0 (Messages):<\/strong>  \uc0ac\uc6a9\uc790->>\uc11c\ubc84: \ub85c\uadf8\uc778 \uc694\uccad<\/code>, \uc11c\ubc84-->>\uc0ac\uc6a9\uc790: \uc778\uc99d \uacb0\uacfc<\/code> (->><\/code>: \uc2e4\uc120, --><\/code>: \uc810\uc120)<\/li>\n
          • \ud65c\uc131\ud654 \uad6c\uac04 (Activations):<\/strong> activate \uc11c\ubc84<\/code> \/ deactivate \uc11c\ubc84<\/code><\/li>\n
          • \ub8e8\ud504 (Loops):<\/strong> loop \ub9e4\ucd08\ub9c8\ub2e4 ... end<\/code>, alt \uc870\uac74 ... else ... end<\/code>, opt \uc120\ud0dd ... end<\/code><\/li>\n
          • \ub178\ud2b8 (Notes):<\/strong> Note right of \uc11c\ubc84: \uba54\ubaa8 \ub0b4\uc6a9<\/code><\/li>\n<\/ul>\n
            \uc608\uc2dc (\uc628\ub77c\uc778 \uc8fc\ubb38 \uc2dc\ud000\uc2a4):<\/strong><\/p>\n
            <!--MERMAID_BLOCK_2--><\/code>
            \n\uacb0\uacfc:<\/strong><\/p>\n
            \n
            \nsequenceDiagram\n    participant \uace0\uac1d\n    participant \uc8fc\ubb38\uc2dc\uc2a4\ud15c\n    participant \uacb0\uc81c\uac8c\uc774\ud2b8\uc6e8\uc774\n    participant \uc7ac\uace0\uc2dc\uc2a4\ud15c\n\n    \uace0\uac1d->>\uc8fc\ubb38\uc2dc\uc2a4\ud15c: \uc8fc\ubb38 \uc694\uccad(\uc0c1\ud488ID, \uc218\ub7c9)\n    activate \uc8fc\ubb38\uc2dc\uc2a4\ud15c\n    \uc8fc\ubb38\uc2dc\uc2a4\ud15c->>\uc7ac\uace0\uc2dc\uc2a4\ud15c: \uc7ac\uace0 \ud655\uc778 \uc694\uccad\n    \uc7ac\uace0\uc2dc\uc2a4\ud15c-->>\uc8fc\ubb38\uc2dc\uc2a4\ud15c: \uc7ac\uace0 \uc788\uc74c(\uc218\ub7c9)\n    \uc8fc\ubb38\uc2dc\uc2a4\ud15c->>\uacb0\uc81c\uac8c\uc774\ud2b8\uc6e8\uc774: \uacb0\uc81c \uc694\uccad(\uae08\uc561)\n    \uacb0\uc81c\uac8c\uc774\ud2b8\uc6e8\uc774-->>\uc8fc\ubb38\uc2dc\uc2a4\ud15c: \uacb0\uc81c \uc2b9\uc778\n    \uc8fc\ubb38\uc2dc\uc2a4\ud15c->>\uace0\uac1d: \uc8fc\ubb38 \ud655\uc778 \ubc0f \ucd94\uc801\ubc88\ud638 \uc804\uc1a1\n    deactivate \uc8fc\ubb38\uc2dc\uc2a4\ud15c\n    \uc8fc\ubb38\uc2dc\uc2a4\ud15c->>\uc7ac\uace0\uc2dc\uc2a4\ud15c: \uc7ac\uace0 \ucc28\uac10 \uc694\uccad\n  <\/pre>\n<\/div>\n
            \uc7a5\uc810:<\/strong><\/p>\n
              \n
            • \uc2dc\uac04 \ud750\ub984\uc5d0 \ub530\ub978 \uac1d\uccb4 \uc0c1\ud638\uc791\uc6a9\uc744 \uba85\ud655\ud788 \ubb18\uc0ac<\/li>\n
            • \ube44\ub3d9\uae30 \ud638\ucd9c \ubc0f \uc751\ub2f5 \ud328\ud134 \uc2dc\uac01\ud654\uc5d0 \uc801\ud569<\/li>\n
            • \ubcf5\uc7a1\ud55c \uc2dc\uc2a4\ud15c \ud1b5\ud569 \uc124\uacc4\/\ubb38\uc11c\ud654\uc5d0 \ud575\uc2ec \ub3c4\uad6c<\/li>\n<\/ul>\n
              \ub2e8\uc810:<\/strong><\/p>\n
                \n
              • \ub2e8\uc77c \uc2dc\ub098\ub9ac\uc624\uc5d0 \uc9d1\uc911\ud558\uba70 \ubcf5\uc7a1\ud55c \uc870\uac74 \ubd84\uae30 \ud45c\ud604\uc740 \ub2e4\uc18c \uc81c\ud55c\uc801<\/li>\n<\/ul>\n
                2.3. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Class Diagram) – classDiagram<\/code><\/h4>\n
                \ubaa9\uc801:<\/strong> \uac1d\uccb4 \uc9c0\ud5a5 \uc2dc\uc2a4\ud15c\uc758 \uc815\uc801 \uad6c\uc870<\/strong>\ub97c \ubaa8\ub378\ub9c1\ud569\ub2c8\ub2e4. \ud074\ub798\uc2a4, \uc18d\uc131, \uba54\uc11c\ub4dc, \uadf8\ub9ac\uace0 \ud074\ub798\uc2a4 \uac04\uc758 \uad00\uacc4(\uc0c1\uc18d, \uc5f0\uad00, \uc758\uc874 \ub4f1)\ub97c \ud45c\ud604\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/p>\n
                \ud575\uc2ec \uad6c\ubb38 \uc694\uc18c:<\/strong><\/p>\n
                  \n
                • \ud074\ub798\uc2a4 \uc815\uc758:<\/strong> class Person<\/code>, class Employee<\/code>, class BankAccount<\/code><\/li>\n
                • \uba64\ubc84:<\/strong> +name: String<\/code> (Public \uc18d\uc131), -calculateAge() int<\/code> (Private \uba54\uc11c\ub4dc)<\/li>\n
                • \uad00\uacc4:<\/strong>\n
                    \n
                  • \uc0c1\uc18d: Animal <|-- Dog<\/code><\/li>\n
                  • \uad6c\ud604 (\uc778\ud130\ud398\uc774\uc2a4): class Bird ..|> Flyable<\/code><\/li>\n
                  • \uc5f0\uad00: Car "1" *-- "4" Wheel<\/code> (\uce74\ub294 4\uac1c\uc758 \ud720\uc744 \uac00\uc9d0)<\/li>\n
                  • \uc758\uc874: Customer ..> Order<\/code> (\uace0\uac1d\uc740 \uc8fc\ubb38\uc5d0 \uc758\uc874\uc801)<\/li>\n
                  • \uc9d1\ud569: University o-- Department<\/code> (\ub300\ud559\uc740 \ud559\uacfc\ub97c \uc18c\uc720\ud558\uc9c0\ub9cc \uc0dd\uba85\uc8fc\uae30 \ub3c5\ub9bd)<\/li>\n
                  • \ud569\uc131: House *-- Room<\/code> (\uc9d1\uc740 \ubc29\uc744 \uad6c\uc131\ud558\uba70 \uc0dd\uba85\uc8fc\uae30 \ub3d9\uc77c)<\/li>\n<\/ul>\n<\/li>\n
                  • \ub178\ud2b8 (Notes):<\/strong> <<interface>><\/code> (\uc2a4\ud14c\ub808\uc624\ud0c0\uc785), <<abstract>><\/code><\/li>\n<\/ul>\n
                    \uc608\uc2dc (\uac04\ub2e8\ud55c \ub3c4\uc11c\uad00 \uc2dc\uc2a4\ud15c):<\/strong><\/p>\n
                    <!--MERMAID_BLOCK_4--><\/code>
                    \n\uacb0\uacfc:<\/strong><\/p>\n
                    \n
                    \nclassDiagram\n    class Book {\n        -title: String\n        -author: String\n        -isbn: String\n        +borrow() boolean\n        +return()\n    }\n\n    class Member {\n        -name: String\n        -memberId: String\n        +borrowBook(Book)\n        +returnBook(Book)\n    }\n\n    class Library {\n        -catalog: Book[]\n        -members: Member[]\n        +addBook(Book)\n        +removeBook(Book)\n        +registerMember(Member)\n    }\n\n    Member "1" -- "*" Book : \ub300\uc5ec\n    Library "1" -- "*" Book : \uc18c\uc7a5\n    Library "1" -- "*" Member : \ub4f1\ub85d\n  <\/pre>\n<\/div>\n
                    \uc7a5\uc810:<\/strong><\/p>\n
                      \n
                    • \uac1d\uccb4 \uac04 \uc815\uc801 \uad00\uacc4 \uad6c\uc870\ub97c \ud55c\ub208\uc5d0<\/li>\n<\/ul>\n
                      <\/p>\n
                      \/\/ {
                      \n      mermaid.run();
                      \n    });
                      \n  } else {
                      \n    mermaid.run();
                      \n  }
                      \n\/\/]]><\/p>\n","protected":false},"excerpt":{"rendered":"
                      \ud83c\udf0a \uba38\uba54\uc774\ub4dc\ucc28\ud2b8(Mermaid Chart) \uc885\ub958 \ucd1d\uc815\ub9ac: \uc2dc\uac01\ud654\uc758 \ubaa8\ub4e0 \uac83 \ubcf5\uc7a1\ud55c \uc544\uc774\ub514\uc5b4\ub098 \ub370\uc774\ud130\ub97c \uba85\ub8cc\ud558\uac8c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c, \uadf8\ub9bc\uc740 \ucc9c \ub9c8\ub514 \ub9d0\ubcf4\ub2e4 \uac15\ub825\ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \ucf54\ub529\uc5d0 \uc775\uc219\ud558\uc9c0 \uc54a\uac70\ub098 \uc804\ubb38 \uadf8\ub798\ud53d \ub3c4\uad6c \uc0ac\uc6a9\uc774 \ubc88\uac70\ub86d\ub2e4\uba74 **\uba38\uba54\uc774\ub4dc\ucc28\ud2b8(Mermaid)**\uac00 \ud601\uc2e0\uc801\uc778 \ud574\uacb0\ucc45\uc774 \ub418\uc5b4\uc90d\ub2c8\ub2e4. \uc774 \ub2e8\uc21c\ud558\uba74\uc11c\ub3c4 \uac15\ub825\ud55c Markdown \uae30\ubc18\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc0dd\uc131 \ud234\uc740 \ucf54\ub4dc \uba87 \uc904\ub9cc\uc73c\ub85c \ub2e4\uc591\ud55c \uc885\ub958\uc758 \uc2dc\uac01\uc801 \ud45c\ud604\uc744 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4. \uac1c\ubc1c\uc790, \uae30\ud68d\uc790, \uae30\uc220 \uc791\uac00\ub77c\uba74 \ubc18\ub4dc\uc2dc… <\/p>\n","protected":false},"author":1,"featured_media":0,"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":[52],"tags":[],"class_list":["post-5412","post","type-post","status-publish","format-standard","hentry","category-blog-tips"],"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5412","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=5412"}],"version-history":[{"count":1,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5412\/revisions"}],"predecessor-version":[{"id":5413,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5412\/revisions\/5413"}],"wp:attachment":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}