Tech News

https://flowchart.fun/ 

- 글자입력만으로 흐름도를 그리는 오픈소스 웹앱

ㅤ→ 한줄당 노드 하나

ㅤ→ 들여쓰기하면 차일드 노드

ㅤ→ ": " 로 연결 라인에 라벨 지정

ㅤ→ (1) 줄 번호로 다른 라인과 연결 가능

- 생성된 차트는 마우스로 위치 조정

- SVG로 다운로드 지원

- TypeScript + Cytoscape.js + React

--------------------------------------------------------

개인적인 추천으로는 vscode + mermaidJS 프리뷰가 좋은것 같습니다.

https://marketplace.visualstudio.com/items/…

mermaidJS를 사용하면 깃랩/깃허브 마크다운에서 렌더링도 해줘서 리포지토리 웹에서도 쉽게 볼 수 있습니다.

https://mermaid-js.github.io/mermaid/#/

웹앱에서 간단히 그리기 위해서는 라이브 에디터가 있습니다.

https://mermaid-js.github.io/mermaid-live-editor/#/edit/