1. 변수(Variable) 와 상수(const)

📌 변수

• 이름이 붙은 저장소
• 값이 변할 수 있는 수
• 변수에 값을 할당하고 하나의 변수를 참조해서 여러번 사용한다.
• 같은 변수를 여러 번 선언하면 에러가 발생한다.
• 변수에 담지 않고 같은 코드를 반복해서 사용하면 메모리를 차지하기 때문에 성능상 이슈가 있고 유지보수가 힘들기 때문에 변수를 사용한다.

📌 상수

• 값이 항상 고정적인 수

✔️ 대문자상수 (찐상수)

• 프로그램에서 고정된 값을 나타내는 상수를 표현할 때 사용
• 대문자와 밑줄로 구성된 이름을 사용한다.
• 이러한 네이밍 규칙은 가독성을 높이고 상수임을 명시적으로 표현함으로써 코드의 이해를 돕는다.
• 상수의 상위호환개념같다🤔
• ex) const ONE_YEAR = 365

📌 변수 선언 방법

• let, const, var

2. 엄격모드 (Strict Mode)

📌 use strict

• 엄격모드를 활성화시켜준다.
• 이 지시자가 스크립트 최상단에 오면 스크립트 전체가 '모던한(최신의)' 방식으로 동작한다.
• 엄격모드를 한번 활성화시켜주면 취소할 방법은 없다.
• use strict 위에는 주석만 사용가능하다.
• 코드를 클래스와 모듈을 사용해 구성한다면 use strict가 자동으로 적용되기 때문에 생략해도 된다.
• 브라우저의 콘솔에서는 기본적으로 use strict가 적용되어 있지 않다. 하지만 줄바꿈을 한다면 적용이 가능하다.

3. 전역객체 (Global This)

📌 전역 객체

• 어디서나 사용가능한 변수나 함수를 만들 수 있다.
• 브라우저 환경에서 전역 객체를 window, Node.js 환경에서 global이라고 부른다.
• 두 가지가 통합되어 globalThis로 표준화되었다. (익스플로러는 호환되지 않음 참고)
• var로 선언하게 되면 전역 객체의 프로퍼티가 되기 때문에 전역객체를 오염시킨다.
• var는 globalThis 환경에 저장되고 let과 const는 메모리에 저장된다.

📌 폴리필 (polyfill)

• 브라우저의 구버전에서 지원하지 않는 기능을 구현하는 코드 조각

4. 오래된 var⭐⭐⭐

📌 var는 블록 스코프(변수의 사용 범위)가 없다.

• 스코프에는 블록스코프 ({})와 함수 스코프(function(){})가 있다.
• var는 블록스코프가 적용되지 않는다는 뜻이다. 그 이유는 선언하면 전역 객체 프로퍼티가 되기 때문이다.
• 코드 블록이 함수 안에 있다면, var는 함수 스코프의 영향을 받는다.
• 변수의 중복 선언을 허용한다.
• ❗ 선언은 호이스팅 되지만 할당은 호이스팅 되지 않는다.

📌 즉시 실행 함수 표현식 (IIFE)

(function() {

  let message = "Hello";

  alert(message); // Hello

})();

• 위의 코드를 보면 함수 표현식이 만들어지고, 바로 호출되면서, 해당 함수가 바로 실행되었다.
• IIFE를 만들 때는 함수 표현식을 괄호로 둘러쌓아 (function {...})와 같은 형태로 만든다. -> 괄호로 둘러싸지 않으면 에러가 발생한다.
• 자바스크립트는 함수 선언문으로 정의한 함수를 정의와 동시에 바로 호출한다는 것을 기억하자
• 함수를 괄호로 감싸면 자바스크립트가 함수를 표현식으로 인식하도록 속일 수 있다.

5. 자료형 (Data Type) ⭐⭐⭐⭐⭐

• 자료의 타입은 있지만 변수에 저장되는 값의 타입이 언제든지 바뀔 수 있는 언어를 '동적 타입 언어 (dynamically typed)'라고 한다. -> 암시적 형변환

📌 숫자형

• 정수형과 소수형

📌 BigInt

• 큰 정수 표현
• 끝에 n을 붙이면 BigInt 자료형이다.

📌 문자형

• 큰 따옴표(""), 작은 따옴표(''), 백틱 (``)으로 묶는다.

📌 불린형

• true, false

📌 null

• 존재하지 않는, 비어있는, 알수없는 값을 나타내는데 사용한다.
• 객체가 아니다.

📌 undefined 값

• '할당되지 않은 상태'

📌 객체

• 데이터 컬렉션이나 복잡한 개체를 표현
• Array, Function

📌 심볼

• 객체의 고유한 식별자를 만들 때 사용

📌 typeof 연산자

• 인수의 자료형을 반환한다.
• 연산자형 typeof x , 함수형 typeof(x)

6. 회고

HTML배울 때에 비해 배울 양이 많아서 그런건지 하루에 나가는 진도량이 정말 많다. 그리고 내가 지금까지 공부했던 자바스크립트는 자바스크립트가 아니였다. 오늘 배운 내용만 해도 내가 아는 내용은 2%정도 였고 나머지는 전혀 모르는 내용이었다. 복습하면서 어느정도 정리는 됐지만 용어때문에 헷갈리는게 너무 많다. 회고조분들하고 얘기하면서 알게된 내용인데 Deep dive 책의 70p정도 분량을 벌써 배운 것이다. 내일 친구한테 책을 받기로했는데 내일 모래부터 스터디시간에 책읽는 것을 목표로 잡아야겠다. TIL도 작성하는게 점점 시간이 부족해진다ㅠㅠ