{"id":5423,"date":"2025-12-26T15:11:17","date_gmt":"2025-12-26T15:11:17","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5423"},"modified":"2025-12-26T15:11:17","modified_gmt":"2025-12-26T15:11:17","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-8","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5423","title":{"rendered":"\uba38\uba54\uc774\ub4dc\ucc28\ud2b8\uc758 \uc885\ub958"},"content":{"rendered":"

<\/p>\n

\ud83c\udf0a Mermaid \ucc28\ud2b8 \uc885\ub958\ubcc4 \uac00\uc774\ub4dc: \ucf54\ub4dc \ud55c \uc904\ub85c \uc644\uc131\ud558\ub294 \ucd5c\uac15 \uc2dc\uac01\ud654 \uae30\uc220<\/h2>\n
\n

\u201c\ubcf5\uc7a1\ud55c \uc815\ubcf4\ub97c \ub2e8 \uba87 \uc904\uc758 \ucf54\ub4dc\ub85c \uc2dc\uac01\ud654\ud55c\ub2e4\ub294 \uac74 \ub9c8\ubc95\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc\ub294 \ubc14\ub85c \uadf8 \ub9c8\ubc95\uc758 \uc9c0\ud321\uc774\uc785\ub2c8\ub2e4.\u201d<\/p>\n<\/blockquote>\n

\ub370\uc774\ud130 \uc2dc\uac01\ud654\ub294 \ud604\ub300 \ube44\uc988\ub2c8\uc2a4\uc640 \uac1c\ubc1c\uc5d0\uc11c \uc5c6\uc5b4\uc11c\ub294 \uc548 \ub420 \ud544\uc218 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc PowerPoint\ub098 \uc804\ud1b5\uc801\uc778 \ub3c4\uad6c\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ub9cc\ub4dc\ub294 \uac74 \uc2dc\uac04\uc774 \uc624\ub798 \uac78\ub9ac\uace0 \uc720\uc9c0\ubcf4\uc218\uac00 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. **\uba38\uba54\uc774\ub4dc(Mermaid)**\ub294 \uc774\ub7f0 \ubb38\uc81c\ub97c \ud574\uacb0\ud55c \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\ub85c, \ucf54\ub4dc \uae30\ubc18 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc0dd\uc131 \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ud14d\uc2a4\ud2b8 \ubb38\ubc95\ub9cc\uc73c\ub85c \ub2e4\uc591\ud55c \ucc28\ud2b8\ub97c \uc0dd\uc131\ud574 \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub4e4\uc774 \ud575\uc2ec \uc5c5\ubb34\uc5d0 \uc9d1\uc911\ud558\uac8c \ud569\ub2c8\ub2e4.<\/p>\n

\n

\ud83d\udca1 \uba38\uba54\uc774\ub4dc\uc758 \ud575\uc2ec \uac00\uce58<\/h3>\n
    \n
  • \uc0dd\uc0b0\uc131<\/strong>: \ubcf5\uc7a1\ud55c GUI \uc5c6\uc774 \ucf54\ub4dc\ub9cc \uc791\uc131 \u2192 \uc2dc\uac04 70% \uc808\uc57d<\/li>\n
  • \ud611\uc5c5<\/strong>: \uae43(Git)\uc73c\ub85c \ubc84\uc804 \uad00\ub9ac \uac00\ub2a5\ud55c \ud14d\uc2a4\ud2b8 \uae30\ubc18 \ub2e4\uc774\uc5b4\uadf8\ub7a8<\/li>\n
  • \uc77c\uad00\uc131<\/strong>: \uc804\uccb4 \ubb38\uc11c\uc5d0 \ub3d9\uc77c\ud55c \uc2a4\ud0c0\uc77c \uc801\uc6a9<\/li>\n
  • \uc811\uadfc\uc131<\/strong>: VS Code, Obsidian \ub4f1 \uc8fc\uc694 \ud234\uacfc\uc758 \uc5f0\ub3d9 \uc9c0\uc6d0<\/li>\n<\/ul>\n
    \n

    \ud83e\udde9 12\uac00\uc9c0 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc885\ub958 \uc644\uc804 \uc815\ubcf5<\/h2>\n

    \ud83d\udcca 1. \ud50c\ub85c\uc6b0\ucc28\ud2b8 (Flowchart)<\/h3>\n

    \uc2dc\uc2a4\ud15c \ud750\ub984\/\uc758\uc0ac\uacb0\uc815 \ud504\ub85c\uc138\uc2a4<\/strong> \uc2dc\uac01\ud654\uc5d0 \ucd5c\uc801\ud654<\/p>\n

    \n
    \n

    \n \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n <\/p>\n

    \n\n \ucf54\ub4dc \ubcf4\uae30
    \n <\/summary>\n
    \ngraph TD\n    A[\ub370\uc774\ud130 \uc785\ub825] --> B{\uc720\ud6a8\uc131 \uac80\uc0ac}\n    B -->|\ud1b5\uacfc| C[\ub370\uc774\ud130 \ucc98\ub9ac]\n    B -->|\uc2e4\ud328| D[\uc624\ub958 \ub9ac\ud3ec\ud2b8]\n    C --> E[\uacb0\uacfc \ucd9c\ub825]\n    <\/pre>\n<\/details>\n
    \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
    \ud65c\uc6a9 \ucf00\uc774\uc2a4<\/strong>:<\/p>\n
      \n
    • \uc54c\uace0\ub9ac\uc998 \uc124\uacc4<\/li>\n
    • \uace0\uac1d \uc11c\ube44\uc2a4 \ud504\ub85c\uc138\uc2a4<\/li>\n
    • \ub370\uc774\ud130 \ucc98\ub9ac \ud30c\uc774\ud504\ub77c\uc778<\/li>\n<\/ul>\n
      \n
      \ud83d\udd17 2. \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Sequence Diagram)<\/h3>\n
      \uac1d\uccb4 \uac04 \uc0c1\ud638\uc791\uc6a9<\/strong> \uc2dc\uac04 \uc21c\uc11c\ub85c \ud45c\ud604<\/p>\n
      \n
      \n
      \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
      \n\n      \ucf54\ub4dc \ubcf4\uae30
      \n    <\/summary>\n
      \nsequenceDiagram\n    participant \uc0ac\uc6a9\uc790\n    participant \uc11c\ubc84\n    participant DB\n    \uc0ac\uc6a9\uc790->>\uc11c\ubc84: \ub85c\uadf8\uc778 \uc694\uccad\n    \uc11c\ubc84->>DB: \uc0ac\uc6a9\uc790 \uc815\ubcf4 \uc870\ud68c\n    DB-->>\uc11c\ubc84: \uc0ac\uc6a9\uc790 \ub370\uc774\ud130\n    \uc11c\ubc84-->>\uc0ac\uc6a9\uc790: \uc778\uc99d \uc644\ub8cc\n    <\/pre>\n<\/details>\n
      \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
      \uc2e4\uc804 \ud301<\/strong>: loop<\/code>, alt<\/code>\ub97c \ud65c\uc6a9\ud574 \ubc18\ubcf5\ubb38\uacfc \uc870\uac74\ubb38 \ud45c\ud604 \uac00\ub2a5<\/p>\n
      \n
      \n
      \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
      \n\n      \ucf54\ub4dc \ubcf4\uae30
      \n    <\/summary>\n
      \nsequenceDiagram\n    loop \ub9e4\ucd08\ub9c8\ub2e4\n        \ud074\ub77c\uc774\uc5b8\ud2b8->>\uc11c\ubc84: \uc0c1\ud0dc \uccb4\ud06c\n    end\n    <\/pre>\n<\/details>\n
      \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
      \n
      \ud83c\udfd7\ufe0f 3. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Class Diagram)<\/h3>\n
      \uac1d\uccb4\uc9c0\ud5a5 \uc2dc\uc2a4\ud15c \uad6c\uc870<\/strong> \uc124\uacc4 \ub3c4\uad6c<\/p>\n
      \n
      \n
      \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
      \n\n      \ucf54\ub4dc \ubcf4\uae30
      \n    <\/summary>\n
      \nclassDiagram\n    class \uc0ac\uc6a9\uc790 {\n        +\uc774\ub984: \ubb38\uc790\uc5f4\n        +\uc774\uba54\uc77c: \ubb38\uc790\uc5f4\n        +\ube44\ubc00\ubc88\ud638 \ud655\uc778()\n    }\n    class \uad00\ub9ac\uc790 {\n        +\uad8c\ud55c\ub808\ubca8: \uc22b\uc790\n        +\uc0ac\uc6a9\uc790 \ucc28\ub2e8()\n    }\n    \uc0ac\uc6a9\uc790 <|-- \uad00\ub9ac\uc790\n    <\/pre>\n<\/details>\n
      \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
      \uace0\uae09 \ud65c\uc6a9<\/strong>:<\/p>\n
        \n
      • +<\/code> public, -<\/code> private \ud45c\uae30\ubc95<\/li>\n
      • \uad00\uacc4 \ud45c\ud604: <|--<\/code>(\uc0c1\uc18d), *--<\/code>(\ud3ec\ud568), --><\/code>(\uc758\uc874)<\/li>\n<\/ul>\n
        \n
        \ud83d\udd78\ufe0f 4. \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 (State Diagram)<\/h3>\n
        \uc804\uc774 \uac00\ub2a5\ud55c \uc2dc\uc2a4\ud15c \uc0c1\ud0dc<\/strong> \ubaa8\ub378\ub9c1<\/p>\n
        \n
        \n
        \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
        \n\n      \ucf54\ub4dc \ubcf4\uae30
        \n    <\/summary>\n
        \nstateDiagram-v2\n    [*] --> \ub300\uae30\uc911\n    \ub300\uae30\uc911 --> \uc2e4\ud589\uc911: \uc2dc\uc791\ubc84\ud2bc \ud074\ub9ad\n    \uc2e4\ud589\uc911 --> \uc77c\uc2dc\uc815\uc9c0: \uc911\uc9c0 \uba85\ub839\n    \uc77c\uc2dc\uc815\uc9c0 --> \uc2e4\ud589\uc911: \uc7ac\uac1c \uba85\ub839\n    \uc2e4\ud589\uc911 --> \uc644\ub8cc: \uc791\uc5c5 \uc885\ub8cc\n    <\/pre>\n<\/details>\n
        \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
        \ud2b9\uc7a5\uc810<\/strong>:<\/p>\n
          \n
        • \ubcd1\ub82c \uc0c1\ud0dc \ud45c\ud604 \uac00\ub2a5 (state fork_state <<fork>><\/code>)<\/li>\n
        • \ud788\uc2a4\ud1a0\ub9ac \uc0c1\ud0dc\ub85c \ubcf5\uadc0\uc810 \uc9c0\uc815<\/li>\n<\/ul>\n
          \n
          \ud83d\udccd 5. \uc5d4\ud2f0\ud2f0 \uad00\uacc4\ub3c4 (ER Diagram)<\/h3>\n
          \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc124\uacc4<\/strong> \ud45c\uc900 \uc194\ub8e8\uc158<\/p>\n
          \n
          \n
          \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
          \n\n      \ucf54\ub4dc \ubcf4\uae30
          \n    <\/summary>\n
          \nerDiagram\n    \uc0ac\uc6a9\uc790 ||--o{ \uc8fc\ubb38 : "\uc791\uc131"\n    \uc0ac\uc6a9\uc790 }|..|{ \ubc30\uc1a1\uc9c0 : "\ubcf4\uc720"\n    \uc8fc\ubb38 ||--|{ \uc0c1\ud488 : "\ud3ec\ud568"\n    <\/pre>\n<\/details>\n
          \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
          \uad00\uacc4 \ud45c\ud604\ubc95<\/strong>:<\/p>\n
            \n
          • |o--o|<\/code> : Zero or One<\/li>\n
          • ||--|{<\/code> : Exactly One to Many<\/li>\n
          • }o--o{<\/code> : Zero or Many<\/li>\n<\/ul>\n
            \n
            \ud83d\udcca 6. \uac04\ud2b8 \ucc28\ud2b8 (Gantt Chart)<\/h3>\n
            \ud504\ub85c\uc81d\ud2b8 \uc77c\uc815 \uad00\ub9ac<\/strong> \ucd5c\uc801\ud654 \ub3c4\uad6c<\/p>\n
            \n
            \n
            \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
            \n\n      \ucf54\ub4dc \ubcf4\uae30
            \n    <\/summary>\n
            \ngpert\n    title \ud504\ub85c\uc81d\ud2b8 \ud0c0\uc784\ub77c\uc778\n    dateFormat  YYYY-MM-DD\n    section \uac1c\ubc1c\n    \uc694\uad6c\uc0ac\ud56d \uc815\uc758       :a1, 2023-10-01, 7d\n    \uac1c\ubc1c \ud658\uacbd \uad6c\uc131     :after a1, 5d\n    section \ud14c\uc2a4\ud2b8\n    \ub2e8\uc704 \ud14c\uc2a4\ud2b8        :2023-10-15, 5d\n    \ud1b5\ud569 \ud14c\uc2a4\ud2b8        :2023-10-22, 7d\n    <\/pre>\n<\/details>\n
            \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
            \uc2e4\ubb34 \ud301<\/strong>:<\/p>\n
              \n
            • critical<\/code> \uc635\uc158\uc73c\ub85c \uc911\uc694 \uacbd\ub85c \uac15\uc870<\/li>\n
            • done<\/code>\uc73c\ub85c \uc644\ub8cc\ub41c \uc791\uc5c5 \ud45c\uc2dc \uac00\ub2a5<\/li>\n<\/ul>\n
              \n
              \ud83c\udfa4 7. \uc0ac\uc6a9\uc790 \uc5ec\uc815\ub3c4 (User Journey Map)<\/h3>\n
              \uace0\uac1d \uacbd\ud5d8(CX)<\/strong> \ubd84\uc11d \uc804\ubb38 \ub3c4\uad6c<\/p>\n
              \n
              \n
              \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
              \n\n      \ucf54\ub4dc \ubcf4\uae30
              \n    <\/summary>\n
              \njourney\n    title \uc1fc\ud551\ubab0 \uad6c\ub9e4 \ud504\ub85c\uc138\uc2a4\n    section \ubc29\ubb38\n      \ud648\ud398\uc774\uc9c0 \uc811\uc18d: 5: \uace0\uac1d\n      \uc0c1\ud488 \uac80\uc0c9: 4: \uace0\uac1d\n    section \uad6c\ub9e4\n      \uc7a5\ubc14\uad6c\ub2c8 \ucd94\uac00: 5: \uace0\uac1d\n      \uacb0\uc81c \uc9c4\ud589: 3: \uace0\uac1d\n    section \ubc30\uc1a1\n      \ubc30\uc1a1 \ud655\uc778: 4: \uace0\uac1d\n    <\/pre>\n<\/details>\n
              \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
              \ubd84\uc11d \ud3ec\uc778\ud2b8<\/strong>:<\/p>\n
                \n
              • \uc810\uc218 \uae30\ubc18 \ub2e8\uacc4\ubcc4 \ub9cc\uc871\ub3c4 \ucd94\uc801<\/li>\n
              • \uac10\uc815 \uace1\uc120\uc744 \ud1b5\ud574 UX \uac1c\uc120\uc810 \ubc1c\uacac<\/li>\n<\/ul>\n
                \n
                \ud83d\udcf0 8. \uc6d0\ud615 \ucc28\ud2b8 (Pie Chart)<\/h3>\n
                \ube44\uc728 \uc2dc\uac01\ud654<\/strong> \ud575\uc2ec \ub3c4\uad6c<\/p>\n
                \n
                \n
                \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                \n\n      \ucf54\ub4dc \ubcf4\uae30
                \n    <\/summary>\n
                \npie title \ub370\uc774\ud130 \ubd84\uc11d \ubc29\ubc95\ub860\n    "\uba38\uc2e0\ub7ec\ub2dd" : 45\n    "SQL \ubd84\uc11d" : 30\n    "\uc2dc\uac01\ud654 \ud234" : 15\n    "\ud1b5\uacc4\ubd84\uc11d" : 10\n    <\/pre>\n<\/details>\n
                \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                \uc8fc\uc758\uc0ac\ud56d<\/strong>:<\/p>\n
                  \n
                • \uc870\uac01\uc774 \ub108\ubb34 \ub9ce\uc744 \uacbd\uc6b0(6\uac1c \ucd08\uacfc) \uac00\ub3c5\uc131 \uc800\ud558<\/li>\n
                • \ub300\uc548\uc73c\ub85c bar<\/code> \ucc28\ud2b8 \uc0ac\uc6a9 \uad8c\uc7a5<\/li>\n<\/ul>\n
                  \n
                  \ud83d\udcc8 9. XY \ucc28\ud2b8 (XY Chart)<\/h3>\n
                  \n
                  \n
                  \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                  \n\n      \ucf54\ub4dc \ubcf4\uae30
                  \n    <\/summary>\n
                  \nxychart-beta\n    title "\uc6d4\ubcc4 \ubc29\ubb38\uc790 \ucd94\uc774"\n    x-axis [1\uc6d4, 2\uc6d4, 3\uc6d4, 4\uc6d4, 5\uc6d4]\n    y-axis "\ubc29\ubb38\uc790\uc218" 0 --> 500\n    line [350, 420, 280, 400, 370]\n    bar [200, 300, 250, 380, 320]\n    <\/pre>\n<\/details>\n
                  \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                  \uba40\ud2f0 \ucc28\ud2b8 \uc801\uc6a9\ubc95<\/strong>:<\/p>\n
                    \n
                  • \ub77c\uc778\ucc28\ud2b8\uc640 \ubc14\ucc28\ud2b8 \uc911\ubcf5 \ucd9c\ub825<\/li>\n
                  • series<\/code>\ub85c \ub370\uc774\ud130 \uacc4\uc5f4 \uad6c\ubd84<\/li>\n<\/ul>\n
                    \n
                    \ud83d\udd04 10. \uc694\uad6c\uc0ac\ud56d \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Requirement Diagram)<\/h3>\n
                    \uc2dc\uc2a4\ud15c \uc694\uad6c\uc0ac\ud56d \ucd94\uc801<\/strong> \uc804\ubb38 \ub3c4\uad6c<\/p>\n
                    \n
                    \n
                    \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                    \n\n      \ucf54\ub4dc \ubcf4\uae30
                    \n    <\/summary>\n
                    \nrequirementDiagram\n    requirement \uae30\ub2a5_\ud544\ud130\ub9c1 {\n        id: REQ_005\n        text: \uc0ac\uc6a9\uc790\uac00 \uc0c1\ud488 \uce74\ud14c\uace0\ub9ac\ubcc4 \ud544\ud130\ub9c1 \uac00\ub2a5\n    }\n    requirement \uc7a5\ubc14\uad6c\ub2c8 {\n        id: REQ_008\n        text: \ucd5c\ub300 50\uac1c \uc0c1\ud488 \uc800\uc7a5 \uac00\ub2a5\n    }\n    \uae30\ub2a5_\ud544\ud130\ub9c1 - verifies -> \uc7a5\ubc14\uad6c\ub2c8\n    <\/pre>\n<\/details>\n
                    \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                    \uc0b0\uc5c5\ubcc4 \uc801\uc6a9<\/strong>:<\/p>\n
                      \n
                    • \uc758\ub8cc\uae30\uae30: FDA \uc694\uad6c\uc0ac\ud56d \ub9e4\ud551<\/li>\n
                    • \uc790\ub3d9\ucc28: ISO 26262 \uae30\ub2a5\uc548\uc804 \uaddc\uaca9 \ucda9\uc871 \uc99d\uba85<\/li>\n<\/ul>\n
                      \n
                      \ud83e\udef3\ud83c\udffb 11. \ub9c8\uc778\ub4dc\ub9f5 (Mindmap)<\/h3>\n
                      \uc544\uc774\ub514\uc5b4 \uad6c\uc870\ud654<\/strong>\ub97c \uc704\ud55c \ucd5c\uc801\uc758 \ub3c4\uad6c<\/p>\n
                      \n
                      \n
                      \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                      \n\n      \ucf54\ub4dc \ubcf4\uae30
                      \n    <\/summary>\n
                      \nmindmap\n  root((\uba38\uba54\uc774\ub4dc))\n    \ucc28\ud2b8 \uc720\ud615\n      \ud50c\ub85c\uc6b0\ucc28\ud2b8\n      \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\n      \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub9bc\n    \uc7a5\uc810\n      \ubc84\uc804 \ucee8\ud2b8\ub864\n      \ud06c\ub85c\uc2a4 \ud50c\ub7ab\ud3fc\n    \uc0ac\uc6a9\ud234\n      VS Code\n      JIRA\n      Confluence\n    <\/pre>\n<\/details>\n
                      \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                      \ud655\uc7a5 \uae30\ub2a5<\/strong>:<\/p>\n
                        \n
                      • :(\ud2b9\uc218\ubb38\uc790)<\/code>\ub85c \ub178\ub4dc\uc5d0 \uc544\uc774\ucf58 \ucd94\uac00 \uac00\ub2a5<\/li>\n
                      • \ub2e4\uc911\uacc4\uce35 \uad6c\uc870\ub85c \uae4a\uc774 \uc788\ub294 \ubd84\uc11d \uac00\ub2a5<\/li>\n<\/ul>\n
                        \n
                        \ud83e\uddea 12. C4 \ub2e4\uc774\uc5b4\uadf8\ub7a8<\/h3>\n
                        \ub300\uaddc\ubaa8 \uc544\ud0a4\ud14d\ucc98 \uc2dc\uac01\ud654<\/strong> \uc0b0\uc5c5 \ud45c\uc900<\/p>\n
                        \n
                        \n
                        \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                        \n\n      \ucf54\ub4dc \ubcf4\uae30
                        \n    <\/summary>\n
                        \nC4Context\n    title \uc2dc\uc2a4\ud15c \ubd80\ud558 \ubd84\uc0b0 \uad6c\uc870\n    \n    System_Boundary(sb, "\ucd08\ub2f9 100\ub9cc \uc694\uccad \ucc98\ub9ac") {\n        System(redis, "Redis \uce90\uc2dc", "\ud074\ub7ec\uc2a4\ud130 \uad6c\uc131")\n        System(api, "API \uac8c\uc774\ud2b8\uc6e8\uc774", "Kubernetes Pod Auto-Scaling")\n    }\n    \n    redis -[#red]x-[#aaa]--> api : "100TPS\/microservice"\n    <\/pre>\n<\/details>\n
                        \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                        \ub808\ubca8\ubcc4 \uc801\uc6a9\ubc29\ubc95<\/strong>:<\/p>\n
                          \n
                        • L1: Context (\uc2dc\uc2a4\ud15c \uc804\uccb4 \ud658\uacbd\ub3c4)<\/li>\n
                        • L2: Container (\uc11c\ube44\uc2a4 \ub2e8\uc704)<\/li>\n
                        • L3: Component (\ub0b4\ubd80 \ubaa8\ub4c8 \ub2e8\uc704)<\/li>\n<\/ul>\n
                          \n
                          \u26a0\ufe0f \uba38\uba54\uc774\ub4dc \uc2e4\uc804 \uc801\uc6a9 \ud301<\/h3>\n
                          \uc131\uacf5 \uc0ac\ub840\uc640 \uad50\ud6c8<\/strong><\/p>\n
                          \n
                          \n
                          \n    \u26a0\ufe0f Mermaid \ucc28\ud2b8 (\uc11c\ubc84 \ub80c\ub354\ub9c1 \uc2e4\ud328)\n  <\/p>\n
                          \n\n      \ucf54\ub4dc \ubcf4\uae30
                          \n    <\/summary>\n
                          \nflowchart LR\n    \ucd08\uae30 -->|\ucf54\ub4dc \uad6c\uc870 \ubb38\uc11c\ud654| \uc2a4\ud0c0\ud2b8\uc5c5A \n    \uc2a4\ud0c0\ud2b8\uc5c5A -->|API \uc2a4\ud399 \uacf5\uc720| \ud611\uc5c5\ud6a8\uc728\ud654 \n    \ud611\uc5c5\ud6a8\uc728\ud654 -->|\ub370\ube0c\uc635\uc2a4 \ud30c\uc774\ud504\ub77c\uc778 \uc2dc\uac01\ud654| 40% \ud504\ub85c\uc81d\ud2b8\uae30\uac04\ub2e8\ucd95\n    <\/pre>\n<\/details>\n
                          \n    WordPress\uc5d0\uc11c Mermaid Chart \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ub80c\ub354\ub9c1\ub429\ub2c8\ub2e4.\n  <\/p>\n<\/div>\n<\/div>\n
                          4\ub2e8\uacc4 \uad6c\ud604 \ub85c\ub4dc\ub9f5<\/strong>:<\/p>\n
                            \n
                          1. \ud300 \uc804\uc6d0\uc5d0\uac8c Mermaid \ubb38\ubc95 \uad50\uc721<\/li>\n
                          2. \uae30\uc874 \ubb38\uc11c\uc758 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \u2192 \ucf54\ub4dc\ub85c \uc804\ud658<\/li>\n
                          3. \uae43 \uc800\uc7a5\uc18c\uc5d0 .mmd \ud30c\uc77c \uad00\ub9ac \uccb4\uacc4 \uad6c\ucd95<\/li>\n
                          4. \ucee8\ubca4\uc158 \ud655\ub9bd (\uba85\uce6d\uaddc\uce59, \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc)<\/li>\n<\/ol>\n
                            \n
                            \u2705 \uacb0\ub860: \uba38\uba54\uc774\ub4dc\ub85c \uc5c5\ubb34 \ud601\uc2e0\ud558\uc138\uc694<\/h2>\n
                            \uba38\uba54\uc774\ub4dc\ub294 \ub2e8\uc21c\ud55c \ub3c4\uad6c\uac00 \uc544\ub2cc \uc778\ud504\ub77c\uc758 \uc77c\ubd80<\/strong>\uc785\ub2c8\ub2e4. \ub2e4\uc591\ud55c \ucc28\ud2b8\ub4e4\uc744 \uc870\ud569\ud574 \uc0ac\uc6a9\ud560 \ub54c \uadf8 \ud798<\/p>\n","protected":false},"excerpt":{"rendered":"
                            \ud83c\udf0a Mermaid \ucc28\ud2b8 \uc885\ub958\ubcc4 \uac00\uc774\ub4dc: \ucf54\ub4dc \ud55c \uc904\ub85c \uc644\uc131\ud558\ub294 \ucd5c\uac15 \uc2dc\uac01\ud654 \uae30\uc220 \u201c\ubcf5\uc7a1\ud55c \uc815\ubcf4\ub97c \ub2e8 \uba87 \uc904\uc758 \ucf54\ub4dc\ub85c \uc2dc\uac01\ud654\ud55c\ub2e4\ub294 \uac74 \ub9c8\ubc95\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc\ub294 \ubc14\ub85c \uadf8 \ub9c8\ubc95\uc758 \uc9c0\ud321\uc774\uc785\ub2c8\ub2e4.\u201d \ub370\uc774\ud130 \uc2dc\uac01\ud654\ub294 \ud604\ub300 \ube44\uc988\ub2c8\uc2a4\uc640 \uac1c\ubc1c\uc5d0\uc11c \uc5c6\uc5b4\uc11c\ub294 \uc548 \ub420 \ud544\uc218 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc PowerPoint\ub098 \uc804\ud1b5\uc801\uc778 \ub3c4\uad6c\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ub9cc\ub4dc\ub294 \uac74 \uc2dc\uac04\uc774 \uc624\ub798 \uac78\ub9ac\uace0 \uc720\uc9c0\ubcf4\uc218\uac00 \uc5b4\ub835\uc2b5\ub2c8\ub2e4. **\uba38\uba54\uc774\ub4dc(Mermaid)**\ub294 \uc774\ub7f0 \ubb38\uc81c\ub97c \ud574\uacb0\ud55c \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\ub85c,… <\/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-5423","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\/5423","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=5423"}],"version-history":[{"count":1,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5423\/revisions"}],"predecessor-version":[{"id":5424,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5423\/revisions\/5424"}],"wp:attachment":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}