📅 2025년 1월 24일 - 오늘 배운 내용 (TIL)

1. const, immutable, final의 차이

• const (자바스크립트):
  • 변수의 **"참조값(주소)"**이 고정됨. 참조하는 데이터는 변경 가능.
  • 예: 객체나 배열 내부의 값은 수정 가능.
• immutable (불변):
  • 데이터 자체를 변경할 수 없도록 설계.
  • 예: 문자열(String)이나 일부 라이브러리에서 제공하는 불변 객체.
• final (자바):
  • 값이나 참조 자체를 변경할 수 없음.
  • 선언 후 수정 불가능.

---

2. undefined와 null의 차이

• undefined:
  • 변수가 선언되었지만 값이 할당되지 않은 상태.
  • "아예 값이 없는 상태(없던 상태)".
• null:
  • 개발자가 의도적으로 "값이 없음"을 명시.
  • "값이 없기로 정한 상태."

---

3. 삼항 연산자

• 구조:
  javascript

  복사편집

  조건 ? 참일 때의 값 : 거짓일 때의 값;
• 조건문을 짧게 표현할 때 사용.
• 예:
  javascript

  복사편집

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

---

4. typeof와 instanceof

• typeof:
  • 데이터의 **타입(자료형)**을 확인.
  • 예: typeof 42 → "number", typeof "hello" → "string".
  • typeof null이 "object"로 출력되는 것은 자바스크립트의 버그.
• instanceof:
  • 객체가 특정 생성자나 클래스의 인스턴스인지 확인.
  • 예:
    javascript

    복사편집

    let arr = []; console.log(arr instanceof Array); // true console.log(arr instanceof Object); // true

---

5. Math.random()

• 0 이상 1 미만(0 ≤ 값 < 1)의 랜덤한 소수를 생성.
• 특정 범위에서 난수를 만들려면 곱셈과 정수 변환 필요:
  javascript

  복사편집

  let rand = Math.floor(Math.random() * 6); // 0부터 5 사이의 정수

---

6. 흐름 제어 (조건문, 반복문, switch)

조건문

• if, else if, else로 조건에 따라 실행 코드 결정:
  javascript

  복사편집

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

switch문

• 값에 따라 실행할 코드 분기:
  javascript

  복사편집

  let num = 2; switch (num) { case 1: console.log("1입니다."); break; case 2: console.log("2입니다."); break; default: console.log("값이 없습니다."); }

반복문

• while과 for를 사용해 특정 조건 동안 반복:
  javascript

  복사편집

  let count = 0; while (count < 5) { console.log(count); count++; } for (let i = 0; i < 5; i++) { console.log(i); }

continue와 break

• continue: 현재 반복을 건너뛰고 다음 반복 실행.
• break: 반복문을 즉시 종료.
  javascript

  복사편집

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

---

7. 기타

무한 루프와 Math.random() 활용

• 무한 루프(while (true))에서 랜덤 조건으로 루프 종료:
  javascript

  복사편집

  while (true) { if (Math.random() > 0.5) { console.log("HEAD!"); break; } else { console.log("TAIL ㅠㅠ"); } }

---

8. 반복문을 활용한 배열 순회

• for문으로 배열 요소를 순회:
  javascript

  복사편집

  let fruits = ["사과", "바나나", "오렌지"]; for (let index = 0; index < fruits.length; index++) { console.log(fruits[index]); }

---

오늘 배운 교훈

• 단축 평가, 타입 확인 (typeof, instanceof), 랜덤 생성 등 자바스크립트의 기초적인 흐름과 제어에 대해 학습했어.
• 중요한 것은 읽기 쉬운 코드와 가독성을 유지하는 습관이야!