현재 오즈코딩스쿨 강의를 통해 프론트엔드를 학습하고 있습니다.
본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다.

1. 비교연산

비교 연산(Comparison Operators)이란?
비교 연산은 두 값을 비교하고, 그 결과를 true 또는 false(불리언 값) 로 반환하는 연산.

1) 기본 비교 연산자

2) == vs === (느슨한 비교 vs 엄격한 비교)

✔ == (느슨한 비교): 값만 비교하고, 자동 형 변환(타입 변환)을 허용
✔ === (엄격한 비교): 값과 데이터 타입까지 비교

console.log(5 == "5");  // true  (자동 형 변환 발생)
console.log(5 === "5"); // false (타입이 다름)

🚨 무조건 ===을 쓰는 게 더 많이 사용한다.
자동 형 변환이 예기치 않은 버그를 만들 수 있기 때문이다.

3) 논리값과 비교

✔ true는 1과 같고, false는 0과 같다
✔ null과 undefined는 == 비교 시 true, 하지만 === 비교 시 false

console.log(true == 1);  // true  (자동 변환)
console.log(false == 0); // true
console.log(null == undefined);  // true
console.log(null === undefined); // false (타입 다름)

4) 문자열 비교 (> <)

console.log("apple" > "banana");  // false ("a"가 "b"보다 작음)
console.log("cat" < "dog");       // true ("c"가 "d"보다 작음)
console.log("Zoo" > "apple");     // true (대문자 "Z"가 소문자 "a"보다 앞에 옴)

5) 비교 연산 활용 예시

✔ 조건문에서 사용

let age = 20;
if (age >= 18) {
    console.log("성인입니다.");
} else {
    console.log("미성년자입니다.");
}

✔ 최대값 구하기

let a = 10, b = 20;
let max = (a > b) ? a : b; // 삼항 연산자 활용
console.log("더 큰 값:", max);

2. 조건문

조건문(Conditional Statement)이란?
조건문은 주어진 조건에 따라 코드의 실행 흐름을 제어하는 문법이다.
즉, 특정 조건이 참(true)이면 실행하고, 거짓(false)이면 실행하지 않거나 다른 코드를 실행하는 방식이다.

1) if 문 (기본 조건문)

if 문은 주어진 조건이 참일 때만 코드를 실행한다.

let age = 20;

if (age >= 18) {
    console.log("성인입니다.");  // age가 18 이상이면 실행됨
}

✔ age가 18 이상이면 "성인입니다."가 출력된다.
✔ 조건이 거짓일 경우(age < 18)에는 아무것도 실행되지 않는다.

2) if-else 문 (조건이 거짓일 때 실행할 코드 추가)

if 조건이 거짓일 경우(false) 실행할 코드를 추가할 수 있다.

let age = 16;

if (age >= 18) {
    console.log("성인입니다.");
} else {
    console.log("미성년자입니다.");
}

✔ age가 18 이상이면 "성인입니다." 출력
✔ age가 18 미만이면 "미성년자입니다." 출력

3) if-else if-else 문 (여러 개의 조건 검사하기)

if → else if → else 순으로 여러 조건을 검사할 수 있다.

let score = 85;

if (score >= 90) {
    console.log("A학점");
} else if (score >= 80) {
    console.log("B학점");
} else if (score >= 70) {
    console.log("C학점");
} else {
    console.log("F학점");
}

✔ score가 90 이상이면 "A학점" 출력
✔ score가 80~89이면 "B학점" 출력
✔ score가 70~79면 "C학점" 출력
✔ 그 외는 "F학점" 출력

4) 삼항 연산자 (? :)

if-else 문을 간단하게 표현할 때 삼항 연산자를 사용할 수 있다.

let age = 20;
let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";
console.log(message);

✔ 조건이 참이면 "성인입니다.", 거짓이면 "미성년자입니다."를 출력한다.
✔ ? 뒤에는 조건이 참일 때 실행될 코드가 오고, : 뒤에는 조건이 거짓일 때 실행될 코드가 온다.

5) switch 문 (여러 경우를 비교할 때 사용)

let fruit = "사과";

switch (fruit) {
    case "사과":
        console.log("사과입니다.");
        break;
    case "바나나":
        console.log("바나나입니다.");
        break;
    case "오렌지":
        console.log("오렌지입니다.");
        break;
    default:
        console.log("해당 과일이 없습니다.");
}

✔ fruit가 "사과"이면 "사과입니다." 출력
✔ fruit가 "바나나"이면 "바나나입니다." 출력
✔ fruit가 "오렌지"이면 "오렌지입니다." 출력
✔ 그 외의 값이면 "해당 과일이 없습니다." 출력

🚨 break를 넣지 않으면 다음 case까지 실행되므로, 각 case 끝에 break를 추가해야 한다.

3. 반복문

반복문(Loop)이란?
반복문은 특정 코드 블록을 여러 번 실행할 때 사용한다.
반복 횟수가 정해져 있거나 특정 조건을 만족할 때까지 실행할 수 있다.

1) for 문 (횟수가 정해진 반복문)

for문은 반복 횟수가 정해져 있을 때 사용한다.

for (초기값; 조건; 증감) {
    실행할 코드;
}

✔ 예제: 1부터 5까지 출력

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

📌 실행 과정

• let i = 1 (초기값 설정)

• i <= 5가 true면 {} 내부 코드 실행

• i++로 i 값을 증가시키고 다시 조건 검사

• 조건이 false가 될 때까지 반복

2) while 문 (조건이 참인 동안 반복)

while문은 반복 횟수가 정해져 있지 않고, 특정 조건을 만족하는 동안 실행된다.

while (조건) {
    실행할 코드;
}

✔ 예제: 1부터 5까지 출력

let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}

🚨 주의: i++를 안 하면 무한 루프 발생! (while은 조건이 false가 될 때까지 계속 실행되므로 종료 조건이 필요하다.)

3) break 와 continue (반복문 제어)

• break: 반복문을 즉시 종료

• continue: 현재 반복을 건너뛰고 다음 반복으로 이동

✔ 예제: 숫자 1~10 중에서 6에서 멈추기 (break)

for (let i = 1; i <= 10; i++) {
    if (i === 6) break;
    console.log(i);
}

✔ 예제: 짝수만 출력 (continue)

for (let i = 1; i <= 10; i++) {
    if (i % 2 !== 0) continue; // 홀수는 건너뜀
    console.log(i);
}

끝맺음.

너무 헷갈리는 if문.. for문도 어렵고..
ㅠㅠ강의 볼 때는 이해가는데..왜 다음날이면 리셋될까?ㅋㅋㅋㅋ