Interactive Flowchart Builder

도형 선택

시작·종료는 terminator, 실행은 process, 조건은 decision, 입출력은 I/O 도형을 사용합니다. decision에는 질문을 쓰고 각 출구에 Yes/No 또는 조건을 표시해야 분기 방향을 오해하지 않습니다.

상태 머신 예제

통신 태스크라면 INIT→IDLE→RX→VALIDATE→PROCESS 순으로 상태를 나누고 timeout, CRC error, retry limit를 별도 분기로 표시합니다. 인터럽트는 긴 처리 흐름 대신 event 발생과 queue 전달까지만 표현하는 편이 명확합니다.

검증 기준

• 모든 경로가 종료 또는 반복 지점에 도달하는지 확인합니다.
• decision의 모든 결과에 연결선이 있는지 확인합니다.
• 오류와 timeout 복구 경로를 포함합니다.
• 코드의 상태 enum과 다이어그램 이름을 일치시킵니다.

FAQ

함수 내부를 모두 그려야 하나요? 한 그림의 추상화 수준을 일정하게 유지하고 상세 로직은 하위 차트로 분리합니다.

선이 교차해도 되나요? 가능하면 노드 재배치나 connector로 줄입니다.

자동 배치가 최종 답인가요? 초안일 뿐이며 읽는 순서와 분기 라벨을 사람이 검토해야 합니다.

Shapes

Use terminators for start/end, process for actions, decision for questions, and I/O for data. Label decision exits Yes/No or with explicit conditions.

State-machine example

Model INIT→IDLE→RX→VALIDATE→PROCESS with separate timeout, CRC error, and retry-limit paths. Keep interrupt charts short and hand work to a queue.

Verification

• Every path reaches an exit or loop.
• Every decision has all outcomes.
• Include error and timeout recovery.
• Match state names to code enums.

FAQ

Draw every function? Keep one abstraction level and use subcharts.

Is auto layout final? No; review reading order and labels.