Today I Learned

오늘은 자취방 계약을 하기위해 하루종일 돌아다녔다.
피곤하지만 JS 기본 문법 복습을 하고 자려한다.
예전에 배웠던 기본 JS 문법부터 복습하고 심화로 ㄱㄱ

---

• JS의 공식문서는 엄밀히 따지면 존재하지 않고, 가장 공식적인 문서는 ECMAScript 사양서다.
• 보통 개발자들은 Mozilla Developer Network의 JavaScript 문서를 보고 사실상 공식문서 취급한다.
• MDN JS 한글 문서 링크

자바스크립트 기본 문법 복습

변수 선언

var, let, const 키워드를 사용하여 변수를 선언

// var - 함수 스코프 변수 (예전 방식)
var x = 5;

// let - 블록 스코프 변수 (권장)
let y = 6;

// const - 상수 (값 변경 불가)
const PI = 3.141592;

• let과 const는 ES6에서 도입되었고, var 대신 이 두 가지를 사용하는 것이 권장
• var는 같은 스코프 내에서 재선언 가능, let은 불가.
• var는 함수 내에서 접근 가능, let은 {중괄호 블록} 내에서 접근 가능

---

데이터 타입

// String
let name = "홍길동";
let greeting = 'ㅎㅇ';

// Number
let age = 25;
let price = 19.99;

// Boolean
let isActive = true;
let isCompleted = false;

// null과 undefined
let empty = null;
let notDefined;  // undefined

// 심볼(Symbol)
// 생성될 때 마다 고유하고 변경 불가능한 값. 설명이 같아도 다른 값으로 취급되어 객체 속성키로 주로 쓰임
let id = Symbol("id");

// BigInt - 큰 정수를 다룰 때 사용
// BigInt()함수를 쓰거나 정수 리터럴 끝에 n을 붙임
let bigNumber = 9007199254740991n;

---

연산자

산술 연산자

let a = 10;
let b = 3;

// 덧셈
let sum = a + b;  // 13

// 뺄셈
let difference = a - b;  // 7

// 곱셈
let product = a * b;  // 30

// 나눗셈
let devide = a / b;  // 3.3333...

// 나머지
let remainder = a % b;  // 1

// 거듭제곱
let power = a ** b;  // 1000

할당 연산자

let x = 10;

x += 5;  // 15
x -= 3;  // 12
x *= 2;  // 24
x /= 4;  // 6

비교 연산자

// 동등 비교 (값만 비교)
console.log(5 == '5');  // true

// 일치 비교 (값과 타입 모두 비교)
console.log(5 === '5');  // false

// 부등 비교
console.log(5 != '4');  // true
console.log(5 !== '5');  // true

논리 연산자

// AND 연산자
console.log(true && false);  // false

// OR 연산자
console.log(true || false);  // true

// NOT 연산자
console.log(!true);  // false

---

조건문

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("D 등급");
}

switch 문

let day = new Date().getDay();
let dayName;

switch (day) {
  case 0:
    dayName = "일요일";
    break;
  case 1:
    dayName = "월요일";
    break;
  case 2:
    dayName = "화요일";
    break;
  case 3:
    dayName = "수요일";
    break;
  case 4:
    dayName = "목요일";
    break;
  case 5:
    dayName = "금요일";
    break;
  case 6:
    dayName = "토요일";
    break;
  default:
    dayName = "알 수 없는 요일";
}

console.log(`오늘은 ${dayName}입니다.`);

---

for 반복문

for 반복문

let numbers = "";

for (let i = 1; i <= 5; i++) {
  numbers += i + " ";
}

for-in 반복문

객체의 속성 순회시 가용

const person = {f:"john", l:"sina", age:45}
let info = "";

for (let x in person) {
  info += person[x] + " ";
}

for-of 반복문

iterable 객체 값 순회시 사용

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";

for (let x of cars) {
  text += x + " ";
}

forEach 메서드

const numbers = [5, 15, 25, 35, 45];
let sum = 0;

numbers.forEach(function(value) {
  sum += value;
});

---

while 반복문

while 반복문

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let j = 0;
let result = "";

while (j < cars.length) {
  result += cars[j] + "<br>";
  j++;
}

do while 반복문

let k = 0;
let output = "";

do {
  output += k + "<br>";
  k++;
} while (k < 5);