{"id":5417,"date":"2025-12-23T19:01:37","date_gmt":"2025-12-23T19:01:37","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5417"},"modified":"2025-12-23T19:01:37","modified_gmt":"2025-12-23T19:01:37","slug":"%eb%a8%b8%eb%a9%94%ec%9d%b4%eb%93%9c-%ec%b0%a8%ed%8a%b8-%ec%a2%85%eb%a5%98-%ec%99%84%eb%b2%bd-%ea%b0%80%ec%9d%b4%eb%93%9c-%ea%b0%9c%eb%b0%9c%ec%9e%90%ec%99%80-%ea%b8%b0%ed%9a%8d%ec%9e%90%eb%a5%bc","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5417","title":{"rendered":"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc885\ub958 \uc644\ubcbd \uac00\uc774\ub4dc: \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub97c \uc704\ud55c 9\uac00\uc9c0 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub9c8\uc2a4\ud130\ud558\uae30"},"content":{"rendered":"

<\/p>\n

\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc885\ub958 \uc644\ubcbd \uac00\uc774\ub4dc: \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub97c \uc704\ud55c 9\uac00\uc9c0 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub9c8\uc2a4\ud130\ud558\uae30<\/h1>\n

\uc11c\ub860: \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ud601\uba85\uc744 \uc77c\uc73c\ud0a4\ub294 \ub9c8\ubc95\uc758 \ub3c4\uad6c<\/h2>\n

\ub514\uc9c0\ud138 \uc2dc\ub300\uc5d0 \ud6a8\uc728\uc801\uc778 \ucee4\ubba4\ub2c8\ucf00\uc774\uc158\uc740 \ud544\uc218\uc785\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c \uc544\uc774\ub514\uc5b4\uc640 \uc2dc\uc2a4\ud15c \uad6c\uc870\ub97c \uba85\ud655\ud558\uac8c \uc804\ub2ec\ud574\uc57c \ud558\ub294 \uac1c\ubc1c\uc790, \uae30\ud68d\uc790, \ub370\uc774\ud130 \ubd84\uc11d\uac00\ub4e4\uc5d0\uac8c \uba38\uba54\uc774\ub4dc(Mermaid) \ucc28\ud2b8\ub294 \uac15\ub825\ud55c \uc2dc\uac01\uc801 \ubb34\uae30<\/strong>\uc785\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \uae30\ubc18 \ucf54\ub4dc\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0dd\uc131\ud558\ub294 \uc774 \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\ub294 \ud611\uc5c5 \ud6a8\uc728\uc131\uc744 \ud601\uc2e0\uc801\uc73c\ub85c \ub192\uc774\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubbf8\uad6d \ub0b4 \uc804\uc790 \uba54\uc77c \ucde8\uc57d\uc810 \ubd84\uc11d\uc5d0 \ub530\ub974\uba74 \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \ud3ec\ud568\ud55c \uc774\uba54\uc77c\uc740 \uc774\ud574\ub3c4\uac00 78% \ub354 \ub192\uc544\uc9c4\ub2e4<\/strong>\ub294 \uc5f0\uad6c \uacb0\uacfc\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc81c \uba38\uba54\uc774\ub4dc\uac00 \uc81c\uacf5\ud558\ub294 \ub2e4\uc591\ud55c \ucc28\ud2b8 \uc885\ub958\ub97c \ud30c\ud5e4\uccd0 \ubcf4\uba70 \uc5ec\ub7ec\ubd84\uc758 \uc5c5\ubb34 \ud6a8\uc728\uc131\ub3c4 \ud568\uaed8 \ub192\uc5ec\ubcfc\uae4c\uc694?<\/p>\n

\n

1. \ud50c\ub85c\uc6b0\ucc28\ud2b8(Flowchart): \ud504\ub85c\uc138\uc2a4 \uac00\uc2dc\ud654\uc758 \uae30\ubcf8\uae30<\/h2>\n

\uac00\uc7a5 \ub300\ud45c\uc801\uc778 \uba38\uba54\uc774\ub4dc \ucc28\ud2b8\ub85c<\/strong> \uac1c\ubc1c \ud504\ub85c\uc138\uc2a4, \uc758\uc0ac\uacb0\uc815 \ud2b8\ub9ac, \uc5c5\ubb34 \ud750\ub984\uc744 \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\ud604\ud560 \ub54c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n

\n
\nflowchart TD\n    A[\ub85c\uadf8\uc778 \uc2dc\ub3c4] --> B{\uc778\uc99d \uc131\uacf5?}\n    B -->|Yes| C[\ub300\uc2dc\ubcf4\ub4dc \uc9c4\uc785]\n    B -->|No| D[\uc5d0\ub7ec \uba54\uc2dc\uc9c0 \ud45c\uc2dc]\n    D --> E[\uc7ac\uc2dc\ub3c4 \ud654\uba74\uc73c\ub85c]\n  <\/pre>\n<\/div>\n
\uc8fc\uc694 \ud65c\uc6a9 \uc608\uc2dc:<\/strong><\/p>\n
    \n
  • \uc8fc\ubb38 \ucc98\ub9ac \uc2dc\uc2a4\ud15c \uc2dc\ud000\uc2a4 \uc124\uacc4<\/li>\n
  • \uace0\uac1d \uc628\ubcf4\ub529 \ud504\ub85c\uc138\uc2a4 \ub9e4\ud551<\/li>\n
  • \uc11c\ube44\uc2a4 \uc7a5\uc560 \ub300\uc751 \uc808\ucc28 \uc2dc\uac01\ud654<\/li>\n<\/ul>\n
    \uafc0\ud301:<\/strong> TD<\/code>(Top Down), LR<\/code>(Left to Right) \ubc29\ud5a5 \uc124\uc815\uc73c\ub85c \ub808\uc774\uc544\uc6c3\uc744 \uc0c1\ud669\uc5d0 \ub9de\uac8c \ucd5c\uc801\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
    \n
    2. \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8(Sequence Diagram): \uc2dc\uc2a4\ud15c \uac04 \uc0c1\ud638\uc791\uc6a9 \uba85\ud655\ud654<\/h2>\n
    \uba40\ud2f0 \ucef4\ud3ec\ub10c\ud2b8 \ud658\uacbd\uc5d0\uc11c\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uc2dc\uac04 \ud750\ub984\uc5d0 \ub530\ub77c<\/strong> \ud45c\uc2dc\ud558\ub294 \ud544\uc218 \ub3c4\uad6c\uc785\ub2c8\ub2e4. API \ud1b5\uc2e0, \ub9c8\uc774\ud06c\ub85c\uc11c\ube44\uc2a4 \uc544\ud0a4\ud14d\ucc98 \ubd84\uc11d\uc5d0 \ud2b9\ud788 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n
    \n
    \nsequenceDiagram\n    participant Client\n    participant API_Gateway\n    participant UserService\n    \n    Client->>API_Gateway: POST \/login\n    API_Gateway->>UserService: \uc778\uc99d \uc694\uccad\n    UserService-->>API_Gateway: \uc778\uc99d \ud1a0\ud070\n    API_Gateway-->>Client: JWT \ubc18\ud658\n  <\/pre>\n<\/div>\n
    \ud575\uc2ec \uc694\uc18c:<\/strong><\/p>\n
      \n
    • participant<\/code>: \uc2dc\uc2a4\ud15c \uad6c\uc131\uc694\uc18c \uc815\uc758<\/li>\n
    • ->><\/code>: \ub3d9\uae30 \ud638\ucd9c<\/li>\n
    • -->><\/code>: \ube44\ub3d9\uae30 \uc751\ub2f5<\/li>\n
    • activate<\/code>\/deactivate<\/code>: \uc561\ud2f0\ube44\ud2f0 \uad6c\uac04 \ud45c\uc2dc<\/li>\n<\/ul>\n
      \n
      3. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8(Class Diagram): \uac1d\uccb4\uc9c0\ud5a5 \uad6c\uc870 \uba85\uc138<\/h2>\n
      \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc758 \ud575\uc2ec \uc124\uacc4\ub3c4\ub85c<\/strong> \ud074\ub798\uc2a4 \uac04 \uad00\uacc4\uc640 \uc18d\uc131\uc744 \uc2dc\uac01\ud654\ud569\ub2c8\ub2e4. UML \ud45c\uc900\uc744 \uc900\uc218\ud558\uba70 OOP \uac1c\ubc1c\uc758 \uae30\ubc18\uc774 \ub429\ub2c8\ub2e4.<\/p>\n
      \n
      \nclassDiagram\n    class User {\n        +String username\n        +String email\n        +addOrder() void\n    }\n    \n    class Order {\n        -int orderId\n        -Date orderDate\n        +calculateTotal() float\n    }\n    \n    User "1" --> "0..*" Order : has\n  <\/pre>\n<\/div>\n
      \uc790\ub8cc\ud615 \uc120\ud0dd\uc790:<\/strong><\/p>\n
        \n
      • +<\/code> Public \uba64\ubc84<\/li>\n
      • -<\/code> Private \uba64\ubc84<\/li>\n
      • #<\/code> Protected \uba64\ubc84<\/li>\n
      • ~<\/code> Package-private \uba64\ubc84<\/li>\n<\/ul>\n
        \n
        4. \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8(State Diagram): \ubcf5\uc7a1\ud55c \ub85c\uc9c1 \ubaa8\ub378\ub9c1<\/h2>\n
        \uc2dc\uc2a4\ud15c\uc758 \uc0c1\ud0dc \ubcc0\ud654 \ud328\ud134\uc744 \ucd94\uc801\ud560 \ub54c<\/strong> \uac00\uc7a5 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4. \uacb0\uc81c \uc2dc\uc2a4\ud15c, IoT \ub514\ubc14\uc774\uc2a4 \uc81c\uc5b4 \ub85c\uc9c1 \uc124\uacc4 \ub4f1 \uc0c1\ud0dc \uc758\uc874 \ud504\ub85c\uc138\uc2a4\uc5d0 \ud544\uc218\uc785\ub2c8\ub2e4.<\/p>\n
        \n
        \nstateDiagram-v2\n    [*] --> Idle\n    Idle --> Processing : StartButton\n    Processing --> Completed : Success\n    Processing --> Error : Fail\n    Error --> Processing : Retry\n    Completed --> [*]\n  <\/pre>\n<\/div>\n
        \uc5f4\uc1e0 \uac19\uc740 \uae30\ub2a5:<\/strong><\/p>\n
          \n
        • stateDiagram-v2<\/code>: \ucd5c\uc2e0 \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uad6c\ubb38<\/li>\n
        • [*]<\/code>: \uc2dc\uc791\/\uc885\ub8cc \uc0c1\ud0dc<\/li>\n
        • : \uc774\ubca4\ud2b8\uba85<\/code>: \uc804\uc774(transition) \ud2b8\ub9ac\uac70 \uc9c0\uc815<\/li>\n<\/ul>\n
          \n
          5. \uc5d4\ud2f0\ud2f0 \uad00\uacc4 \ub2e4\uc774\uc5b4\uadf8\ub7a8(ER Diagram): \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc124\uacc4\uc758 \uc6b0\uc8fc\uc120<\/h2>\n
          \ub370\uc774\ud130 \ubaa8\ub378\ub9c1\uc758 \uc644\ubcbd\ud55c \ud30c\ud2b8\ub108\ub85c<\/strong> \ud14c\uc774\ube14 \uad00\uacc4\ub97c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4. MySQL, PostgreSQL \ub4f1 RDBMS \uc124\uacc4 \uc2dc \ud65c\uc6a9\ub3c4 1\uc704 \ucc28\ud2b8\uc785\ub2c8\ub2e4.<\/p>\n
          \n
          \nerDiagram\n    CUSTOMER ||--o{ ORDER : places\n    ORDER ||--|{ LINE-ITEM : contains\n    CUSTOMER }|..|{ ADDRESS : "uses"\n  <\/pre>\n<\/div>\n
          \ub9ac\ub808\uc774\uc158 \ud45c\ud604\ubc95:<\/strong><\/p>\n
            \n
          • ||--||<\/code>: One-to-One<\/li>\n
          • ||--o{<\/code>: One-to-Many<\/li>\n
          • }o--o{<\/code>: Many-to-Many<\/li>\n
          • }|..|{<\/code>: \ud569\uc131 \uad00\uacc4<\/li>\n<\/ul>\n
            \n
            6. \uc0ac\uc6a9\uc790 \uc5ec\uc815 \ub9f5(User Journey Map): CX \ucd5c\uc801\ud654 \ubb34\uae30<\/h2>\n
            \uace0\uac1d \uacbd\ud5d8 \ubd84\uc11d\uc744 \uc804\ub7b5\uc801\uc73c\ub85c<\/strong> \uc218\ud589\ud560 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4. \ud130\uce58\ud3ec\uc778\ud2b8\ubcc4 \uac10\uc815 \uace1\uc120\uacfc \ud2b8\ub7ec\ube14 \ud3ec\uc778\ud2b8 \uc2dc\uac01\ud654\uac00 \uac15\uc810\uc785\ub2c8\ub2e4.<\/p>\n
            \n
            \njourney\n    title \uc1fc\ud551\ubab0 \uad6c\ub9e4 \uc5ec\uc815\n    section \uc7a5\ubc14\uad6c\ub2c8\n      \uc0c1\ud488 \ucd94\uac00: 5: \uace0\uac1d\n      \ucfe0\ud3f0 \uc801\uc6a9: 3: \uace0\uac1d\n    section \uacb0\uc81c\n      \uacb0\uc81c\ucc3d \uc9c4\uc785: 5: \uace0\uac1d\n      \uacb0\uc81c \uc624\ub958: 1: \uace0\uac1d\n  <\/pre>\n<\/div>\n
            \uc7a5\uc810:<\/strong><\/p>\n
              \n
            • section<\/code>\uc73c\ub85c \ud504\ub85c\uc138\uc2a4 \ub2e8\uacc4 \uad6c\ubd84<\/li>\n
            • \uac10\uc815 \uc810\uc218(1~5)\ub97c \ud1b5\ud55c \ud035 \ubd84\uc11d \uac00\ub2a5<\/li>\n
            • \ub77c\ubca8 \uc9c0\uc815\uc73c\ub85c \ub2f4\ub2f9\uc790 \uc5ed\ud560 \ubd84\uba85\ud654<\/li>\n<\/ul>\n
              \n
              7. \uac74 \ub2e4\uc774\uc5b4\uadf8\ub7a8(Gantt Chart): \ud504\ub85c\uc81d\ud2b8 \uc77c\uc815 \uad00\ub9ac\uc758 \ud0a4\uc6cc<\/h2>\n
              \ud504\ub85c\uc81d\ud2b8 \ub9e4\ub2c8\uc800\uc758 \uc131\uacf5 \ube44\uacb0\ub85c<\/strong> \ud0dc\uc2a4\ud06c \ud0c0\uc784\ub77c\uc778\uacfc \uc758\uc874\uc131\uc744 \uc9c1\uad00\uc801\uc73c\ub85c \uad00\ub9ac\ud569\ub2c8\ub2e4. Agile\/Waterfall \ud504\ub85c\uc81d\ud2b8 \ubaa8\ub450 \uc801\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n
              \n
              \ngantt\n    title \ud504\ub85c\uc81d\ud2b8 \ud0c0\uc784\ub77c\uc778\n    dateFormat YYYY-MM-DD\n    section \uc124\uacc4\n    \uc694\uad6c\uc0ac\ud56d \uc815\uc758     :a1, 2023-01-01, 15d\n    \uc544\ud0a4\ud14d\ucc98 \uc124\uacc4     :a2, after a1, 10d\n    section \uac1c\ubc1c\n    \ucf54\uc5b4 \ubaa8\ub4c8 \uac1c\ubc1c   :b1, after a2, 30d\n  <\/pre>\n<\/div>\n
              \uc911\uc694 \uc635\uc158:<\/strong><\/p>\n
                \n
              • dateFormat<\/code>: \ub0a0\uc9dc \ud615\uc2dd \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5<\/li>\n
              • after [\ud0dc\uc2a4\ud06c\uba85]<\/code>: \uc758\uc874\uc131 \uc124\uc815<\/li>\n
              • \ud06c\ub9ac\ud2f0\uceec \ud328\uc2a4<\/code>: \uc790\ub3d9 \uac15\uc870 \uae30\ub2a5<\/li>\n<\/ul>\n
                \n
                8. \ud30c\uc774 \ucc28\ud2b8(Pie Chart): \ub370\uc774\ud130 \uc2a4\ud1a0\ub9ac\ud154\ub9c1\uc758 \uc124\ub4dd\ub825<\/h2>\n
                \ud1b5\uacc4\uc801 \uc124\uba85\ub825\uc744 \uadf9\ub300\ud654\ud558\ub294<\/strong> \uac00\uc7a5 \ube60\ub978 \uc2dc\uac01\ud654 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ub9c8\ud06c\ub2e4\uc6b4 \ub0b4\uc5d0\uc11c DB \uc5f0\ub3d9 \uc5c6\uc774 \uc989\uc2dc \uc0dd\uc131 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n
                \n
                \npie title \uc0ac\uc6a9\uc790 \uae30\uae30 \ud604\ud669\n    \u201ciOS\u201d : 45\n    \u201cAndroid\u201d : 40\n    \u201cWindows\u201d : 10\n    \u201c\uae30\ud0c0\u201d : 5\n  <\/pre>\n<\/div>\n
                \ub370\uc774\ud130 \ud65c\uc6a9 \ud301:<\/strong><\/p>\n
                  \n
                • \ubc31\ubd84\uc728 \uc790\ub3d9 \uacc4\uc0b0<\/li>\n
                • title<\/code> \uc18d\uc131\uc73c\ub85c \uadf8\ub798\ud504 \uc81c\ubaa9 \uc124\uc815<\/li>\n
                • \ub3c4\ub11b\ud615 \ucc28\ud2b8 pie showData<\/code> \uc635\uc158 \uc9c0\uc6d0<\/li>\n<\/ul>\n
                  \n
                  9. \uae30\ud0c0 \ud544\uc218 \ucc28\ud2b8 \ud655\uc7a5 \uc138\ud2b8<\/h2>\n
                  \uc694\uad6c\uc0ac\ud56d \ub2e4\uc774\uc5b4\uadf8\ub7a8(Requirement Diagram)<\/h3>\n
                  \uae30\ub2a5\uacfc \ube44\uae30\ub2a5 \uc694\uad6c\uc0ac\ud56d \uad6c\uc870\ud654<\/strong>\uc5d0 \ucd5c\uc801\ud654\ub41c \ucc28\ud2b8\uc785\ub2c8\ub2e4.<\/p>\n
                  \n
                  \nrequirementDiagram\n    requirement test_req {\n    id: R001\n    text: \uc2dc\uc2a4\ud15c\uc740 99.9% \uac00\ub3d9\ub960 \ubcf4\uc7a5\n    }\n  <\/pre>\n<\/div>\n
                  \ub9c8\uc778\ub4dc\ub9f5(Mindmap)<\/h3>\n
                  \uc544\uc774\ub514\uc5b4 \ube0c\ub808\uc778\uc2a4\ud1a0\ubc0d\uc744 \uccb4\uacc4\ud654<\/strong>\ud560 \ub54c \ud0c1\uc6d4\ud569\ub2c8\ub2e4.<\/p>\n
                  \n
                  \nmindmap\n  root((\ud504\ub85c\uc81d\ud2b8))\n    \uae30\ub2a5\n      \ud68c\uc6d0\uac00\uc785\n      \uc8fc\ubb38\uad00\ub9ac\n    \uae30\uc220\n      React\n      NodeJS\n  <\/pre>\n<\/div>\n
                  \n
                  \uacb0\ub860: \uc5ec\ub7ec\ubd84\uc758 \ucee4\ubba4\ub2c8\ucf00\uc774\uc158 \uc5ed\ub7c9\uc774 \uba38\uba54\uc774\ub4dc\ub85c \uc9c4\ud654\ud55c\ub2e4<\/h2>\n
                  \uc9c0\uae08\uae4c\uc9c0 \uba38\uba54\uc774\ub4dc \ud0dc\uadf8\ubcc4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc758 \ud2b9\uc9d5\uacfc \uc751\uc6a9 \uc0ac\ub840\ub97c \ud0d0\uad6c\ud588\uc2b5\ub2c8\ub2e4. \ud50c\ub85c\uc6b0\ucc28\ud2b8\ub85c \ud504\ub85c\uc138\uc2a4\ub97c, \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \uc2dc\uc2a4\ud15c \ud1b5\uc2e0\uc744, ER \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ub370\uc774\ud130 \uad00\uacc4\ub97c<\/strong> \uba85\ud655\ud788 \ud45c\ud604\ud560 \uc218 \uc788\uc74c\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4. \uac01 \ucc28<\/p>\n
                  <\/p>\n
                  \/\/ {
                  \n      mermaid.run();
                  \n    });
                  \n  } else {
                  \n    mermaid.run();
                  \n  }
                  \n\/\/]]><\/p>\n","protected":false},"excerpt":{"rendered":"
                  \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc885\ub958 \uc644\ubcbd \uac00\uc774\ub4dc: \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub97c \uc704\ud55c 9\uac00\uc9c0 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ub9c8\uc2a4\ud130\ud558\uae30 \uc11c\ub860: \ub2e4\uc774\uc5b4\uadf8\ub7a8 \ud601\uba85\uc744 \uc77c\uc73c\ud0a4\ub294 \ub9c8\ubc95\uc758 \ub3c4\uad6c \ub514\uc9c0\ud138 \uc2dc\ub300\uc5d0 \ud6a8\uc728\uc801\uc778 \ucee4\ubba4\ub2c8\ucf00\uc774\uc158\uc740 \ud544\uc218\uc785\ub2c8\ub2e4. \ubcf5\uc7a1\ud55c \uc544\uc774\ub514\uc5b4\uc640 \uc2dc\uc2a4\ud15c \uad6c\uc870\ub97c \uba85\ud655\ud558\uac8c \uc804\ub2ec\ud574\uc57c \ud558\ub294 \uac1c\ubc1c\uc790, \uae30\ud68d\uc790, \ub370\uc774\ud130 \ubd84\uc11d\uac00\ub4e4\uc5d0\uac8c \uba38\uba54\uc774\ub4dc(Mermaid) \ucc28\ud2b8\ub294 \uac15\ub825\ud55c \uc2dc\uac01\uc801 \ubb34\uae30\uc785\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8 \uae30\ubc18 \ucf54\ub4dc\ub85c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0dd\uc131\ud558\ub294 \uc774 \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\ub294 \ud611\uc5c5 \ud6a8\uc728\uc131\uc744 \ud601\uc2e0\uc801\uc73c\ub85c \ub192\uc774\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubbf8\uad6d \ub0b4 \uc804\uc790 \uba54\uc77c… <\/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-5417","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\/5417","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=5417"}],"version-history":[{"count":1,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5417\/revisions"}],"predecessor-version":[{"id":5418,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5417\/revisions\/5418"}],"wp:attachment":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}