데이터 타입

• JavaScript의 모든 값은 특정한 데이터 타입을 가짐
• 크게 원시 타입과 참조 타입으로 분류됨
  

원시 타입(Primitive type)

1. Number - 정수 또는 실수형 숫자를 표현하는 자료형
2. String
3. null
4. undefined - 값이 할당되지 않은 변수
5. Boolean
6. Symbol - 유일한 값을 표현하는 자료형 ES6에서 추가

Number

• 정수 또는 실수형 숫자를 표현
  

• NaN을 반환하는 경우

1. 숫자아닌 거
2. 허수
3. 피연산자가 NaN
4. 정의할 수 없는 계산식
5. 문자열을 포함하면서 덧셈이 아닌 계산식

String

• 문자열을 표현하는 자료형

• 작은 따옴표 또는 큰 따옴표 모두 가능

• 곱셈, 나눗셈, 뺄셈은 안되지만 덧셈을 통해 문자열 끼리 붙일 수 있음
  

• 따옴표를 사용하면 선언 시 줄 바꿈 불가능

• 대신 escape sequence를 사용할 수 있기 때문에 \n 사용
  

• Template Literal을 사용하면 줄 바꿈이 가능, 문자열 사이에 변수도 삽입 가능
  

Template Literals

• 내장된 표현식을 허용하는 문자열 작성 방식
• ES6+ 부터 지원
• Backtick(``)을 이용하며, 여러줄에 걸쳐 문자열을 정의 할 수도있고
  JavaScript의 변수를 문자열 안에 바로 연결할 수 있는 이점이 생김
• 표현식을 넣을 수 있는데, 이는 $와 중괄호(${expression})로 표기
  

Empty Value

• 값이 존재하지 않음을 표현하는 값으로 JavaScript에서는 null과 ubdefined가 존재

• 동일한 역할을 하는 이 두개의 키워드가 존재하는 이유는 단순한 JavaScript의 설계 실수

null

• null 값을 나타내는 특별한 키워드
• 변수의 값이 없음을 의도적으로 표현할 때 사용
  

undefined

• 값이 정의되어 있지 않음을 표현하는 값
• 변수 선언 이후 직접 값을 할당하지 않으면 자동으로 할당됨
  

null과 undefined

• null과 undefined의 가장 대표적인 차이점은 typeof 연산자를 통해 타입을 확인 했을 때 나타남
  

• null이 원시 타입임에도 불구 object로 출력되는 이유는 JavaScript 설계 당시 버그를 지금까지 해결하지 못한거임 ㅋㅋ

• 쉽게 해결할 수 없는 이유는 이미 null 타입에 의존성을 띄고 있는 많은 프로그램들이 망가질 수 있기 때문 (하위 호환 유지)

Boolean

• true와 false
• 참과 거짓을 표현하는 값
• 조건문 또는 반복문에서 유용하게 사용
  • 조건문 또는 반복문에서 boolean이 아닌 데이터 타입은 자동 형변환 규칙에 따라 true 또는 false로 변환됨

Empty Value

• 값이 존재하지 않음을 표현하는 값으로 JavaScript에서는 null과 undefined가 존재

• 동일한 역할을 하는 이 두개의 키워드가 존재하는 이유는 단순한 JavaScript의 설계 실수

참조 타입 (Reference type)

1. Object - 이름과 값을 가진 속성들의 집합으로 이루어진 자료구조
2. Array - 여러 개의 값을 순서대로 저장하는 자료구조
3. function - function 키워드를 통해 생성하며, 호출 시 실행 될 코드를 정의

객체(Object)

• 객체는 속성의 집합이며, 중괄호 내부에 key와 value의 쌍으로 표현
• key
  • 문자열 타입만 가능
  • key 이름에 띄어쓰기 등의 구분자가 있으면 따옴표로 묶어서 표현
• value
  • 모든 타입 가능
• 객체 요소 접근
  • 점 또는 대괄호로 가능
  • key 이름에 띄어쓰기 같은 구분자가 있으면 대괄로 접근만 가능

배열(Array)

• 키와 속성들을 담고 있는 참조 타입의 객체
• 순서를 보장하는 특징이 있음
• 주로 대괄호를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능
• 배열의 길이는 array.length 형태로 접근 가능

함수(Function)

• 참조 타입 중 하나로써 function 타입에 속함
• JavaScript에서 함수를 정의하는 방법은 주로 2가지로 구분됨
  • 함수 선언식
  • 함수 표현식

함수 선언식(Function declaration)

• 일반적인 프로그래밍 언어의 함수 정의 방식
  

• 예시
  

함수 표현식 (Function expression)

• 표현식 내에서 함수를 정의하는 방식

• 함수 표현식은 함수의 이름을 생략한 익명 함수로 정의 가능
  

• 예시
  

• 표현식에서 함수 이름을 명시하는 것도 가능

• 다만 이 경우 함수 이름은 호출에 사용되지 못하고 디버깅 용도로 사용됨
  

ToBoolean Conversions (자동 형변환)