<\/p>\n
\n\u201c\ucf54\ub4dc \ud55c \uc904\ub85c \uc804\ubb38\uc801\uc778 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ub9cc\ub4e0\ub2e4\u201d \u2013 \uac1c\ubc1c\uc790\ub4e4\uc774 \uba38\uba54\uc774\ub4dc\ub97c \uc120\ud0dd\ud558\ub294 \uc774\uc720<\/p>\n<\/blockquote>\n
\uc624\ub298\ub0a0 \uac1c\uc778 \uac1c\ubc1c\uc790\uc5d0\uc11c \ub300\uae30\uc5c5 \ud300\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \uc2dc\uc2a4\ud15c \uc124\uacc4 \ubb38\uc11c\ud654\uc5d0 \ud601\uc2e0\uc744 \uac00\uc838\uc628 \ub3c4\uad6c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uba38\uba54\uc774\ub4dc(Mermaid)<\/strong> \ub294 \ud14d\uc2a4\ud2b8 \uae30\ubc18 \ub2e4\uc774\uc5b4\uadf8\ub7a8 \uc0dd\uc131 \ub3c4\uad6c\ub85c, \ubcf5\uc7a1\ud55c \uc2dc\uac01\uc801 \uc790\ub8cc\ub97c \ub2e8\uc21c\ud55c \ucf54\ub4dc\ub9cc\uc73c\ub85c \uc81c\uc791<\/strong>\ud560 \uc218 \uc788\ub294 \ub3c5\ubcf4\uc801\uc778 \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4. GitHub, GitLab, Notion \ub4f1 \uc8fc\uc694 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uae30\ubcf8 \uc9c0\uc6d0\ub418\uba70, \uac1c\ubc1c \uc0dd\uc0b0\uc131\uc744 40% \uc774\uc0c1 \ud5a5\uc0c1\uc2dc\ud0a8 \uc0ac\ub840\uac00 \ubcf4\uace0\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294 \uba38\uba54\uc774\ub4dc\uac00 \uc81c\uacf5\ud558\ub294 9\uac00\uc9c0 \ud575\uc2ec \ucc28\ud2b8 \uc720\ud615\uc744 \uc2e4\uc81c \uc608\uc81c\uc640 \ud568\uaed8 \uc0c1\uc138\ud788 \ubd84\uc11d\ud558\uba70, \uac01\uac01\uc758 \ucd5c\uc801 \ud65c\uc6a9 \uc2dc\ub098\ub9ac\uc624\ub97c \uc81c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n
\n\ubcf8\ubb38: \uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \uc885\ub958\ubcc4 \uc2ec\uce35 \ubd84\uc11d<\/h2>\n
1. \ud50c\ub85c\uc6b0\ucc28\ud2b8 (Flowcharts)<\/h3>\n
\ud504\ub85c\uc138\uc2a4 \uc2dc\uac01\ud654\uc758 \ud575\uc2ec \ub3c4\uad6c<\/strong>
\n\uc2dc\uc2a4\ud15c \uc6cc\ud06c\ud50c\ub85c\uc6b0\ub098 \uc54c\uace0\ub9ac\uc998 \ub2e8\uacc4\ub97c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/p>\nMERMAID_PLACEHOLDER_0<\/strong><\/p>\n
\n
- \ud575\uc2ec \uad6c\ubb38 \uc694\uc18c<\/strong>:\n
\n
- \ub178\ub4dc:
[\uc0ac\uac01\ud615]<\/code>,{\ub2e4\uc774\uc544\ubaac\ub4dc}<\/code>,((\uc6d0\ud615))<\/code><\/li>\n- \ud654\uc0b4\ud45c:
--><\/code> (\ub2e8\ubc29\ud5a5),---<\/code> (\uc591\ubc29\ud5a5)<\/li>\n- \ubd84\uae30:
|\ub77c\ubca8|<\/code> \uc870\uac74\ubd80 \uc5f0\uacb0 \uc9c0\uc815<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\uc2e4\uc804 \uc801\uc6a9 \uc0ac\ub840<\/strong>:<\/p>\n
\nAPI \ud638\ucd9c \uc624\ub958 \ucc98\ub9ac \ud504\ub85c\uc138\uc2a4 \ub9e4\ud551 \uc2dc, \uc870\uac74 \ubd84\uae30\uc810({ })\uc744 \ud65c\uc6a9\ud574 \uc608\uc678 \ucf00\uc774\uc2a4 \uc2dc\uac01\ud654<\/p>\n<\/blockquote>\n
\n2. \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Sequence Diagrams)<\/h3>\n
\uac1d\uccb4 \uac04 \uc0c1\ud638\uc791\uc6a9 \ud0c0\uc784\ub77c\uc778<\/strong>
\n\ucef4\ud3ec\ub10c\ud2b8\/\uc0ac\uc6a9\uc790 \uac04 \uba54\uc2dc\uc9c0 \ud750\ub984\uc744 \uc2dc\uac04\uc21c\uc73c\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/p>\nMERMAID_PLACEHOLDER_1<\/strong><\/p>\n
\n
- \uc8fc\uc694 \ud2b9\uc9d5<\/strong>:\n
\n
- \uc0dd\uba85\uc120(Lifeline):
participant \ud074\ub77c\uc774\uc5b8\ud2b8<\/code><\/li>\n- \ube44\ub3d9\uae30 \uba54\uc2dc\uc9c0:
--><\/code>, \ub3d9\uae30 \uba54\uc2dc\uc9c0:->><\/code><\/li>\n- \ud65c\uc131\ud654 \uad6c\uac04:
activate \uc11c\ubc84<\/code> \/deactivate \uc11c\ubc84<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\uc2e4\uc804 \ud301<\/strong>:
\n\ub8e8\ud504 \uc601\uc5ed \ucd94\uac00 \uc2dcloop<\/code> \uad6c\ubb38 \uc0ac\uc6a9<\/p>\n\ubc31\uc5c5 \uc2dc\uc2a4\ud15c->DB: \ubc31\uc5c5 \uc2e4\ud589\n<\/code><\/pre>\n
\n3. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Class Diagrams)<\/h3>\n
OOP \uad6c\uc870 \uc124\uacc4 \ud45c\uc900<\/strong>
\n\ud074\ub798\uc2a4 \uc18d\uc131\u00b7\uba54\uc11c\ub4dc\uc640 \uc0c1\uc18d \uad00\uacc4\ub97c \uba85\uc2dc\ud569\ub2c8\ub2e4.<\/p>\nMERMAID_PLACEHOLDER_2<\/strong><\/p>\n
\n
- \uad00\uacc4 \ud45c\ud604\ubc95<\/strong>:\n
\n
- \uc0c1\uc18d:
<|--<\/code><\/li>\n- \uad6c\ud604:
<|..<\/code><\/li>\n- \uc5f0\uad00:
--><\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\uace0\uae09 \ud65c\uc6a9<\/strong>:
\n<<interface>><\/code> \ub178\ud14c\uc774\uc158\uc73c\ub85c \uc778\ud130\ud398\uc774\uc2a4 \uc815\uc758 \uac00\ub2a5<\/p>\n
\n4. \uc0c1\ud0dc \ub2e4\uc774\uc5b4\uadf8\ub7a8 (State Diagrams)<\/h3>\n
\uc720\ud55c \uc0c1\ud0dc \uae30\uacc4(FSM) \ubaa8\ub378\ub9c1<\/strong>
\n\uc2dc\uc2a4\ud15c\uc758 \uc0c1\ud0dc \uc804\uc774\ub97c \uadf8\ub798\ud504\ub85c \ud45c\ud604.<\/p>\nMERMAID_PLACEHOLDER_3<\/strong><\/p>\n
\n
- \ud544\uc218 \uc694\uc18c<\/strong>:\n
\n
- \ucd08\uae30 \uc0c1\ud0dc:
[*]<\/code><\/li>\n- \uc804\uc774 \uc870\uac74:
: \uc774\ubca4\ud2b8\uba85<\/code><\/li>\n- \ubcd1\ub82c \uc0c1\ud0dc:
state fork_state <<fork>><\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\n5. \uc5d4\ud2f0\ud2f0 \uad00\uacc4\ub3c4 (ER Diagrams)<\/h3>\n
\ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc124\uacc4 \ud544\uc218\ud488<\/strong>
\n\ud14c\uc774\ube14 \uad00\uacc4\uc640 \uce74\ub514\ub110\ub9ac\ud2f0\ub97c \uc2dc\uac01\ud654.<\/p>\nMERMAID_PLACEHOLDER_4<\/strong><\/p>\n
\n
- \uad00\uacc4 \ud45c\uae30\ubc95<\/strong>:\n
\n
- 1:1
||--||<\/code><\/li>\n- 1:N
||--o{<\/code><\/li>\n- N:M
}o--o{<\/code><\/li>\n<\/ul>\n<\/li>\n- \uc18d\uc131 \ucd94\uac00<\/strong>:
CUSTOMER { string name }<\/code><\/li>\n<\/ul>\n
\n6. \uc0ac\uc6a9\uc790 \uc5ec\uc815 \ub9f5 (User Journey)<\/h3>\n
UX \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uacbd\ub85c \ubd84\uc11d<\/strong>
\n\uc0ac\uc6a9\uc790 \ud589\ub3d9 \ud328\ud134\uc744 \uc2dc\uac01\uc801\uc73c\ub85c \ucd94\uc801.<\/p>\nMERMAID_PLACEHOLDER_5<\/strong><\/p>\n
\n
- \ub370\uc774\ud130 \uacc4\uce35\ud654<\/strong>:
\n:n: \uc5ed\ud560<\/code>\ub85c \ucc38\uc5ec\uc790 \uad6c\ubd84 \uac00\ub2a5<\/li>\n- \uc911\uc694\ub3c4 \ud45c\uc2dc<\/strong>: \uc810\uc218(5\uc810 \ub9cc\uc810)\ub85c \ub2e8\uacc4\ubcc4 \uc911\uc694\ub3c4 \ube44\uad50<\/li>\n<\/ul>\n
\n7. \uac04\ud2b8 \ucc28\ud2b8 (Gantt Charts)<\/h3>\n
\ud504\ub85c\uc81d\ud2b8 \uc77c\uc815 \uad00\ub9ac<\/strong>
\n\uc791\uc5c5 \uc9c4\ud589\ub3c4\ub97c \ud0c0\uc784\ub77c\uc778\uc73c\ub85c \uad00\ub9ac.<\/p>\nMERMAID_PLACEHOLDER_6<\/strong><\/p>\n
\n
- \uc758\uc874\uc131 \uc124\uc815<\/strong>:
\uad6c\ud604 \ud6c4 -> \ub2e8\uc704 \ud14c\uc2a4\ud2b8<\/code><\/li>\n- \uc9c4\ud589\ub3c4 \ud45c\uc2dc<\/strong>:
\uc124\uacc4 :done, a1, 2023-01-01, 10d<\/code><\/li>\n<\/ul>\n
\n8. \ud30c\uc774 \ucc28\ud2b8 (Pie Charts)<\/h3>\n
\ube44\uc728 \ub370\uc774\ud130 \uc2dc\uac01\ud654<\/strong>
\n\uce74\ud14c\uace0\ub9ac\ubcc4 \ubd84\ud3ec\ub97c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\ud604.<\/p>\nMERMAID_PLACEHOLDER_7<\/strong><\/p>\n
\n
- \uc124\uc815 \uc635\uc158<\/strong>:\n
\n
showData<\/code> \uac12 \uc9c1\uc811 \ub178\ucd9c<\/li>\n- \uc0c9\uc0c1 \ucee4\uc2a4\ud140:
pie title Traffic" color: red<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\n9. \uc694\uad6c\uc0ac\ud56d \ub2e4\uc774\uc5b4\uadf8\ub7a8 (Requirement Diagrams)<\/h3>\n
\uc2e0\uaddc \uae30\ub2a5: \uc2dc\uc2a4\ud15c \uc694\uad6c\uc870\uac74 \ucd94\uc801<\/strong>
\n\uc694\uc18c \uac04 \uc758\uc874\uc131\uacfc \ucda9\ub3cc \ud3ec\uc778\ud2b8 \uc2dd\ubcc4.<\/p>\nMERMAID_PLACEHOLDER_8<\/strong><\/p>\n
\n
- \uad00\uacc4 \ud0c0\uc785<\/strong>:\n
\n
- \ub9cc\uc871(satisfies)<\/li>\n
- \uc0c1\uc138\ud654(refines)<\/li>\n
- \ucda9\ub3cc(conflicts)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\n\uacb0\ub860: \uc62c\ubc14\ub978 \ucc28\ud2b8 \uc120\ud0dd\uc73c\ub85c \uc0dd\uc0b0\uc131 \uadf9\ub300\ud654<\/h2>\n
\uba38\uba54\uc774\ub4dc \ucc28\ud2b8 \ud65c\uc6a9\uc758 \ud575\uc2ec\uc740 \uc0c1\ud669\uc5d0 \ub9de\ub294 \ucd5c\uc801\uc758 \uc2dc\uac01\ud654 \ub3c4\uad6c \uc120\ud0dd<\/strong>\uc5d0 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n
\n\n
\n \n\ucc28\ud2b8 \uc720\ud615<\/th>\n \ucd5c\uc801 \uc0ac\uc6a9 \uc2dc\ub098\ub9ac\uc624<\/th>\n<\/tr>\n<\/thead>\n \n \ud50c\ub85c\uc6b0\ucc28\ud2b8<\/td>\n \uc54c\uace0\ub9ac\uc998\/\ube44\uc988\ub2c8\uc2a4 \ud504\ub85c\uc138\uc2a4<\/td>\n<\/tr>\n \n \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8<\/td>\n \ub9c8\uc774\ud06c\ub85c\uc11c\ube44\uc2a4 \ud1b5\uc2e0 \ubd84\uc11d<\/td>\n<\/tr>\n \n \uac04\ud2b8 \ucc28\ud2b8<\/td>\n \uc560\uc790\uc77c \uc2a4\ud504\ub9b0\ud2b8 \uad00\ub9ac<\/td>\n<\/tr>\n \n ER \ub2e4\uc774\uc5b4\uadf8\ub7a8<\/td>\n DB \uc2a4\ud0a4\ub9c8 \ub9ac\ud329\ud1a0\ub9c1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n