SW 시각화 | 플로우 차트 (Flowchart)

https://yeon-design.tistory.com/21

1. 플로우 차트 

• 처리 과정(Flow)과 결정(Decision)들을 도형과 화살표로 표현한 그림
• 프로그램 로직, 알고리즘, 비즈니스 프로세스 등을 이해하기 쉽게 나타낼 때 사용
• 각 도형이 특정 의미를 가지며, 흐름은 화살표(→) 로 연결된다. 
• draw.io와 같은 사이트에서 작성 가능 
• 플로우 차트 기호

 

 

2. 플로우차트 유형

• 사용자 순서도: 사용자의 행동을 흐름대로 도식화하여 표현한 것, UI/UX 설계에 사용 
• 시스템 순서도: 컴퓨터가 데이터를 처리하는 과정, 데이터 흐름을 중심으로 도식화한 것 
• 프로그램 순서도: 프로그램의 각 단계를 순차적으로 연결, 

 

3. 플로우차트의 장점

• 프로세스를 한눈에 이해할 수 있음
• 코딩 전에 논리적 흐름을 정리하는 데 도움
• 협업 시 알고리즘을 쉽게 공유 가능

 

4. 플로우차트 vs 유스케이스 다이어그램 비교

구분	플로우차트	유스케이스 다이어그램
목적	프로세스 흐름 표현	시스템과 사용자 간 상호작용 정의
사용 시점	로직 설계, 알고리즘 정의	요구사항 분석, 기능 정의
주요 요소	시작/종료, 처리, 결정, 입력/출력 (기본 도형 사용)	액터(사용자), 유스케이스(기능), 관계
설명 방식	세부적인 절차와 흐름을 도식화	시스템이 제공하는 기능과 사용자 관계 정의
주로 사용되는 분야	알고리즘, 비즈니스 프로세스, 워크플로우	소프트웨어 요구사항 정의, 시스템 기능 설계
예시	"로그인 과정에서 입력 → 검증 → 승인 과정"을 표현	"로그인 기능이 사용자와 어떻게 연결되는지" 표현