JavaScript/JavaScript 기본 문법

조건과 반복의 마법? 제어문으로 코딩의 세계 정복하기! - 코드카인 티스토리

CodeCaine Explorer 2025. 1. 25. 17:44
SMALL

안녕하세요😊 코드카인 여러분!

오늘은 프로그래밍의 핵심 중 하나인 '제어문'에 대해 알아보려고 해요. 일상생활에서도 제어가 중요한 것처럼, 프로그래밍에서도 흐름을 제어하는 건 필수입니다. 조건문반복문은 그 중심에 있는 도구예요. 😊


제어문이란?

제어문은 프로그램의 흐름을 결정하거나 반복 실행할 수 있도록 도와주는 문법이에요. 일상생활로 비유하자면, 마트에서 쇼핑하며 구매할지 말지를 결정하거나, 매일 아침 같은 루틴을 반복하는 행동과 비슷해요.


조건문: 상황에 맞게 선택하기

조건문은 특정 조건을 만족할 때만 실행되는 코드예요. "만약 오늘 비가 온다면 우산을 가져가라" 같은 논리죠.

if 문: 간단한 조건 체크

let weather = "rainy";

if (weather === "rainy") {
  console.log("우산을 가져가세요! ☂️");
} else {
  console.log("맑은 날씨네요! 😎");
}

설명:

  • if 뒤에 조건을 작성해요.
  • 조건이 참(true)일 때만 코드 블록이 실행돼요.

switch 문: 여러 경우 처리하기

메뉴 고를 때 고민되는 상황을 생각해 보세요.

let menu = "pizza";

switch (menu) {
  case "pizza":
    console.log("피자를 주문합니다. 🍕");
    break;
  case "burger":
    console.log("버거를 주문합니다. 🍔");
    break;
  default:
    console.log("메뉴를 다시 선택해주세요.");
}

설명:

  • switch는 특정 값에 따라 여러 경우(case)를 처리해요.
  • break를 사용해 조건이 맞으면 종료돼요.

반복문: 같은 작업을 여러 번 실행하기

반복문은 매일 아침 루틴과 같아요. 이를테면, "알람 끄기 -> 세수하기 -> 커피 마시기"를 매일 반복하듯이요.

for 문: 정해진 횟수 반복

for (let i = 0; i < 5; i++) {
  console.log(`오늘도 화이팅! 😊 (${i + 1}회 반복)`);
}

설명:

  • i = 0: 반복 시작값
  • i < 5: 반복 종료 조건
  • i++: 반복할 때마다 1씩 증가

while 문: 조건이 참일 때까지 반복

let count = 0;

while (count < 3) {
  console.log(`현재 카운트는 ${count}입니다.`);
  count++;
}

설명:

  • 조건이 참(true)인 동안 계속 반복돼요.
  • 초기값 설정(count = 0)과 조건 변화(count++)를 잊지 마세요!

for...of: 배열 같은 데이터 반복

문제: "가족 이름 리스트를 모두 출력하고 싶다!"

let family = ["엄마", "아빠", "나"];

for (let member of family) {
  console.log(`${member}님, 사랑해요! ❤️`);
}

설명:

  • for...of는 배열, 문자열 같은 이터러블 객체를 반복할 때 사용해요.
  • 하나씩 꺼내서 member에 저장하고 실행돼요.

for...in: 객체의 속성 반복

let person = { name: "하영", age: 25 };

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

설명:

  • for...in은 객체의 속성(key)을 반복해요.
  • 객체의 모든 key-value를 쉽게 탐색할 수 있답니다.

😊 마무리하며..

제어문은 프로그램의 기본 설계 도구예요. 마치 인생의 로드맵과 같죠. 조건문은 상황에 맞는 결정을, 반복문은 루틴을 만들게 해주니까요. 😄

초보자분들도 걱정 말고! 작은 예제부터 하나씩 따라해 보세요. 실수를 통해 배우는 과정이야말로 개발자가 성장하는 비결이니까요. 😊

728x90
반응형
SMALL