JavaScript에서 순서도를 사용해 if...else 문을 표현하는 방법

JavaScript에서 순서도로 if...else 문 이해하기

if 문은 JavaScript가 조건에 따라 의사결정을 내리고, 특정 코드를 조건부로 실행할 수 있도록 해주는 가장 기본적인 제어문입니다. 프로그램의 흐름을 제어하는 핵심 요소이기 때문에, 그 동작 원리를 순서도(flowchart)로 시각화하면 훨씬 직관적으로 이해할 수 있습니다.

if...else 문의 기본 구조

if...else 문은 주어진 조건식이 참(true)인지 거짓(false)인지를 먼저 판별합니다. 조건이 참이면 if 블록 안의 코드가 실행되고, 거짓이면 else 블록 안의 코드가 대신 실행됩니다.

if (조건식) {
  // 조건이 참일 때 실행되는 코드
} else {
  // 조건이 거짓일 때 실행되는 코드
}

순서도로 보는 실행 흐름

순서도에서는 조건 판별을 마름모(다이아몬드) 형태로 표현합니다. 흐름은 다음과 같이 진행됩니다.

1. 프로그램 시작 → 조건식 평가
2. 조건이 참(True)이면 → if 블록 실행
3. 조건이 거짓(False)이면 → else 블록 실행
4. 어느 블록이든 실행한 후에는 → 그 아래의 공통 코드로 흐름이 계속됩니다.

위 순서도처럼 하나의 조건 판별 지점에서 두 갈래 길로 나뉘었다가 다시 하나의 흐름으로 합쳐지는 구조가 바로 if...else 문의 핵심입니다. 이러한 시각적 표현은 복잡한 조건 로직을 설계하거나 디버깅할 때 매우 유용합니다.