mermaid란?

다이어그램과 차트 툴(Diagramming and charting tool)
마크다운 형식으로 다이어그램을 수정하거나 만들 수 있는 자바스크립트 기반의 다이어그램 및 차트 툴입니다.(JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.)
https://mermaid.js.org/

기존에 UML로 작성하던 다이어그램의 일부를 마크다운 형식으로 표시할 수 있게 해주는 도구입니다. 모든 다이어그램을 작성할 수 있는 것은 아니지만, 마크다운을 통해 간단하게 표현할 수 있는 것이 장점입니다.

github나 notion같이 마크다운을 이용해 문서를 작성할 수 있는 사이트에서도 지원하기 때문에 이미지파일로 저장하지 않아도 된다는 점이 매력적인 도구입니다.

사용 방법

사용방법은 간단합니다. 코드 블럭을 지정하고 사용 언어를 mermaid로 적어주면 됩니다.

```mermaid
classDiagram
	Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
```

다양한 다이어그램을 그리는 방법은 https://mermaid.js.org/syntax/classDiagram.html 해당사이트에서 확인할 수 있습니다.