다이어그램 (3) 썸네일형 리스트형 Mermaid MermaidMermaid는 텍스트 기반 다이어그램 도구입니다. 간단한 마크다운 형식의 코드로 시퀀스 다이어그램, 플로우차트, 간트 차트, 클래스 다이어그램, 상태도 등을 시각화할 수 있게 해줍니다.Mermaid란?텍스트 기반으로 다이어그램을 그릴 수 있는 언어Markdown 또는 HTML 문서 내에 삽입 가능GitHub, GitLab, Obsidian, Typora, VS Code 등에서 직접 렌더링 가능브라우저에서도 동작 (mermaid.js)기본 사용 예1. 플로우차트graph TD A[웹 서버] --> B[Network Firewall] B --> C[NAT Gateway] C --> D[인터넷]2. 시퀀스 다이어그램sequenceDiagram participant User .. [url] 코드로서의 다이어그램(Diagram as Code) 코드로서의 다이어그램(Diagram as Code)https://blog.bytebytego.com/p/diagram-as-code?fbclid=IwAR1B-4U1aOf7lssmFww7SRJ0GqMsYw8sOwIhuH0ELgYgOqOIT4ban3edJIU Diagram as Code6 different ways to turn code into beautiful architecture diagramsblog.bytebytego.com [url] draw.io draw.io https://www.draw.io 이전 1 다음
