Mermaid 간트 차트 뷰어
Mermaid 간트 차트를 브라우저에서 즉시 렌더링하세요. 프로젝트 타임라인을 시각화하고 SVG 또는 PNG로 내보내세요. 무료, 설치 불필요.
다이어그램을 미리 보려면 Mermaid 코드를 입력하세요
간트 차트는 작업 시작일, 기간, 종속성 및 마일스톤을 보여주며 작업을 시간 축에 매핑하여 프로젝트 일정을 시각화합니다. Mermaid의 `gantt` 구문을 사용하면 프로젝트 관리자와 엔지니어링 리더가 일반 텍스트로 타임라인을 작성하고 전용 프로젝트 관리 도구 없이 어디서든 렌더링할 수 있습니다. AI 어시스턴트는 프로젝트 계획에 점점 더 많이 사용되고 있습니다. 개발자는 Claude 또는 ChatGPT에 '사용자 인증 시스템 구축을 위한 6주 스프린트 계획 생성'과 같은 프롬프트를 입력하여 구조화된 Mermaid 간트 차트를 받습니다. Zolkit에 출력을 붙여넣으면 계획을 검토하고, 일정 충돌을 식별하고, 프로젝트 관리 도구를 사용하기 전에 이해관계자 발표를 위해 내보낼 수 있습니다. Mermaid 간트 차트는 작업 섹션, 날짜 기반 위치 지정, `after` 종속성을 가진 순차 및 병렬 작업, 마일스톤 표시, `done`, `active` 또는 `crit`(중요 경로)으로 표시된 작업을 지원합니다. Zolkit의 뷰어는 이러한 모든 구문을 충실하게 렌더링하고 차트를 SVG로 내보내 프레젠테이션 및 문서에 정확하게 복제할 수 있습니다.
무료 온라인 Mermaid 다이어그램 뷰어 및 내보내기 도구
Zolkit의 Mermaid 다이어그램 뷰어를 사용하면 설치, 가입, 서버 업로드 없이 모든 Mermaid 코드를 붙여넣고 렌더링된 다이어그램을 즉시 확인할 수 있습니다. 모든 작업이 브라우저에서 실행되므로 Claude, ChatGPT 또는 Gemini에서 생성된 AI 다이어그램을 확인하는 가장 빠른 방법입니다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 상태 다이어그램, 마인드맵, Git 그래프, 파이 차트, 타임라인 등 모든 주요 Mermaid 다이어그램 유형을 지원합니다.
즉각적인 실시간 미리보기
입력하는 동안 다이어그램이 자동으로 렌더링되며, 300ms 디바운스를 적용하여 느리게 느껴지지 않습니다.
100% 개인 정보 보호
모든 렌더링은 mermaid.js를 사용하여 브라우저에서 이루어집니다. 코드는 어떤 서버로도 전송되지 않습니다.
SVG 및 PNG 내보내기
문서 및 슬라이드에 적합한 선명한 벡터 SVG 또는 고해상도 2× PNG로 다이어그램을 다운로드하세요.
모든 Mermaid 다이어그램 유형 지원
순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 마인드맵, Git 그래프 등 다양한 다이어그램 유형을 지원합니다.
AI 다이어그램 준비 완료
AI 시대를 위해 제작되었습니다. Claude, ChatGPT, Gemini 또는 기타 LLM에서 생성된 다이어그램을 직접 미리 볼 수 있습니다.
항상 무료
계정 필요 없음, 사용량 제한 없음, 워터마크 없음. Zolkit의 Mermaid 뷰어는 영원히 완전 무료입니다.
Mermaid 다이어그램 미리보기 방법
- 1
왼쪽 편집기에 Mermaid 코드를 붙여넣으세요. AI 어시스턴트에서 복사하거나 수동으로 작성할 수 있습니다.
- 2
다이어그램이 오른쪽 미리보기 창에 즉시 렌더링됩니다. 구문 오류가 있으면 해당 문제가 설명된 메시지가 표시됩니다.
- 3
'SVG 내보내기' 또는 'PNG 내보내기'를 클릭하여 문서, 슬라이드 또는 공유에 사용할 수 있는 파일 형식으로 다이어그램을 다운로드하세요.
자주 묻는 질문
Mermaid 간트 차트에서 작업 종속성을 어떻게 설정하나요?
`after` 키워드를 사용하여 이전 작업 ID를 참조합니다: `Frontend : b1, after a1, 10d`. 작업 b1은 작업 a1이 끝난 직후 시작됩니다. 여러 종속성을 연결할 수 있습니다. 작업 ID는 작업 이름 뒤, 시작 날짜 앞에 정의됩니다. ID가 지정되지 않으면 해당 작업은 종속성으로 참조될 수 없습니다.
Mermaid 간트 차트에 마일스톤을 어떻게 추가하나요?
`milestone`을 유형으로, `0d`를 기간으로 지정하여 작업을 정의합니다: `Release : milestone, after testing, 0d`. 마일스톤은 간트 타임라인에 다이아몬드 모양으로 렌더링되어 주요 전달 지점이나 의사 결정 게이트를 일반 작업과 시각적으로 구분합니다. 버전 릴리스, 보드 승인 또는 시작/중단 체크포인트를 표시하는 데 유용합니다.
Mermaid 간트에서 지원하는 날짜 형식은 무엇인가요?
가장 일반적인 형식은 `YYYY-MM-DD`(예: `2024-03-15`)이며, 상단에 `dateFormat YYYY-MM-DD`로 선언합니다. Mermaid는 `MM/DD/YYYY`, `DD-MM-YYYY`, Unix 타임스탬프도 지원합니다. 기간은 일(`10d`), 시간(`8h`), 주(`2w`)로 표현됩니다. 항상 `dateFormat`을 모든 작업 날짜 앞에 선언하세요.
작업을 중요하거나 완료로 표시하는 방법은 무엇인가요?
작업 ID 앞에 상태 키워드를 추가합니다: `crit`는 작업을 중요(빨간색으로 렌더링)으로 표시하고, `done`은 완료(채워진 상태로 렌더링)로 표시하며, `active`는 진행 중으로 표시합니다. 이들을 조합할 수 있습니다: 완료된 중요 작업의 경우 `crit, done`. 이러한 시각적 단서는 간트 차트를 상태 보고서 및 진행률 검토에 유용하게 만듭니다.