학습 공간 개념 · 판단 · 실험

Frontend Performance Lab

JavaScript

조건에 따라 실행 나누기

if는 조건이 참일 때 실행할 코드를 고릅니다.

이럴 때 필요해요

남은 좌석이 있는지에 따라 안내를 바꿉니다.

어떻게 동작하나요?

프로그램은 입력에 따라 다른 행동을 해야 합니다. if의 괄호 안에 조건을 쓰고, 조건이 참일 때 실행할 코드를 중괄호 안에 씁니다.

seats > 0은 남은 좌석이 0보다 많은지 비교합니다. 결과가 true이면 첫 블록을 실행하고, false이면 else 블록을 실행합니다.

같은지 비교할 때는 ===를 사용할 수 있습니다. 처음에는 조건을 하나씩 명확하게 적어 보고, 여러 조건을 합치는 &&와 ||는 익숙해진 뒤 확장하세요.

코드 예제

동작을 설명하는 읽기 전용 예제입니다.

example.js
const seats = 2;
if (seats > 0) {
  console.log("예매 가능");
} else {
  console.log("매진");
}
javascript · 읽기 전용6줄

seats가 2이므로 예매 가능을 출력합니다. 0으로 바꾸면 매진을 출력합니다.

자주 헷갈리는 포인트

  • 비교 ===와 대입 =를 혼동하지 않습니다.
  • 조건과 관계없이 항상 실행할 코드를 실수로 분기 안에 넣지 않습니다.

내 말로 설명해 보기

seats를 0으로 바꾸면 어느 블록이 실행될까요?

생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.

예시 답변 확인

설명에 들어갈 핵심

  • if는 조건이 참일 때 실행할 코드를 고릅니다.
  • seats가 2이므로 예매 가능을 출력합니다. 0으로 바꾸면 매진을 출력합니다.

예시 답변

0 > 0은 false이므로 else 블록이 실행되어 매진을 출력합니다.

문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.

공식 참고 자료

← JavaScript