Flowchart
플로우차트(Flowchart)는 다음과 같은 형식의 흐름도를 시각화한거라 생각된다.
저런 식으로 코드 작동 순서를 그리는 게 있다는 건 알고 있었지만, 명칭을 몰라 찾아볼 수 없었는데, 챗 AI한테 물어보니 플로우차트라고 부른다는 것을 알 수 있었다.
추가적으로 이것저것 물어본 결과 플로우차트와 Pseudocode Flowchart는 다르다고 하는데, 단순 플로우차트는 작성 방법이 정해져있으나, Pseudocode Flowchart는 작성법이 정해져있지 않고 자유롭다고 한다.
Pseudocode Flowchart(좌) / Pseudocode(우)
Flowchart 작성법
놀랍게도 플로우 차트 작성 기준을 ISO 규격이 존재한다;;;
이것이 뜻하는 건 마음대로 세모 네모 동그라미를 마구 사용해서는 안된다는 거다.
pdf 링크 : https://cdn.standards.iteh.ai/samples/11955/1b7dd254a2a54fd7a89d616dc0570e18/ISO-5807-1985.pdf
구글 검색 결과 : https://www.google.com/search?q=ISO+5807+flowchart+PDF
요약
어차피 내가 만들 코드가 어떤 식으로 작동해야할지 먼저 작성하는 용도로는 다음 내용 정도만 알아두면 될 것 같다.
기본 구성 요소
| 구성 | 도형 | 용도 |
|---|---|---|
| 시작/종료 | 타원(동그라미) | 프로세스 시작과 종료 |
| 처리 단계 | 사각형 | 작업, 연산, 명령 |
| 조건/판단 | 마름모 | 예/아니오, 참/거짓 분기 |
| 입출력 | 평행사변형(기울어진 사각형, 평행 사다리꼴) | 데이터 입력/출력 |
| 커넥터 | 원형 또는 작은 동그라미 | 다른 페이지나 복잡한 흐름 연결 |
흐름선 규칙
-
화살표로 흐름을 표시
-
한 방향(왼쪽→오른쪽, 위→아래) 권장
-
교차선을 최소화하고, 교차 시 점선이나 커넥터 사용
작성 순서
-
프로세스 정의: 시작과 종료 지점을 결정
-
단계 나열: 처리 단계, 조건, 입출력 순서대로 배치
-
조건 분기 작성: 마름모 도형 사용, 각 분기 결과 명확히 표시
-
흐름선 연결: 단계별 순서를 화살표로 연결
-
검토 및 정리: 교차선 최소화, 도형 배치 균형, 색상/레이블 일관성
색상 및 시각적 강조
-
색상은 ISO에서 표준 아님 → 가독성/구분 목적
-
일반 처리 → 연한 초록
-
조건/분기 → 노랑
-
오류/예외 → 빨강
-
시작/종료 → 연한 파랑
-
작성 시 주의점
-
도형 의미 일관성 유지
-
흐름선 방향 직관적 배치
-
조건 분기 후 반드시 합류점 표시
-
한 화면 내 모든 흐름이 읽기 쉽게 구성
