yunkoo.dev

MDX Component

MermaidDiagram

흐름도나 관계도를 다이어그램으로 보여줍니다.

MermaidDiagram

흐름도나 관계도를 다이어그램으로 보여줍니다.

일반 글에서는 직접 컴포넌트를 쓰기보다 mermaid 코드블록을 사용하면 자동 변환됩니다.

Preview

MDX

```mermaidflowchart TD  Draft --> Preview  Preview --> Publish```

More Examples

선택 흐름

MDX

```mermaidflowchart TD  Start{draft 값 확인}  Start -->|true| Draft[초안 유지]  Start -->|false| Publish[글 목록에 노출]```