IMCAT.DEV
로그인 가입
JavaScript 입문 문법

JavaScript 조건문

JavaScript 조건문 — 초급

조건문

1. 도입 (왜 배워야 하는가)

조건문은 프로그래밍의 기본적인 구성 요소 중 하나로, 특정 조건에 따라 프로그램의 흐름을 제어하는 데 사용됩니다. 실무에서 조건문을 활용하지 않는 경우는 거의 없으며, 사용자 입력에 따라 프로그램의 동작을 다르게 해야 할 때 필수적입니다.

예를 들어, 쇼핑몰 웹사이트에서 사용자가 장바구니에 담은 상품의 수량에 따라 할인율을 다르게 적용하려면 조건문이 필요합니다. 만약 조건문을 사용하지 않으면 모든 사용자에게 동일한 할인율이 적용되어 공정하지 않거나, 비즈니스 로직이 제대로 작동하지 않을 수 있습니다.

2. 핵심 개념 설명

조건문은 주어진 조건이 참(true)인지 거짓(false)인지에 따라 코드 블록을 실행하는 구조입니다. 가장 일반적인 조건문은 if, else if, else입니다.

실생활 비유

조건문은 마치 퀴즈 프로그램에서 질문에 대한 답변에 따라 다음 질문이 결정되는 것과 같습니다. 예를 들어, "이 동물이 포유류인가요?"라는 질문에 "예"라고 답하면 다음 질문은 "육식성인가요?"가 되고, "아니오"라고 답하면 "파충류인가요?"가 되는 방식입니다.

관련 용어 정리

용어설명
조건문특정 조건에 따라 코드의 흐름을 제어하는 구문.
참(true)조건이 만족할 때의 상태.
거짓(false)조건이 만족하지 않을 때의 상태.

3. 기본 코드 예제

아래는 기본적인 if 조건문을 사용하는 예제입니다.

let score = 85;

if (score >= 90) {
    console.log("A"); // A 학점
} else if (score >= 80) {
    console.log("B"); // B 학점
} else {
    console.log("C"); // C 학점
}

실행 결과:

B

코드 한 줄씩 동작 설명:

  1. let score = 85; : 변수 score를 선언하고 85로 초기화합니다.
  2. if (score >= 90) : score가 90 이상인지 확인합니다. (거짓)
  3. else if (score >= 80) : score가 80 이상인지 확인합니다. (참)
  4. console.log("B"); : 위 조건이 참이므로 "B"를 출력합니다.
  5. 4. 실전 활용 예제

    예제 1: 쇼핑몰에서 장바구니 할인 적용

    사용자가 장바구니에 담은 상품 수량에 따라 할인율을 다르게 적용하는 경우입니다.

    let itemCount = 5;
    
    if (itemCount >= 10) {
        console.log("10% 할인");
    } else if (itemCount >= 5) {
        console.log("5% 할인");
    } else {
        console.log("할인 없음");
    }

    상황 설명: 사용자가 장바구니에 5개 이상의 상품을 담았을 때, 적절한 할인율을 적용합니다.

    예제 2: 사용자 로그인 상태 확인

    사용자가 로그인을 했는지 확인하는 경우입니다.

    let isLoggedIn = false;
    
    if (isLoggedIn) {
        console.log("환영합니다, 사용자님!");
    } else {
        console.log("로그인 해주세요.");
    }

    상황 설명: 사용자가 로그아웃 상태일 때, 로그인 요청 메시지를 표시합니다.

    5. 흔한 실수와 주의사항

    실수 1: 조건식의 오류

    • 잘못된 코드:
    • if score >= 90 { // 조건식이 잘못됨
          console.log("A");
      }
    • 올바른 코드:
    • if (score >= 90) { // 괄호가 필요함
          console.log("A");
      }

      실수 2: 중첩 조건문 사용 시 혼란

    • 잘못된 코드:
    • if (score >= 90) 
          console.log("A");
      else 
          console.log("B");
          console.log("C"); // else 블록과 관계없이 실행됨
    • 올바른 코드:
    • if (score >= 90) {
          console.log("A");
      } else {
          console.log("B");
          console.log("C"); // else 블록 안에서만 실행됨
      }

      6. 정리

    • 조건문은 프로그램의 흐름을 제어하는 핵심 요소입니다.
    • if, else if, else 구문을 통해 다양한 조건을 처리할 수 있습니다.
    • 실무에서 조건문은 사용자 입력에 따라 다르게 동작하는 데 필수적입니다.
    • 다음에 학습하면 좋은 주제는 반복문(for, while)입니다. 반복문은 특정 조건에 따라 여러 번 실행되는 로직을 처리하는 데 유용합니다.