FossFlow - Isometric Diagramming Tool
FossFlow는 워크플로우를 쉽고 직관적으로 관리할 수 있게 도와주는 오픈소스 툴이다. 처음엔 가볍게 둘러보려는 마음으로 살펴봤는데, 예상보다 더 깔끔하고 직관적인 인터페이스가 인상적이었다. 보통 워크플로우 관리 도구는 처음에 설정이 복잡하거나 학습이 오래 걸리는 경우가 많은데, FossFlow는 그런 어려움 없이 금방 사용할 수 있었다.
사용 경험 및 주요 기능
개발자 문서를 만들때 유용하겠다 싶었다. 보통 excalidraw를 이용해서 다이어그램을 그리거나 아키텍처를 그렸는데, 특히 아키텍처 그림을 그릴때 FossFlow 쓰는게 좋을것 같다고 생각이 들었다.
사용성에 있어서 드래그 앤 드롭 방식으로 간편하게 노드를 추가하거나 연결할 수 있는 부분이 매우 편리했다.
복잡한 프로세스를 설정할 때도 흐름이 명확하게 시각화되어 있어서, 한눈에 전체 과정을 파악할 수 있었다.
그리고 뭔가 인터페이스가 엑스칼리드로랑 비슷한것 같기도 하다.
이것도 어디서 제공해주는게 있는건가?
추가로 사용하면서 좋았던 점을 요약하면 다음과 같다:
- 3D 다이어그램에 보기 좋은 결과물이 나온다.
- 설정 메뉴가 단순하고 직관적이라 적응하기 쉬웠다.
- 다양한 옵션을 통해 원하는 대로 쉽게 커스터마이징이 가능했다.
- 인터페이스가 가벼워서 성능도 빠르고 부드러웠다.
FossFlow의 활용 방안
이 프로젝트가 언라이선스(Unlicense)로 배포되고 있어 회사 내부 서비스에도 부담 없이 적용할 수 있을 것으로 보인다.
https://github.com/stan-smith/FossFLOW?tab=Unlicense-1-ov-file#readme
현재 회사에서 업무 리뉴얼 한다고 이것저것 만들고 있는데, 업무 자동화에 대한 이야기가 나온다.
최근 Make가 뜨면서 Make의 자동화 인터페이스가 엄청 시각적인것으로 알고 있는데, 자동화에 그런 시각적인 인터페이스를 제공한다면 FossFlow를 써보는것도 방법일 것 같다.
https://github.com/markmanx/isoflow
GitHub - markmanx/isoflow
Contribute to markmanx/isoflow development by creating an account on GitHub.
github.com
추가적으로 확인해보니 isoflow 라고 아이소메트릭(Isometric)한 그림을 그릴 수 있는 좋은 컴포넌트가 있었다.
React 컴포넌트라서 굳이 도입하는데 FossFlow 말고 isoflow써도 될 듯.
기회되면 다음 포스트에 isoflow에 대해 써보겠다.