Mermaid 미리보기
Mermaid 문법으로 적은 흐름도 등을 SVG 미리보기로 확인합니다. 텍스트로 노드와 연결을 관리하는 데 유용하며 자연어 설명을 자동으로 설계도로 바꾸지는 않습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
설치된 Mermaid 버전이 지원하는 다이어그램 문법을 입력하세요. 노드 이름과 화살표부터 짧게 시험하고 긴 도표에서는 예약어와 특수 문자 처리 규칙을 확인하세요.
결과 해설과 예제
flowchart LR 다음에 A-->B를 적으면 왼쪽에서 오른쪽으로 연결한 두 노드를 표현할 수 있습니다. 화살표가 보이는 것은 입력 문법을 그렸다는 뜻이지 업무 절차의 타당성 검증은 아닙니다.
한계와 주의사항
- 고정된 라이브러리 버전으로 렌더링하므로 새 문법이 모두 지원되는 것은 아닙니다.
- 엄격한 보안 설정에서 상호작용이나 HTML 레이블 일부가 제한될 수 있습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| Mermaid 소스 | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
두 노드를 어떻게 연결하나요?
flowchart LR 다음에 A-->B를 적으면 왼쪽에서 오른쪽으로 연결한 두 노드를 표현할 수 있습니다. 화살표가 보이는 것은 입력 문법을 그렸다는 뜻이지 업무 절차의 타당성 검증은 아닙니다.
최신 문법을 모두 쓸 수 있나요?
고정된 라이브러리 버전으로 렌더링하므로 새 문법이 모두 지원되는 것은 아닙니다. 엄격한 보안 설정에서 상호작용이나 HTML 레이블 일부가 제한될 수 있습니다.
