40. JavaScript - variables

1. Variables(변수)

1. JavaScript의 변수

1. 자바스크립트의 변수는 타입이 존재하지 않는다.
2. 기본 자료형인 숫자형, 문자열, 논리형, 배열, 객체, undefined, null 7개의 자료형이 존재하긴 하지만 변수를 선언할 때 자료형을 지정할 수가 없다.
3. 자료형 유추 기능을 통해서 할당되는 변수에 값에 의해 자동적으로 자료형이 정해진다.
4. 자료형을 지정하지 않다보니까 에러잡기가 힘들어져 최근에는 타입스크립트(자바스크립트 + 타입)라는 언어가 유행한다.

   //ES5 
   var num = 1; -> 숫자형으로 사용.
   var numStr = "1"; -> 문자열이나 숫자형으로 사용
   

var sum1 = num + 2; => 3
var sum2 = numStr + 2; => 3

//ES6
const num = 3;
const numStr = "3";

const sum = num + 2;
const sum = numStr + 2; => 3

## 2. 변수의 선언
1. ES6 이전에서는 var 키워드 사용하여 변수 선언

var num = 1;
var num2;
var str = "hello javascript";
var isLogin = true;

2. ES6 이후 let, const 키워드 사용하여 변수 선언
    - let은 var와 같은 역할을 해주는 가변적인 변수에 사용(값을 변경할 수 있다.)
    - const는 상수로 값이 변할 수 없는 변수에 사용.

let num = 1;
let num2;
let str = "hello javascript";
let isLogin = true;

const sum = num1 + num2;
const MON = "월요일";

```
3. 자바스크립트의 자료형
- 숫자형: 따옴표 없는 숫자(실수, 정수 모두 포함)
- 문자열: 작은 따옴표나 큰 따옴표로 묶은 문자들
- 논리형: true, false
- 배열: 여러 개의 값을 저장할 수 있는 자료형. 여러가지 자료형을 동시에 배열에 담을 수 있다. let arr = [1, "hello", true];
- 객체: 속성값과 메소드를 갖는 자료형. 자바스크립트의 객체는 나중에 확장되어 JSON(JavaScript Object Notation) 데이터형으로 자주 사용된다.(API를 사용하거나 백엔드와 데이터를 주고 받을 때 주로 JSON 데이터형태로 진행.)
- undefined: 자료형이 지정되지 않은 상태. 변수를 선언하고 값을 할당하지 않은 상태.
- null: 값이 유효하지 않은 상태.
4. 자료형을 확인하는 typeof
- 변수를 선언하고 값을 할당한 상태에서 해당 변수에 담겨있는 값의 자료형을 확인하고 싶을 때 typeof 메소드를 사용하면 값의 자료형을 출력할 수 있다.
5. ES5 문법을 사용할 때는 var 변수만 사용해야 하고 ES6 문법을 사용할 때는 let, const만 사용하는게 좋다.