자바스크립트 기초 #2
조건문으로 프로그램에 두뇌 심기
🤔 조건문이 뭐야?
조건문은 프로그램이 “만약 ~라면”을 판단하게 해주는 도구야. 실생활에서 우리가 하는 선택들을 코드로 표현하는 거지!
예를 들어:
“만약 비가 온다면 우산을 가져간다”
“만약 배가 고프면 밥을 먹는다”
이런 로직을 프로그램에서도 쓸 수 있어!
“만약 비가 온다면 우산을 가져간다”
“만약 배가 고프면 밥을 먹는다”
이런 로직을 프로그램에서도 쓸 수 있어!
🎯 첫 번째 조건문 만들기
결과가 여기에 나타납니다…
⚖️ 비교 연산자 알아보기
조건문을 제대로 쓰려면 비교 연산자를 알아야 해. 두 값을 비교해서 true(참) 또는 false(거짓)를 반환하는 연산자야.
| 연산자 | 의미 | 예시 | 결과 |
|---|---|---|---|
| === | 정확히 같다 | 5 === 5 | true |
| !== | 다르다 | 5 !== 3 | true |
| > | 크다 | 10 > 5 | true |
| < | 작다 | 3 < 7 | true |
| >= | 크거나 같다 | 5 >= 5 | true |
| <= | 작거나 같다 | 4 <= 6 | true |
중요: == 대신 ===를 쓰는 습관을 들이자!
== 는 타입 변환을 하기 때문에 예상치 못한 결과가 나올 수 있어.
== 는 타입 변환을 하기 때문에 예상치 못한 결과가 나올 수 있어.
🔬 비교 연산자 실험실
결과가 여기에 나타납니다…
🔀 else와 else if – 여러 가지 경우 처리하기
if만으로는 부족할 때가 많아. “그렇지 않으면”이나 “또 다른 조건”을 확인하고 싶을 때 else와 else if를 사용해!
구조:
if (조건1) { /* 조건1이 참일 때 */ }
else if (조건2) { /* 조건2가 참일 때 */ }
else { /* 모든 조건이 거짓일 때 */ }
if (조건1) { /* 조건1이 참일 때 */ }
else if (조건2) { /* 조건2가 참일 때 */ }
else { /* 모든 조건이 거짓일 때 */ }
🎮 점수로 등급 매기기
결과가 여기에 나타납니다…
🎛️ switch문 – 여러 경우를 깔끔하게
여러 개의 값을 비교해야 할 때는 switch문이 더 깔끔할 수 있어. 특히 하나의 변수를 여러 값과 비교할 때 유용하지!
주의: 각 case 끝에는 break를 꼭 써줘야 해!
break를 안 쓰면 다음 case까지 계속 실행돼버려.
break를 안 쓰면 다음 case까지 계속 실행돼버려.
🍕 오늘의 메뉴 정하기
결과가 여기에 나타납니다…
🧩 논리 연산자로 조건 결합하기
때로는 여러 조건을 한번에 확인해야 할 때가 있어. 이럴 때 논리 연산자를 사용하면 돼!
| 연산자 | 의미 | 설명 |
|---|---|---|
| && | 그리고 (AND) | 모든 조건이 참일 때만 true |
| || | 또는 (OR) | 하나라도 참이면 true |
| ! | 부정 (NOT) | true를 false로, false를 true로 |
🎟️ 놀이공원 입장 조건 확인
결과가 여기에 나타납니다…
🎮 실전 프로젝트
배운 내용을 모두 활용해서 간단한 가위바위보 게임을 만들어보자!
퀴즈: 다음 조건문의 결과는?
✂️ 가위바위보 게임 만들기
결과가 여기에 나타납니다…
🏆 수고했어요!
조건문을 마스터했네요! 이제 프로그램이 스스로 판단하고 선택할 수 있게 됐어요. 다음 시간에는 반복문을 배워서 같은 작업을 여러 번 실행하는 방법을 알아볼 거예요!
다음 강의 예고:
for문과 while문으로 반복 작업 자동화하기!
for문과 while문으로 반복 작업 자동화하기!