{"id":5407,"date":"2025-12-23T17:02:39","date_gmt":"2025-12-23T17:02:39","guid":{"rendered":"https:\/\/blog.ggonggong.com\/?p=5407"},"modified":"2025-12-23T17:02:39","modified_gmt":"2025-12-23T17:02:39","slug":"%eb%a8%b8%eb%a9%94%ec%9d%b4%eb%93%9c-%ec%b0%a8%ed%8a%b8-%ec%99%84%ec%a0%84-%ea%b0%80%ec%9d%b4%eb%93%9c-%ec%a2%85%eb%a5%98%eb%b3%84-%ed%99%9c%ec%9a%a9%eb%b2%95%ea%b3%bc-%ec%98%88%ec%8b%9c%eb%a1%9c","status":"publish","type":"post","link":"https:\/\/blog.ggonggong.com\/?p=5407","title":{"rendered":"\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc644\uc804 \uac00\uc774\ub4dc: \uc885\ub958\ubcc4 \ud65c\uc6a9\ubc95\uacfc \uc608\uc2dc\ub85c \ub9c8\uc2a4\ud130\ud558\uae30"},"content":{"rendered":"

<\/p>\n

\n<\/div>\n

\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc644\uc804 \uac00\uc774\ub4dc: \uc885\ub958\ubcc4 \ud65c\uc6a9\ubc95\uacfc \uc608\uc2dc\ub85c \ub9c8\uc2a4\ud130\ud558\uae30<\/h1>\n

\uc11c\ub860: \ucf54\ub4dc\ub85c \ub9cc\ub098\ub294 \uc2dc\uac01\ud654\uc758 \ud601\uc2e0<\/h2>\n
\n

\u201c\ud55c \uc904\uc758 \ud14d\uc2a4\ud2b8\uac00 \uc644\ubcbd\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ubcc0\uc2e0\ud569\ub2c8\ub2e4<\/strong>\u201d<\/p>\n<\/blockquote>\n

\uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub4e4\uc5d0\uac8c \uc2dc\uac01\uc801 \uc758\uc0ac\uc18c\ud1b5<\/strong>\uc740 \ud6a8\uc728\uc131\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4. \ub3c4\ud45c \uc791\uc131\uc5d0 \uc2dc\uac04\uc744 \ub0ad\ube44\ud558\ub358 \uc2dc\ub300\ub294 \uc9c0\ub0ac\uc2b5\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc(Mermaid)\ub294 \uac04\uacb0\ud55c \ud14d\uc2a4\ud2b8 \ubb38\ubc95<\/strong>\uc73c\ub85c \ubcf5\uc7a1\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0dd\uc131\ud558\ub294 \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ucf54\ub4dc \uc785\ub825\ub9cc\uc73c\ub85c \ud50c\ub85c\uc6b0\ucc28\ud2b8\ubd80\ud130 Gantt \ucc28\ud2b8\uae4c\uc9c0 \ub2e4\uc591\ud55c \uc2dc\uac01\ud654\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \uac00\uc774\ub4dc\uc5d0\uc120 \uba38\uba54\uc774\ub4dc\uc758 \ubaa8\ub4e0 \ucc28\ud2b8 \uc720\ud615\uc744 \ucca0\uc800\ud788 \ubd84\uc11d\ud569\ub2c8\ub2e4. \uac1c\ubc1c \uc0dd\uc0b0\uc131 \ud5a5\uc0c1\uc5d0 \ud544\uc694\ud55c \uacb0\uc815\uc801 \ub3c4\uad6c\ub97c \ubc14\ub85c \ucc3e\uc544\ubcf4\uc138\uc694!<\/p>\n

\n

1. \ud50c\ub85c\uc6b0\ucc28\ud2b8 (Flowchart)<\/h2>\n

\ud504\ub85c\uc138\uc2a4 \uc2dc\uac01\ud654\uc758 \ud575\uc2ec \ub3c4\uad6c<\/strong>
\n\uc54c\uace0\ub9ac\uc998, \uc5c5\ubb34 \ud750\ub984, \uc2ec\uc9c0\uc5b4 \uc758\uc0ac\uacb0\uc815 \ud2b8\ub9ac\uae4c\uc9c0 \ud45c\ud604 \uac00\ub2a5\ud55c \uac00\uc7a5 \uae30\ubcf8\uc801\uc774\uba74\uc11c\ub3c4 \uac15\ub825\ud55c \ucc28\ud2b8\uc785\ub2c8\ub2e4.<\/p>\n

MERMAID_PLACEHOLDER_0<\/strong><\/p>\n

\uc8fc\uc694 \ud65c\uc6a9 \uc0c1\ud669<\/h3>\n
    \n
  • \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc54c\uace0\ub9ac\uc998 \uc124\uacc4<\/li>\n
  • \ube44\uc988\ub2c8\uc2a4 \ud504\ub85c\uc138\uc2a4 \ub9e4\ud551<\/li>\n
  • \uc758\uc0ac\uacb0\uc815 \ud2b8\ub9ac \uc0dd\uc131<\/li>\n
  • \uc2dc\uc2a4\ud15c \uc778\ud504\ub77c \uc544\ud0a4\ud14d\ucc98 \uc124\uba85<\/li>\n<\/ul>\n

    \uace0\uae09 \uae30\ub2a5 \ud2b9\uc9d5<\/h3>\n

    MERMAID_PLACEHOLDER_1<\/strong><\/p>\n

      \n
    • \ubc29\ud5a5 \uc81c\uc5b4: TD<\/code>(\uc0c1\u2192\ud558), LR<\/code>(\uc88c\u2192\uc6b0), RL<\/code>(\uc6b0\u2192\uc88c)<\/li>\n
    • \ub178\ub4dc \ud615\ud0dc: []<\/code>(\uc9c1\uc0ac\uac01\ud615), ()<\/code>(\ub465\uadfc\ubaa8\uc11c\ub9ac), {}<\/code>(\ub2e4\uc774\uc544\ubaac\ub4dc)<\/li>\n
    • \uc11c\ube0c\uadf8\ub798\ud504: subgraph<\/code>\ub85c \uc601\uc5ed \ubd84\ud560 \uac00\ub2a5<\/li>\n
    • \ub9c1\ud06c \uc2a4\ud0c0\uc77c: ---<\/code>(\uc2e4\uc120), -.-<\/code>(\uc810\uc120), ==<\/code>(\ub450\uaebc\uc6b4\uc120)<\/li>\n<\/ul>\n
      \n

      2. \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Sequence Diagram)<\/h2>\n

      \uac1d\uccb4 \uac04 \uc0c1\ud638\uc791\uc6a9\uc758 \uc2dc\uac04\uc801 \ud750\ub984 \uc2dc\uac01\ud654<\/strong><\/p>\n

      MERMAID_PLACEHOLDER_2<\/strong><\/p>\n

      \ud575\uc2ec \uc694\uc18c \uc124\uba85<\/h3>\n
        \n
      • participant<\/code>: \uc0c1\ud638\uc791\uc6a9 \uc8fc\uccb4 \uc815\uc758<\/li>\n
      • ->><\/code>: \uc2e4\uc120 \ud654\uc0b4\ud45c (\uba54\uc2dc\uc9c0 \uc804\uc1a1)<\/li>\n
      • -->><\/code>: \uc810\uc120 \ud654\uc0b4\ud45c (\uc751\ub2f5 \ubc18\ud658)<\/li>\n
      • activate<\/code>\/deactivate<\/code>: \ud65c\uc131\ud654 \uad6c\uac04 \ud45c\uc2dc<\/li>\n
      • loop<\/code>, alt<\/code>: \uc81c\uc5b4 \ud750\ub984 \ud45c\ud604<\/li>\n<\/ul>\n
        \n

        3. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Class Diagram)<\/h2>\n

        \uac1d\uccb4\uc9c0\ud5a5 \uc2dc\uc2a4\ud15c\uc758 \uad6c\uc870\ub97c \uba85\uc2dc\ud558\ub294 \uccad\uc0ac\uc9c4<\/strong><\/p>\n

        MERMAID_PLACEHOLDER_3<\/strong><\/p>\n

        \ud45c\ud604 \uc694\uc18c \uc0c1\uc138<\/h3>\n
          \n
        • \uc811\uadfc \uc81c\ud55c\uc790: +<\/code>(public), -<\/code>(private), #<\/code>(protected)<\/li>\n
        • \uad00\uacc4 \uc720\ud615:\n
            \n
          • --><\/code>: \uc77c\ubc18 \uc5f0\uad00<\/li>\n
          • --|><\/code>: \uc0c1\uc18d<\/li>\n
          • ..|><\/code>: \uc778\ud130\ud398\uc774\uc2a4 \uad6c\ud604<\/li>\n<\/ul>\n<\/li>\n
          • \ubcf5\uc7a1\ub3c4 \ud45c\ud604: "1"<\/code>, "*"<\/code>, "1..*"<\/code> \uce74\ub514\ub110\ub9ac\ud2f0<\/li>\n<\/ul>\n
            \n

            4. \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 (State Diagram)<\/h2>\n

            \uc2dc\uc2a4\ud15c\uc758 \uc0c1\ud0dc \uc804\uc774 \uacfc\uc815 \ubaa8\ub378\ub9c1<\/strong><\/p>\n

            MERMAID_PLACEHOLDER_4<\/strong><\/p>\n

            \uc8fc\uc694 \uc18d\uc131<\/h3>\n
              \n
            • \uc2dc\uc791\uc810 [*]<\/code>\uacfc \uc885\ub8cc\uc810 [*]<\/code> \ud45c\ud604<\/li>\n
            • state<\/code>: \uac01 \uc0c1\ud0dc \uc815\uc758<\/li>\n
            • --><\/code>: \uc0c1\ud0dc \uc804\uc774 \ud45c\ud604<\/li>\n
            • \uc870\uac74 \uba85\uc2dc: : \uc774\ubca4\ud2b8 \uc124\uba85<\/code> \uad6c\ubb38<\/li>\n
            • \ubcf5\ud569 \uc0c1\ud0dc: state \ubcf5\ud569\uc0c1\ud0dc { ... }<\/code><\/li>\n<\/ul>\n
              \n

              5. \uc5d4\ud2f0\ud2f0 \uad00\uacc4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (ER Diagram)<\/h2>\n

              \ub370\uc774\ud130 \ubaa8\ub378\ub9c1\uc758 \ud45c\uc900 \uc5b8\uc5b4<\/strong><\/p>\n

              MERMAID_PLACEHOLDER_5<\/strong><\/p>\n

              \uad00\uacc4 \ud45c\ud604\ubc95<\/h3>\n
                \n
              • ||--|{<\/code> \uc77c\ub300\ub2e4 (\ud544\uc218)<\/li>\n
              • }o--|{<\/code> \uc77c\ub300\ub2e4 (\uc120\ud0dd\uc801)<\/li>\n
              • ||--o{<\/code> \uc77c\ub300\uc77c (\ud544\uc218)<\/li>\n
              • }o--o{<\/code> \uc77c\ub300\uc77c (\uc120\ud0dd\uc801)<\/li>\n<\/ul>\n
                \n

                6. \uac04\ud2b8 \ucc28\ud2b8 (Gantt Chart)<\/h2>\n

                \ud504\ub85c\uc81d\ud2b8 \uc77c\uc815 \uad00\ub9ac\uc758 \ud575\uc2ec \ub3c4\uad6c<\/strong><\/p>\n

                MERMAID_PLACEHOLDER_6<\/strong><\/p>\n

                \ud575\uc2ec \uae30\ub2a5<\/h3>\n
                  \n
                • dateFormat<\/code>: \ub0a0\uc9dc \ud3ec\ub9f7 \uc124\uc815<\/li>\n
                • \uad6c\uac04 section<\/code> \ubd84\ub958 \uc9c0\uc6d0<\/li>\n
                • \uc791\uc5c5 \uac04 \uc885\uc18d\uc131 \ud45c\ud604: after [\uc791\uc5c5ID]<\/code><\/li>\n
                • \uc9c4\ud589 \uc0c1\ud0dc \ud45c\uc2dc: active<\/code>, done<\/code>, crit<\/code>(\uc911\uc694 \uacbd\ub85c)<\/li>\n
                • \uc2dc\uac04 \ub2e8\uc704 \uc124\uc815:<\/li>\n<\/ul>\n

                  <\/p>\n

                  import mermaid from ‘https:\/\/cdn.jsdelivr.net\/npm\/mermaid@10\/dist\/mermaid.esm.min.mjs’;<\/p>\n

                  mermaid.initialize({
                  \n startOnLoad: true,
                  \n theme: ‘default’,
                  \n securityLevel: ‘strict’,
                  \n fontFamily: ‘Arial, sans-serif’,
                  \n flowchart: {
                  \n useMaxWidth: true,
                  \n htmlLabels: true,
                  \n curve: ‘basis’,
                  \n },
                  \n });<\/p>\n

                  \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \ud6c4 \ub80c\ub354\ub9c1
                  \n if (document.readyState === ‘loading’) {
                  \n document.addEventListener(‘DOMContentLoaded’, () => {
                  \n mermaid.run();
                  \n });
                  \n } else {
                  \n mermaid.run();
                  \n }<\/p>\n","protected":false},"excerpt":{"rendered":"

                  \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc644\uc804 \uac00\uc774\ub4dc: \uc885\ub958\ubcc4 \ud65c\uc6a9\ubc95\uacfc \uc608\uc2dc\ub85c \ub9c8\uc2a4\ud130\ud558\uae30 \uc11c\ub860: \ucf54\ub4dc\ub85c \ub9cc\ub098\ub294 \uc2dc\uac01\ud654\uc758 \ud601\uc2e0 \u201c\ud55c \uc904\uc758 \ud14d\uc2a4\ud2b8\uac00 \uc644\ubcbd\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ubcc0\uc2e0\ud569\ub2c8\ub2e4\u201d \uac1c\ubc1c\uc790\uc640 \uae30\ud68d\uc790\ub4e4\uc5d0\uac8c \uc2dc\uac01\uc801 \uc758\uc0ac\uc18c\ud1b5\uc740 \ud6a8\uc728\uc131\uc758 \ud575\uc2ec\uc785\ub2c8\ub2e4. \ub3c4\ud45c \uc791\uc131\uc5d0 \uc2dc\uac04\uc744 \ub0ad\ube44\ud558\ub358 \uc2dc\ub300\ub294 \uc9c0\ub0ac\uc2b5\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc(Mermaid)\ub294 \uac04\uacb0\ud55c \ud14d\uc2a4\ud2b8 \ubb38\ubc95\uc73c\ub85c \ubcf5\uc7a1\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0dd\uc131\ud558\ub294 \uc624\ud508\uc18c\uc2a4 \ub3c4\uad6c\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ucf54\ub4dc \uc785\ub825\ub9cc\uc73c\ub85c \ud50c\ub85c\uc6b0\ucc28\ud2b8\ubd80\ud130 Gantt \ucc28\ud2b8\uae4c\uc9c0 \ub2e4\uc591\ud55c \uc2dc\uac01\ud654\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774 \uac00\uc774\ub4dc\uc5d0\uc120 \uba38\uba54\uc774\ub4dc\uc758 \ubaa8\ub4e0 \ucc28\ud2b8 \uc720\ud615\uc744… <\/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-5407","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\/5407","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=5407"}],"version-history":[{"count":1,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5407\/revisions"}],"predecessor-version":[{"id":5408,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=\/wp\/v2\/posts\/5407\/revisions\/5408"}],"wp:attachment":[{"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ggonggong.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}