MermaidDiagram
흐름도나 관계도를 다이어그램으로 보여줍니다.
일반 글에서는 직접 컴포넌트를 쓰기보다 mermaid 코드블록을 사용하면 자동 변환됩니다.
Preview
MDX
```mermaid
flowchart TD
Draft --> Preview
Preview --> Publish
```More Examples
선택 흐름
MDX
```mermaid
flowchart TD
Start{draft 값 확인}
Start -->|true| Draft[초안 유지]
Start -->|false| Publish[글 목록에 노출]
```