안녕하세요 Vector JUN입니다.
지금까지 우리는 변수, 함수, 배열이라는 친구들을 만나봤는데요.
그리고 이제 초보자라면 꼭 알아야 할 또 하나의 기초 코딩 용어가 등장합니다.
바로 조건문(Conditional Statement)입니다. 아마 이런 생각이 드실 수도 있어요.
“잠깐만… 벌써 또 새로운 게 나온다고?” 이해합니다. Conditional Statement라는 이름만 보면 처음에는 뭔가 굉장히 어려워 보이거든요. 그런데 사실 조건문의 개념은 우리가 일상생활에서 매일 사용하고 있는 아주 익숙한 방식입니다. 조건문은 쉽게 말해 컴퓨터가 현재 상황을 확인하고 무엇을 할지 선택하도록 도와주는 방법인데요. 오늘도 쉬운 비유와 실제 코드를 이용해서 조건문이 무엇인지 이해 해보고, 최소한 이것 하나만큼은 확실하게 기억하고 넘어가 봅시다. 조건문 = 컴퓨터가 상황을 보고 선택하는 것이라는 점을 말이죠.
1. 조건문(Conditional Statement)
조건문을 가장 쉽게 이해하는 방법은 신호등이라고 생각하는 것입니다.
자동차를 운전하고 있다고 상상해 볼까요? 신호등이 초록색이라면,
→ 출발합니다.
신호등이 빨간색이라면,
→ 멈춥니다.
먼저 현재 상황을 확인한 다음 무엇을 할지 선택하는 거죠.
컴퓨터도 이와 아주 비슷한 일을 할 수 있습니다.
예를 들어, 비가 온다면 → 우산을 가져간다. 비가 오지 않는다면 → 우산을 가져가지 않는다.
이게 바로 조건문의 기본적인 생각입니다. 컴퓨터가 어떤 조건이 맞는지 틀린지를 확인한 다음, 그 결과에 따라 어떤 코드를 실행할지 결정하는 것입니다. JavaScript에서는 이런 선택을 할 때 대표적으로 if...else라는 문법을 사용합니다.
(저는 처음에 그냥 “만약 이러면 이렇게 해”라고 생각하기 시작하고 나서 훨씬 이해하기가 수월하더라고요.)
2. 조건문 실제 코드 사용법 (여기서 집중하세요.)
간단한 JavaScript 코드를 한번 보겠습니다.
let age = 20;
if (age >= 18) {
console.log("Adult");
} else {
console.log("Minor");
}
자.
갑자기 괄호도 나오고 이상한 기호도 나오고 if까지 등장했습니다.
또 복잡해 보이죠?
하나씩 천천히 보겠습니다.
let age = 20;
이 부분은 앞에서 이미 배웠습니다.
컴퓨터에게 이렇게 말하는 것과 비슷합니다.
“age라는 이름의 상자를 하나 만들고 그 안에 숫자 20을 넣어줘.”
if (age >= 18)
이제 컴퓨터가 질문을 하나 합니다.
“age라는 상자 안에 있는 숫자가 18 이상이야?”
현재 age 안에는 20이 들어 있습니다. 그러므로 대답은 네 → True(참)가 됩니다.
3. 조건이 맞으면?
컴퓨터는 다음 코드를 실행합니다.
console.log("Adult");
그래서 결과는
Adult
가 됩니다.
4. 그럼 else는 무슨 뜻일까?
else는 아주 쉽게 말하면
“앞의 조건이 아니라면, 이걸 하세요.”
라는 뜻입니다.
만약 age가 15라면 어떨까요?
let age = 15;
age >= 18이라는 조건은 틀리게 됩니다.
그러면 컴퓨터는 Adult를 건너뛰고,
Minor
를 실행합니다. 끝입니다. (진짜로요.)
결국 컴퓨터는 이런 질문을 하고 있는 겁니다.
“이 조건이 맞아?”
YES → A를 실행
NO → B를 실행
이것이 if...else 조건문의 가장 기본적인 원리입니다.
3. 조건문은 실제로 어디에 사용할까?
여기까지 보면 이런 질문을 하시는 분들이 있습니다. “이걸 실제로 어디에 쓰면 될까요?”
솔직히 말하면 거의 모든 프로그램에서 사용됩니다.
로그인 화면을 예로 들어볼까요? 비밀번호가 맞으면 → 로그인/비밀번호가 틀리면 → 오류 메시지 표시
게임에서는, 체력이 0이면 → Game Over/체력이 0보다 크면 → 게임 계속
온라인 쇼핑몰에서는, 구매 금액이 50달러 이상이면 → 무료 배송/50달러 미만이면 → 배송비 추가
날씨 앱에서는, 비가 오면 → 우산 아이콘 표시/비가 오지 않으면 → 다른 날씨 아이콘 표시
사람은 상황을 보고 자연스럽게 판단할 수 있지만, 컴퓨터는 그렇지 않습니다.
우리가 컴퓨터에게 직접 규칙을 알려줘야 합니다. 그리고 그 규칙을 만들어주는 대표적인 방법 중 하나가 바로 조건문입니다.
4. 함수와 조건문의 차이
여기까지 오면 함수와 조건문이 살짝 헷갈리기 시작할 수도 있는데요.
그래서 아주 쉽게 나눠보겠습니다. 함수 = 특정한 일을 하는 작은 기계/조건문 = 어느 길로 갈지 선택하는 신호등
예를 들어 온라인 쇼핑몰을 생각해봅시다. 함수는 상품들의 총가격을 계산할 수 있습니다. 그런데 조건문은 계산된 가격을 보고 이렇게 질문할 수 있습니다. “총가격이 50달러 이상인가?” 맞다면, → 무료 배송/아니라면, → 배송비 추가. 즉, 함수 = 일을 한다/조건문 = 선택한다
저는 이렇게 기억하면 훨씬 이해하기 쉽다고 생각합니다.
5. 초보자가 자주 하는 실수
조건문을 처음 배울 때 자주 하는 실수 중 하나는 컴퓨터가 확인할 수 있는 명확한 조건을 만들어줘야 하는 건데요.
예를 들어,
if (age >= 18)
이라는 코드는 컴퓨터에게 아주 분명한 질문을 하고 있습니다.
“age가 18 이상이야?”
이 질문의 대답은 반드시 true 또는 false 가 될 수 있습니다. 또 초보자분들이 if와 else를 헷갈리는 경우도 많은데요.
그럴 때는 if = 만약 이 조건이 맞다면… else = 아니라면…이것만 기억하시면 됩니다.
아침에 집을 나간다고 생각해볼까요? 비가 온다면 → 우산을 가져간다. 그게 아니라면 → 우산을 두고 간다. 이게 현실에서 사용하는 if...else와 거의 똑같습니다. 또 다른 흔한 실수는 처음부터 조건을 너무 복잡하게 만드는 것입니다.
첫날부터 거대한 선택의 나무를 만들 필요는 없습니다. 처음에는 그냥 이것만 기억해도 충분합니다.
YES라면 → A
NO라면 → B
이 정도면 충분합니다.
한 줄 정리
“조건문(Conditional Statement)”은 컴퓨터가 현재 상황을 확인하고 다음에 무엇을 할지 결정하도록 도와주는 “신호등 친구”라고 생각하면 편하답니다.
결론
오늘은 조건문이라는 기초 개념에 대해 배워봤는데요.
Conditional Statement라는 이름만 보면 어려워 보이지만, 오늘은 딱 이것만 기억하시면 됩니다.
변수 = 정보를 기억하는 상자
함수 = 일을 하는 작은 기계
배열 = 여러 값을 보관하는 수납장
조건문 = 상황을 보고 선택하는 신호등
이게 전부입니다. 컴퓨터가 “이걸 해야 할까? 아니면 다른 걸 해야 할까?” 라고 판단해야 하는 상황에서 조건문이 그 선택을 도와주는 것입니다. 조건문까지 이해하게 되면 앞으로 반복문(Loop), 로그인 시스템, 게임, 메뉴 기능 등 훨씬 다양한 프로그래밍 개념들도 조금씩 이해가 되실거예요. 여기까지 따라오셨다면 정말 잘하고 계신 겁니다. 처음에는 무서웠던 코딩 용어들을 하나씩 평범한 말로 바꿔가고 있으니까요.
오늘도 긴 시간 고생 많으셨습니다. Vector JUN이었습니다.
공식 출처
- MDN Web Docs — Making decisions in your code: Conditionals
코드가 특정 조건을 확인한 뒤 결과에 따라 서로 다른 작업을 선택하는 조건문의 기본 개념을 설명하는 공식 학습 자료입니다. - MDN Web Docs — if...else
JavaScript에서 조건이 참일 때 특정 코드를 실행하고, 거짓일 경우 else를 통해 다른 코드를 실행하는 방법을 설명하는 공식 문서입니다. - ECMAScript Language Specification — The if Statement
JavaScript 표준을 관리하는 TC39에서 제공하는 ECMAScript 공식 명세로, if문의 문법과 동작 방식을 정의하고 있습니다.