시퀀스 다이어그램 생성기
누가 무엇을 호출하는지, 그리고 어떤 순서로 매핑하세요. 몇 줄의 Mermaid를 작성하고 API 호출, 인증 악수 또는 메시지 흐름의 깔끔한 시퀀스 다이어그램을 얻으세요. 로컬에서 렌더링되고 업로드되지 않습니다.
One step per line. Indent two spaces to branch beneath the line above.
시퀀스 다이어그램이 타이밍을 명확하게 합니다
시퀀스 다이어그램은 위에서 아래로 시간을 읽고 왼쪽에서 오른쪽으로 참여자를 읽으므로, 상호작용을 문서화하는 가장 명확한 방법입니다. OAuth 로그인, 웹훅 콜백, 마이크로서비스 호출 체인, 또는 레이스 취약한 재시도입니다. 실선 화살표는 요청이고, 대시 화살표는 응답이며, 메모는 까다로운 부분을 호출합니다.
각 메시지는 한 줄의 텍스트이므로 다이어그램은 현실과 동기화 상태를 유지합니다. 줄을 편집하고 다시 렌더링하고 완료하세요. API 문서 또는 설계 RFC에 속합니다.
설계 문서 및 PR을 위해 구축됨
Mermaid 블록을 GitHub 풀 요청이나 설계 문서에 직접 붙여넣으면 검토자가 흐름 렌더링을 인라인으로 보게 됩니다. 또는 위키를 위해 SVG를 내보내고 슬라이드를 위해 PNG를 내보냅니다. 모든 것이 기기에서 생성되므로 미공개 내부 흐름도 기계를 떠나지 않습니다.
자주 묻는 질문
텍스트에서 시퀀스 다이어그램을 어떻게 만들나요?
"sequenceDiagram"으로 시작하고, 참여자를 선언한 후, "A->>B: request"와 같은 한 줄에 하나의 메시지를 추가하세요. 다이어그램이 실시간으로 렌더링되고 SVG 또는 PNG로 내보낼 수 있습니다.
실선과 대시 화살표의 차이점은 무엇인가요?
실선 화살표("->>")는 호출 또는 요청이고, 대시 화살표("-->>")는 응답 또는 반환 메시지입니다. 일관되게 사용하면 요청/응답 쌍이 명확해집니다.
대체, 루프 및 메모를 표시할 수 있나요?
네. 분기에 "alt … else … end", 반복 단계에 "loop label … end", 주석에 "Note over A,B: text"를 사용하세요. 위의 치트시트를 참조하세요.
내 시퀀스 다이어그램이 업로드되나요?
아니요. Mermaid로 브라우저에서 로컬로 렌더링되므로 다이어그램 텍스트(내부 API 세부 사항 포함)는 기기를 떠나지 않습니다.
메시지를 자동 번호 지정할 수 있나요?
네. "sequenceDiagram" 바로 뒤에 "autonumber" 줄을 추가하면 모든 메시지가 순차 번호를 받으므로 문서에서 단계를 참조할 때 편리합니다.