반응형

이번 3일차에서는 자바스크립트의 조건문반복문을 배우게 됩니다. 조건문을 사용하면 프로그램에서 특정 조건을 만족할 때 실행할 코드를 제어할 수 있으며, 반복문을 사용하면 특정 작업을 반복해서 실행할 수 있습니다. 두 개념은 자바스크립트에서 매우 중요하며, 프로그램의 흐름을 제어하는 데 유용하게 사용됩니다.


조건문

조건문은 주어진 조건이 참인지 거짓인지에 따라 프로그램의 흐름을 제어하는 역할을 합니다. 자주 사용되는 조건문에는 if, else, else ifswitch문이 있습니다.

  1. if:

    • 주어진 조건이 true일 경우에만 코드 블록을 실행합니다.
      let age = 18;
      if (age >= 18) {
        console.log("성인입니다.");
      }
  2. else:

    • if 조건이 false일 경우 실행됩니다.
      let age = 16;
      if (age >= 18) {
        console.log("성인입니다.");
      } else {
        console.log("미성년자입니다.");
      }
  3. else if:

    • 여러 조건을 검사할 때 사용합니다. 첫 번째 조건이 false일 경우 두 번째 조건을 검사합니다.
      let age = 20;
      if (age < 18) {
        console.log("미성년자입니다.");
      } else if (age >= 18 && age < 65) {
        console.log("성인입니다.");
      } else {
        console.log("노인입니다.");
      }
  4. switch:

    • 주어진 값에 따라 여러 가지 조건을 처리할 때 사용합니다. if-else문을 대체할 수 있습니다.
      let day = 2;
      switch (day) {
        case 1:
            console.log("월요일");
            break;
        case 2:
            console.log("화요일");
            break;
        case 3:
            console.log("수요일");
            break;
        default:
            console.log("주말입니다.");
      }

반복문

반복문은 특정 조건이 참인 동안 계속해서 코드를 반복적으로 실행할 수 있게 해줍니다. 자바스크립트에서 자주 사용하는 반복문에는 for, while, do...while문이 있습니다.

  1. for:

    • 반복 횟수가 정해져 있을 때 사용합니다. for문은 반복 횟수, 조건, 증가/감소식을 포함한 문법을 가집니다.
      for (let i = 1; i <= 5; i++) {
        console.log(i);  // 1, 2, 3, 4, 5 출력
      }
  2. while:

    • 반복 조건이 참일 동안 계속해서 실행됩니다. 반복 횟수가 정해지지 않은 경우에 사용합니다.
      let i = 1;
      while (i <= 5) {
        console.log(i);  // 1, 2, 3, 4, 5 출력
        i++;
      }
  3. do...while:

    • do...while문은 조건이 false일지라도 코드 블록을 최소 한 번 실행합니다. 주로 조건을 먼저 확인하지 않고 실행할 때 사용됩니다.
      let i = 1;
      do {
        console.log(i);  // 1, 2, 3, 4, 5 출력
        i++;
      } while (i <= 5);
  4. break:

    • 반복문을 중지시키는 데 사용됩니다.
      for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            break;  // i가 3이면 반복문을 종료합니다.
        }
        console.log(i);  // 1, 2 출력
      }
  5. continue:

    • 현재 반복을 건너뛰고 다음 반복으로 넘어가게 합니다.
      for (let i = 1; i <= 5; i++) {
        if (i === 3) {
            continue;  // i가 3이면 이번 반복을 건너뛰고 다음 반복으로 넘어갑니다.
        }
        console.log(i);  // 1, 2, 4, 5 출력
      }

실습

  1. 사용자 입력에 따라 결과를 출력하는 조건문 실습:

    • 사용자가 입력한 나이에 따라 성인인지 미성년자인지 출력하는 조건문을 작성합니다.
    let age = prompt("나이를 입력하세요: ");
    age = Number(age);  // 사용자 입력값은 문자열이므로 숫자로 변환
    
    if (age >= 18) {
        console.log("성인입니다.");
    } else {
        console.log("미성년자입니다.");
    }
  2. 반복문을 사용하여 1부터 10까지 숫자 출력하기:

    • for문을 사용하여 1부터 10까지의 숫자를 출력합니다.
    for (let i = 1; i <= 10; i++) {
        console.log(i);  // 1, 2, 3, ..., 10 출력
    }

정리

오늘 3일차에서는 자바스크립트의 조건문반복문을 배웠습니다. 조건문을 통해 프로그램의 흐름을 제어하고, 반복문을 통해 특정 작업을 반복 실행할 수 있게 됩니다. 이를 통해 보다 동적인 웹 애플리케이션을 만들 수 있습니다. 실습을 통해 사용자 입력을 처리하고, 반복문을 이용해 여러 값을 출력하는 방법을 익혔습니다.

반응형

+ Recent posts