· software
Jekyll 블로그에 Mermaid 다이어그램 추가하기
기술 블로그를 운영하다 보면 아키텍처, 플로우차트, 시퀀스 다이어그램 등을 그려야 할 때가 많습니다. 이미지 파일을 별도로 만들어 첨부하는 방식은 번거롭고 수정도 어렵습니다. Mermaid.js를 사용하면 마크다운 코드 블록 안에서 텍스트로 다이어그램을 정의하고 자동으로 렌더링할 수 있습니다.
기술 블로그를 운영하다 보면 아키텍처, 플로우차트, 시퀀스 다이어그램 등을 그려야 할 때가 많습니다. 이미지 파일을 별도로 만들어 첨부하는 방식은 번거롭고 수정도 어렵습니다. Mermaid.js를 사용하면 마크다운 코드 블록 안에서 텍스트로 다이어그램을 정의하고 자동으로 렌더링할 수 있습니다.
TL;DR – 다이어그램을 다시 그리는 것을 피하는 전략 - 시간을 절약하기 위해 모듈식이며 재사용 가능한 diagram frameworks를 사용하세요. - 명확성을 위해 shapes, colors, 그리고 layouts를 표준화하세요.