Modern JavaScript #1 변수와 상수

이 글은 벨로퍼트님의 모던 자바스크립트 강의 문서로 공부하면서 작성한 글입니다.

변수와 상수

: 특정 이름에 특정 값을 담을 때 사용

• value라는 값에 1 넣기

let value = 1;

특정 이름에 특정 값을 설정하는 것, 이것을 선언 이라고 부른다.

변수

: 변수는 바뀔 수 있는 값을 말한다. 한 번 값을 선언하고 나서 바꿀 수 있다.

let value = 1;
console.log(value);
// 1
value = 2;
console.log(value);
// 2

변수를 선언할 때에는 이렇게 let이라는 키워드를 사용한다.
!주의할 점 : let은 한 번 선언하면 똑같은 이름으로 선언하지 못한다.
ex)

let value = 1;
let value = 2;
// 오류 발생

상수

: 상수는 한 번 선언하고 값이 바뀌지 않는 값을 의미한다. 값이 고정적이다.

const a = 1;

상수를 선언할 때는 const라는 키워드를 사용한다.
!주의할 점 : 상수를 선언하면 값을 바꿀 수 없다.
ex)

const a = 1;
a = 2;
// 오류 발생 : Error: "a" is read-only

Error: "a" is read-only -> 한 번 상수로 선언했으면 값을 바꿀 수 없다.

!주의할 점 : 상수를 선언할 때도 마찬가지로 한 번 선언했으면 같은 이름으로 선언할 수 없다.

const a = 1;
const a = 2;
//오류 발생

데이터 타입

: 변수나 상수를 선언하게 될 때, 숫자 외에도 다른 값들을 선언할 수 있다.

• 숫자
  let value = 1;

• 문자열
  let text = 'hello';

• 참/거짓(Boolean)
  let good = true;
  let loading = false;

• null, undefined
  : 자바스크립트에서 없음을 의미하는 데이터 타입

null은 이 값이 없다라고 선언 할 때 사용

const friend = null;

undefined는 아직 값이 설정되지 않은 것을 의미

let criminal;
console.log(criminal);
// undefined

변수를 선언했지만 값을 지정해주지 않았으므로 undefined라는 값이 나타나게 된다.

-> null과 undefined 는 둘 다 값이 없음을 의미하는 것은 맞지만,
null은 우리가 없다고 고의적으로 설정하는 값을 의미하고
undefined는 우리가 설정하지 않았기 때문에 없는 값을 의미한다.