Mermaid Studio 로딩 중...
이 도구가 못 하는 것
- 문법 검사와 렌더까지입니다. 그림이 내용에 맞는지는 판정하지 않습니다.
- 예제 갤러리는 일곱 가지뿐입니다. 나머지 계열은 배지에 이름만 뜨고 예제가 없으므로 문법은 직접 적어야 합니다.
- 아주 큰 다이어그램은 브라우저에서 느려집니다.
이 시뮬레이터가 무엇을 하는가기능 · 개념 · 연계 주차
텍스트로 다이어그램을 그립니다 — 코드 입력 즉시 플로우차트·시퀀스·ER·상태도 렌더. 커리큘럼 예제 7종, SVG/PNG/마크다운 export. 발표·포트폴리오 문서화 도구.
01
실시간 렌더
코드를 입력하면 즉시 다이어그램이 갱신됩니다.
02
서른한 계열 이름 붙이기
설치된 mermaid 가 그리는 계열을 모두 알아보고 배지에 이름을 답니다.
03
커리큘럼 예제
RAG·멀티에이전트·DB 스키마 등 예제를 바로 불러와 학습합니다.
04
Export
SVG·PNG·마크다운·코드 형태로 내보내 문서와 발표에 바로 활용합니다.
Mermaid Studio란?
텍스트 코드로 다이어그램을 그리는 도구입니다. 설치나 가입, API 키 없이 브라우저에서 곧바로 플로우차트·시퀀스·ER·상태도 등을 렌더링하고, 아키텍처 문서·발표 자료·포트폴리오에 바로 활용할 수 있습니다.
- 순수 클라이언트 렌더링 — 서버 API 호출 없이 즉시 결과 확인
- 다이어그램이 코드이므로 git으로 버전 관리 가능
- Week 8 통합 프로젝트의 아키텍처 그림과 Week 9 발표·포트폴리오 문서를 여기서 그립니다
써 보신 분만 아는 것이 있습니다
쓰다가 막힌 곳이나 현장과 다른 점을 알려주시면 다음 버전에 반영합니다. 보내주신 분께는 9월 추첨으로 스타벅스 쿠폰을 드립니다.