🧜 코드로 다이어그램을 관리하게 해주는 라이브러리, mermaid

- GitHub 마크다운에서도 사용할 수 있습니다. --- 최근에 사내에서 진행하는 GitHub Actions 밋업을 다녀왔습니다. 다양한 직군의 개발자분들께서 GitHub Actions 를 어떻게 사용하고 있는지에 대해 소개를 해주시는 자리였는데요, 그 중에서도 머메이드(mermaid) 이야기가 많이 나와서 한 번 언급해봅니다. 머메이드는 마크다운 같은 형태의 텍스트로 다이어그램을 관리할 수 있게 해주는 라이브러리입니다. 다이어그램을 그릴 때는 draw.io 같은 도구를 쓰거나 파워포인트, 피그마 같은 별도 소프트웨어를 쓸 수도 있는데요, 이것을 GitHub에 올릴 때는 이미지로 올리게 되다보니 유지보수가 어렵다는 단점이 있습니다. 이에 반해 머메이드는 텍스트 기반의 다이어그램 툴이다보니 수정이 자유롭고, 무엇보다도 팀 내 코드 리뷰도 가능합니다. 제가 어제 잠깐 머메이드 문법 맛보기를 했는데요, 특수 문자들 (중괄호, 대괄호, 꺾쇠, ...) 등의 생김새를 적절하게 활용해서 문법을 만들었다는 점이 느껴져서 재미있었습니다. 이미 GitHub에서는 2022년부터 마크다운 파일에 머메이드 문법을 지원합니다. 즉 아래처럼 선언하고 결과적으로 빠르고 쉽게 편집할 수 있는 벡터 기반 다이어그램이 필요한 문서에 바로 표시됩니다. ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ``` 팀 내에서 다이어그램을 많이 사용하고 있다면, 한 번 도입을 검토해보는 것도 추천드립니다. https://github.com/mermaid-js/mermaid