Playground
Mermaid
텍스트 기반 다이어그램 생성
diagram.mmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
graph TD A[🚀 Start Project] --> B{Choose Technology} B -->|Frontend| C[React / Vue / HTML] B -->|Backend| D[Node.js / Python / Go] B -->|Database| E[SQL / NoSQL] C --> F[Build UI Components] D --> G[Create API Endpoints] E --> H[Design Schema] F --> I[Integration Testing] G --> I H --> G I --> J{Tests Passing?} J -->|Yes| K[Deploy to Production 🎉] J -->|No| L[Fix Issues] L --> I style A fill:#6366f1,stroke:#4f46e5,color:#fff style K fill:#10b981,stroke:#059669,color:#fff style L fill:#f43f5e,stroke:#e11d48,color:#fff style B fill:#f59e0b,stroke:#d97706,color:#fff
Preview
Console
Mermaid
diagram.mmd
UTF-8
Ln 1, Col 1
Spaces: 2