코딩자율학습단 19기 | 12일차 학습일지 – 조건문(if/switch)·반복문(while/for)·흐름제어(break/continue)

오늘 학습 정보

• 날짜/Day: 2026/01/27 (Day12)
• 교재 범위: ~ 9.5 반복문 다루기 (p.366~389)

• 출처: 코딩 자율학습단 카카오톡 채널 메시지 캡처

오늘의 핵심 키워드 3개

• 핵심 키워드 1: if / else / else if (조건 분기)
• 핵심 키워드 2: switch / case / break / default (값 기반 분기)
• 핵심 키워드 3: while / do…while / for / for…in + break·continue (반복 & 흐름 제어)

개념 정리

2-1) 조건문(if / else if / else)로 흐름 분기하기

역할: 조건식 결과(true/false)에 따라 실행 흐름을 나눈다.

핵심 포인트:

• if(조건)이 참이면 블록 실행, 거짓이면 else로 넘어감
• 여러 갈래 분기는 else if로 단계적으로 처리
• 블록문 { }으로 실행 코드를 묶어 가독성을 확보

짧은 예시(코드):

let num = 0;

if (num > 0) {
   console.log("양수");
} else if (num < 0) {
   console.log("음수");
} else {
   console.log("0");
}

2-2) switch 문으로 “값” 기준 분기하기

역할: 특정 값이 어떤 case와 일치하는지에 따라 분기한다.

핵심 포인트:

• case가 매칭되면 실행, 일반적으로 break로 종료
• break가 없으면 다음 case까지 실행될 수 있음(fall-through)
• 값이 딱 떨어지는 분기라면 switch가 깔끔, 범위/조건 조합은 if가 자연스러움

짧은 예시(코드):

let food = "apple";

switch (food) {
   case "melon":
   case "apple":
   case "banana":
      console.log("fruit");
      break;
   case "carrot":
      console.log("vegetable");
      break;
   default:
      console.log("unknown");
}

2-3) 반복문(while / do…while / for)로 같은 작업 반복하기

역할: 조건이 만족되는 동안 또는 정해진 횟수만큼 코드를 반복 실행한다.

핵심 포인트:

• while: 조건을 먼저 검사(조건이 false면 0회 실행 가능)
• do…while: 먼저 1회 실행 후 조건 검사(최소 1회 실행 보장)
• for: 초기화/조건/증감으로 반복 횟수 관리에 적합
• 반복문은 항상 “언제 끝나는지(탈출 조건)”가 보이게 작성

짧은 예시(코드):

// while
let n = 1;
while (n <= 3) {
   console.log(n);
   n++;
}

// do...while (최소 1회 실행)
do {
   console.log("한 번은 실행");
} while (false);

// for
for (let i = 0; i < 3; i++) {
   console.log(i);
}

2-4) break / continue로 반복 흐름 제어하기

역할: 반복을 멈추거나(종료), 이번 반복만 건너뛴다(스킵).

핵심 포인트:

• break: 반복문 즉시 종료
• continue: 아래 코드를 건너뛰고 다음 반복으로 이동
• 보통 if와 같이 사용해 조건 기반 흐름 제어

짧은 예시(코드):

for (let i = 1; i <= 10; i++) {
   if (i === 5) break; // 5에서 종료
   if (i % 2 === 1) continue; // 홀수 스킵
   console.log(i); // 짝수만 출력
}

2-5) 배열/객체 순회: for + length / for…in

역할: 배열 요소 또는 객체 프로퍼티를 순회하며 접근한다.

핵심 포인트:

• 배열: for (i < arr.length)가 기본(인덱스 기반으로 안정적)
• 객체: for…in으로 key를 순회하고 obj[key]로 값 접근
• 배열에서 for…in은 순서 관련 주의 포인트가 있어 목적에 맞게 사용

짧은 예시(코드):

// 배열: length 기반
let arr = ["banana", "apple", "orange"];
for (let i = 0; i < arr.length; i++) {
   console.log(arr[i]);
}

// 객체: key 순회
let obj = { name: "철수", age: 20 };
for (let key in obj) {
   console.log(key + ": " + obj[key]);
}

이슈 로그

• 배열 반복은 기본적으로 for + length가 안정적이고, for…in은 “순서 보장” 관점에서 주의가 필요합니다.

학습단 도서

• 「코딩 자율학습 HTML + CSS + 자바스크립트」