본문 바로가기
Q&A2024년 8월 27일1분 읽기

Mermaid로 다이어그램 그리기

박
박성호
조회 605댓글 2

코드로 다이어그램을 그리는 Mermaid를 어떻게 사용하나요?

댓글 2

김김영삼2년 전

Mermaid는 텍스트로 다이어그램을 생성합니다. GitHub, Notion에서 기본 지원합니다.

# 플로우차트
```mermaid
flowchart TD
A[시작] --> B{조건?}
B -->|Yes| C[처리]
B -->|No| D[종료]
```

# 시퀀스 다이어그램
```mermaid
sequenceDiagram
Client->>Server: POST /login
Server->>DB: 사용자 조회
DB-->>Server: 결과
Server-->>Client: JWT 토큰
```

# ER 다이어그램
```mermaid
erDiagram
USER ||--o{ POST : writes
POST ||--o{ COMMENT : has
```

문서에 아키텍처나 흐름을 설명할 때 매우 유용합니다.

박박성호(guest)2년 전
와 이런 방법이 있었군요. 감사합니다!
Ctrl+Enter로 등록