320x100
320x100

mermaid

: markdown으로 UML을 그릴 수 있는 언어

: 수도 코드를 사용하여 작성할 수 있음

 

- 설치방법

: 에디터에 플러그인을 설치해서 사용

: 깃허브의 경우 기본적으로 mermaid 플러그인을 제공

 

- 그릴 수 있는 안정된 버전의 다이어그램

: 플로우차트

: 시퀀스 다이어그램

: 간트 차트

: 클래스 다이어그램

: User Journey Diagram

 

- 실험중인 다이어그램

: Git graph

: Entity Relationship Diagram

 

 

 

플로우차트 예시

flowchart LR
    A[구매] --> B;
    B[유저, 파라미터, \n 어뷰징 검증] --> C;
    C{client가 안드로이드} -->|Yes| E;
    C -->|No| G;
    E[안드로이드 Proxy 처리] --> G;
    G[DB 저장] --> I;
    I[응답 반환];

 

 

 

 

 

 

Refference

 

[markdown] mermaid를 이용해서 UML 그리기 - 플로우차트

안녕하세요. 오늘은 mermaid에 대해서 알아보는 시간을 가져보도록 하겠습니다. mermaid란 markdown 문법으로 diagram을 그려주는 라이브러리입니다. mermaid 란 ? mermaid는 markdown으로 UML을 그릴 수 있는 언

sabarada.tistory.com

 

mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.

 

mermaid-js.github.io

300x250
728x90