# Mermaid 다이어그램

> 텍스트로 Mermaid 다이어그램을 그립니다. 흐름도, 시퀀스, ER 등을 지원합니다. DSL을 붙여 넣고 그래프를 본 다음 문서용 원문을 복사합니다. 렌더는 클라이언트에서 하므로 구조 스케치가 컴퓨터를 떠나지 않습니다.

브라우저에서 실행됩니다. 아무것도 업로드하지 않습니다.

[Web](https://toolbuddy.dev/ko/categories/web.md)

## 이 도구에 대해

브라우저에서 Mermaid 흐름도, 시퀀스, 그 밖의 DSL을 그립니다. 라이브러리는 늦게 불러오고, 입력하는 동안 짧은 지연 뒤에 다시 그립니다. 잘못된 DSL은 빈 화면 대신 오류를 보여 줍니다.

흐름도나 시퀀스 템플릿에서 시작해 원문을 고치고 SVG를 기다립니다. 화면 캡처를 변환해야 하면 [Online Image Converter](https://onlineimageconverter.net/)를 써 보세요. 다이어그램을 PDF에 넣어야 하면 [LoveThisPDF](https://lovethispdf.com/)를 써 보세요. 작업은 이 탭 안에서 끝납니다. 페이지를 불러온 뒤에는 네트워크 없이도 계속 쓸 수 있습니다.

## 관련 Web 도구

- [JSON 정리](https://toolbuddy.dev/ko/tools/json-formatter.md): 브라우저에서 JSON을 보기 좋게 만들고, 한 줄로 줄이고, 검사합니다. 본문을 붙여 넣고 들여쓰기를 맞추고 문법 오류를 찾습니다. 서버로 보내지 않습니다. API, 설정 파일, 중첩 객체에 씁니다. 결과는 기기에 남습니다.
- [JavaScript 정리](https://toolbuddy.dev/ko/tools/javascript-formatter.md): 브라우저에서 JavaScript를 보기 좋게 만들거나 압축합니다. DevTools에서 복사한 한 줄 코드를 다시 들여쓰거나, 공백을 빼서 대략적인 크기를 봅니다. 정리는 기기에서 끝나므로 전용 스크립트가 외부 정리 서비스로 가지 않습니다.
- [SQL 정리](https://toolbuddy.dev/ko/tools/sql-formatter.md): 브라우저에서 방언을 알아보는 SQL 정리를 합니다. PostgreSQL, MySQL, SQLite, T-SQL을 지원합니다. 쿼리를 붙여 넣고 들여쓰기를 고른 다음, 읽기 쉬운 SQL을 복사합니다. 문장은 정리 서비스로 가지 않습니다.
- [HTML 정리](https://toolbuddy.dev/ko/tools/html-formatter.md): HTML을 기기에서 보기 좋게 만들거나 줄입니다. 중첩된 태그의 들여쓰기를 맞추고, 배포용 조각의 공백을 줄인 다음 마크업을 복사합니다. 템플릿을 정리 서비스에 올리지 않습니다. 메일, 부분 템플릿, DevTools에서 복사한 지저분한 코드에 씁니다.
- [CSS 정리](https://toolbuddy.dev/ko/tools/css-formatter.md): 브라우저에서 CSS를 정리하고 줄입니다. 규칙을 펼쳐 읽거나, 스타일시트를 압축해 대략적인 크기를 봅니다. 조각을 붙여 넣고 선택자와 선언을 정리한 다음 복사합니다. 전용 스타일은 업로드하지 않습니다.
- [XML 정리](https://toolbuddy.dev/ko/tools/xml-formatter.md): 브라우저에서 XML 문서를 보기 좋게 만들거나 줄입니다. SOAP, RSS, 설정 파일의 중첩 요소를 들여쓰거나 공백을 줄입니다. 해석과 정리는 탭을 떠나지 않습니다.