[👤FlowChart] 플로우차트란?

팀원분들과 한 번 써본 플로우차트 https://www.canva.com/ko_kr/

---

플로우차트(Flowchart)란?

간단한 Flowchart      출처 https://www.smartdraw.com/flowchart/

🌊 간단히 말해서는 순서도, 흐름도를 의미합니다.

🌊 프로세스를 수행하기 위해 필요한 일련의 단계와 결정을 시각적으로 표현한 자료입니다.

🌊 각각의 단계는 다이어그램 도형 안에 표현이 되며 진행 순서는 화살표를 이용하여 표현합니다.

🌊 이러한 플로우차트는 복잡한 프로세스를 명확하고 이해하기 쉬운 다이어그램으로 문서화하기 위해 사용됩니다.

---

Flowchart 기호

https://www.smartdraw.com/flowchart/flowchart-symbols.htm

🌊 끝이 둥근 모양 : 시작점과 끝점

🌊 화살표 : 진행 순서

🌊 평행사변형 : 입출력 

🌊 직사각형 : 중간 단계

🌊 마름모 : 결정 단계(분기점)

---

Flowchart 그리기 Tip

1. 일관된 방향 유지

• 일반적으로 위→아래, 좌→우 방향으로 흐르게 구성하면 가독성이 좋아집니다.

2. 한눈에 이해 가능하도록 단순하게 작성

• 복잡한 흐름을 단순한 블록으로 나누는 게 좋습니다.
• 한 개의 차트에 너무 많은 정보를 넣지 않는 게 좋습니다.

3. 텍스트는 간결하게 기입

• 각 요소 안에 들어가는 텍스트는 짧고 명확하게 표현하는 게 좋습니다
  • 예) "데이터 입력" ❌, "입력" ⭕️

4. 긴 프로세스는 서브 차트를 활용

• 한 개의 차트에 너무 많은 정보를 넣기 보다는, 큰 흐름을 나누어 서브 차트로 만드는 게 좋습니다.

---

유용한 도구 추천

🛠 온라인 도구

• 🔗 draw.io (diagrams.net) – 무료 & 간편한 다이어그램 도구
• 🔗 Lucidchart – 협업 기능이 강력한 다이어그램 툴
• 🔗 Microsoft Visio – 기업용으로 많이 사용됨
• 🔗 Miro – 팀 협업 및 브레인스토밍에 적합
• 🔗 Whimsical – 직관적인 UI로 빠르게 다이어그램 작성 가능

🛠 코드 기반 도구 (자동 생성 가능)

• Mermaid.js – 마크다운 기반으로 코드로 다이어그램 작성 가능
• 🔗 PlantUML – UML 다이어그램을 코드로 생성하는 강력한 도구 (공식 문서 링크)