Community

๐Ÿงœโ€โ™‚๏ธ Mermaid - Code ๋กœ UML Diagram ๊ทธ๋ฆฌ๊ธฐ

์„ค๊ณ„ํ•  ๋•Œ ๊ฐ€์žฅ ๋งŽ์€ ์‹œ๊ฐ„์„ ์ฐจ์ง€ํ•˜๋Š” ์ผ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ UML Diagram ์„ ๊ทธ๋ฆฌ๊ณ  ์ •๋ฆฌํ•˜๋Š”๊ฑด๋ฐ์š”, Source Code ํ˜•ํƒœ๋กœ UML Diagram ์„ ๊ทธ๋ฆด ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ๊ฐ€ ์žˆ์–ด ๊ณต์œ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋ฐ”๋กœ Mermaid ๋ผ๋Š” ๋„๊ตฌ์ธ๋ฐ์š”, ์ด ๋„๊ตฌ๋Š” Markdown ์—์„œ ์˜๊ฐ์„ ๋ฐ›์•„ ๋งŒ๋“ค์–ด์ง„ ์ฝ”๋“œ ๊ธฐ๋ฐ˜์˜ ๋‹ค์ด์–ด๊ทธ๋žจ ์ œ์ž‘ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ ๋งŽ์€ ๋ถ„๋“ค์ด ์•„์‹ค์ˆ˜๋„ ์žˆ๊ฒ ์ง€๋งŒ(ํ˜น์‹œ ์ €๋งŒ ๋ชฐ๋ž๋‚˜์š” ๐Ÿฅฒ) Mermaid ๋Š” ์ด๋ฏธ Notion ๊ณผ Github ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ์—ฐ๋™์ด ๋œ ์ƒํƒœ๊ณ , ๊ฐœ๋ฐœ์ž IDE ๋„๊ตฌ์ธ Intellij ์—์„œ๋„ Plugin ์„ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š”๋งŒํผ ํ•ซํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ํ˜น์—ฌ ๋ฌธ๋ฒ•์— ์ต์ˆ™ํ•˜์ง€ ์•Š๋”๋ผ๋„ ChatGPT ๋ฅผ ํ†ตํ•ด์„œ Mermaid ์ž‘์„ฑ์— ๋Œ€ํ•œ ๋„์›€๋„ ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋‹ˆ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ํ™œ์šฉํ•ด๋ณด๋ฉด ์ข‹์„๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. Mermaid ์— ๋Œ€ํ•ด ์ž์„ธํ•œ ๋‚ด์šฉ์ด ์•Œ๊ณ  ์‹ถ์œผ์‹œ๋‹ค๋ฉด ์ฒจ๋ถ€๋“œ๋ฆฐ reference ๋‚ด์šฉ์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”. ๐Ÿ“š Reference * mermaid: https://mermaid.js.org/ * mermaid live editor: https://mermaid.live/ * ChatGPT๋ฅผ ํ™œ์šฉํ•˜์—ฌ 1๋ถ„๋งŒ์— UML Diagram ๊ทธ๋ฆฌ๊ธฐ: https://medium.com/onthelook/mermaid-chatgpt-%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-1%EB%B6%84%EB%A7%8C%EC%97%90-uml-diagram-%EA%B7%B8%EB%A6%AC%EA%B8%B0-e449c0716394

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค