2023-05-22 TIL (JavaScript 문법 시작)

이번 주부터 <JavaScript 문법 종합반>의 강의를 시작했다.
JS(자바스크립트) 언어의 특징과 역사를 간략한 소개를 시작으로 문법에 대한 강의를 수강 시작했다.

문법 시작이라 가벼운 마음으로 수강을 하게 되어 필기 보단 전반적인 내용에 대해 집중했다. 그래서 중요한 개념만 작성을 하고 추후에 업데이트를 하도록 하겠다.

⚠️ 변수의 5가지 주요 개념

• 변수 이름 : 저장된 값의 고유 이름
• 변수 값 : 변수에 저장된 값
• 변수 할당 : 변수에 값을 저장하는 행위
• 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위
• 변수 참조 : 변수에 할당된 값을 읽어오는것

변수는 var, let, const 세 가지 방법으로 선언할 수 있다.

• var은 변수를 다시 선언할 수 있지만, let과 const는 아니다
• var와 let은 변수를 재할당 할 수 있지만, const는 아니다

데이터 타입으론
1. 숫자(Number)
2. 문자열(String)
3. 불리언(Boolean)
4. undefined
5. null
6. 객체(Object)
7. 배열(Array)

형 변환으론
암시적 형 변환(implicit coercion)과 명시적 형 변환(explicit coercion)이 있다.

• 암시적 형 변환은 자바스크립트에서 자동으로 수행되는 형 변환이며, 일반적으로 연산자를 사용할 때 발생합니다.
• 명시적 형 변환 개발자가 직접 자료형을 변환하는 것을 말합니다.

연산자에도 다양한 연산자를 제공하여 변수나 상수를 다양한 방법으로 조작할 수 있습니다.

• 산술 연산자(arithmetic operators)
• 할당 연산자(assignment operators)
• 비교 연산자(comparison operators)
• 논리 연산자(logical operators)
• 삼항 연산자(ternary operator)
• 타입 연산자(type operators)

산술 연산자에는 더하기 연산자(+)를 비롯해 빼기(-), 곱하기(*), 나누기(/),(%)가 존재한다.

할당 연사자엔 등호 연산자(=)를 비롯해 (+=), (-=), (-=), 나누기 등호 연산자(/=), 나머지 등호 연산자(%=)가 있다.

나누기 등호
let x = 10;
console.log(x);   // 10

x /= 5;
console.log(x);   // 2

나머지 등호
let x = 10;
console.log(x);   // 10

x %= 3;
console.log(x);   // 1

비교 연산자는 일치 연산자(===)를 비롯하여 (!==), 작다(<) 연산자, 크다(>) 연산자, (>=)가 존재한다.

논리 연산자(logical operators)엔 논리곱(&&) 연산자와 논리합(||) 연산자,

논리부정(!) 연산자가 존재한다.

논리곱(&&) 연산자
논리곱 연산자는 두 값이 모두 true일 경우에만 true를 반환합니다.
console.log(true && true);   // true
console.log(true && false);   // false
console.log(false && true);   // false
console.log(false && false);   // false

논리합(||) 연산자
논리합 연산자는 두 값 중 하나라도 true일 경우 true를 반환합니다.
console.log(true || true);   // true
console.log(true || false);   // true
console.log(false || true);   // true
console.log(false || false);   // false

논리부정(!) 연산자
논리부정 연산자는 true를 false로, false를 true로 바꿉니다.
console.log(!true);   // false
console.log(!false);   // true
console.log(!(2 > 1));   // false

삼항 연산자(ternary operator)는 강조가 된 부분이다. 조건에 따라 값을 선택하는 연산자이기에 향후에도 쓸모가 많아 보인다.

삼항 연산자
let x = 10;
let result = (x > 5) ? "크다" : "작다";
console.log(result);   // "크다"

타입 연산자(type operators)는 예를 보면 이해하기 쉬울듯 하다.

typeof 연산자
console.log(typeof 123);   // "number"
console.log(typeof "123");   // "string"
console.log(typeof true);   // "boolean"
console.log(typeof undefined);   // "undefined"
console.log(typeof null);   // "object"
console.log(typeof {});   // "object"
console.log(typeof []);   // "object"
console.log(typeof function(){});   // "function"

다음 시간부턴 함수를 정리해보고자 한다.