안녕하세요! 😊 오늘은 if문과 switch문에 대해 정리해보려고 합니다.
배운 내용을 다시 한 번 정리하면서 컴퓨터가 상황에 따라 다르게 행동하도록 도와주는 문법을 이해해 보려고 합니다! 🚀
💡 if문이란? 🤔
if문은 만약에 ~라면 이라는 뜻.
즉, 어떤 조건이 맞으면 실행하고, 아니면 다른 행동을 하도록 지시하는 문법!
✅ 예제 1: 숫자가 짝수인지 홀수인지 판단하기
let number = 5;
if (number % 2 === 0) {
console.log('number 변수는 짝수입니다.');
} else {
console.log('number 변수는 홀수입니다.');
}
📌 설명
✔️ number % 2 === 0 → number를 2로 나눈 나머지가 0이면 짝수!
✔️ else → 위 조건이 맞지 않으면(홀수면) 실행됨!
📝 출력 결과 (number가 5일 때)
number 변수는 홀수입니다.
💡 if문을 여러 개 연결하기!
한 가지 조건만 확인하는 게 아니라, 여러 개의 조건을 순서대로 확인할 수 있음!
예를 들어, 숫자가 2, 3, 4, 5의 배수인지 확인하는 코드를 만들어봄
✅ 예제 2: 숫자가 어떤 배수인지 판단하기
if (number % 2 === 0) {
console.log('2의 배수입니다.');
} else if (number % 3 === 0) {
console.log('3의 배수입니다.');
} else if (number % 4 === 0) {
console.log('4의 배수입니다.');
} else if (number % 5 === 0) {
console.log('5의 배수입니다.');
} else {
console.log('2, 3, 4, 5의 배수가 아닙니다.');
}
📌 설명
✔️ if → 가장 먼저 체크할 조건
✔️ else if → 위 조건이 틀리면 다음 조건 체크
✔️ else → 모든 조건이 틀리면 실행!
📝 출력 결과 (number가 5일 때)
5의 배수입니다.
💡 switch문이란? 🔄
switch문은 여러 개의 조건을 비교할 때 if문보다 더 깔끔하게 정리할 수 있는 문법이다.
특히, 하나의 값이 여러 개 중에서 어떤 것과 같은지 확인할 때 좋음.
✅ 예제 3: 영어 요일을 한국어로 변환하기
const englishDay = 'monday';
let koreanDay;
switch (englishDay) {
case 'monday':
koreanDay = '월요일';
break;
case 'tuesday':
koreanDay = '화요일';
break;
case 'wednesday':
koreanDay = '수요일';
break;
case 'thursday':
koreanDay = '목요일';
break;
case 'friday':
koreanDay = '금요일';
break;
default:
koreanDay = '주말';
break;
}
console.log(koreanDay);
📌 설명
✔️ switch(비교할 값) → 어떤 값을 확인할지 정함
✔️ case 'monday': → 만약 englishDay가 'monday'라면 실행
✔️ break; → 실행 후 멈추기 (없으면 아래 코드도 실행됨!)
✔️ default: → 어떤 조건에도 맞지 않을 때 실행
📝 출력 결과 (englishDay = 'monday'일 때)
월요일
🎯 if문 vs switch문, 언제 사용할까?
| 구분 | if문 | swich문 |
| ✅ 사용 예시 | 조건이 참/거짓인지 비교할 때 | 하나의 값이 여러 개 중 어디에 속하는지 확인할 때 |
| ✅ 가독성 | 여러 개의 조건이 있으면 코드가 길어질 수 있음 | 비슷한 조건을 정리할 때 더 깔끔함 |
💡 if문과 switch문을 활용하면 뭐가 좋을까?
✔️ 컴퓨터가 상황에 따라 다르게 행동할 수 있음!
✔️ 필요한 조건을 쉽게 확인하고 처리할 수 있음!
✔️ 웹사이트에서 버튼을 눌렀을 때 다른 화면을 보여주는 기능을 만들 수 있음!
이제 if문과 switch문 이제 완벽 정복 한걸까..? 🚀
다른 의견이 있다면 알려주세요!
'코딩이야기𖦹 > JavaScript' 카테고리의 다른 글
| 📌 getElement부터 querySelector까지 정리해봄 (1) | 2025.04.11 |
|---|---|
| 📌 호이스팅이란? JS 변수 선언의 동작 원리 정리 (0) | 2025.04.05 |
| 📌반복문이 어려웠던 나, 이렇게 정리하니 이제는..? 🚀 (3) | 2025.03.18 |
| 📌 자바스크립트 변수와 데이터 타입 완벽 가이드 (var, let, const) (1) | 2025.03.07 |