const, let 변수 선언

변수 선언

React 개발에서는 var, let, const 중 const를 가장 많이 사용한다. var, let, const로 선언한 변수를 사용했을 때 어떤 점이 다른지 살펴보고, 왜 const를 많이 사용하는지 알아보자.

var를 이용한 변수 선언의 문제점

var로 선언한 변수는 덮어 쓸 수 있다는 문제점과 재선언 할 수 있다는 문제점이 있다. 왜 이것이 문제점이 되는가?

• 덮어 쓰기 가능
  - 한 번 정의한 변수에 다른 값 대입
  - 덮어 쓰고 싶지 않을 때 덮어 씌어지는 겨우가 발생할 수 있음
• 재선언 가능
  - 같은 변수명을 여러 위치에서 사용하면 어느 변수가 사용되는지 해석하기 어려움
  

짧은 코드에서 사용할 때는 별 문제 없이 사용이 가능하겠지만, 대규모 프로젝트를 진행하면 이러한 문제점으로 코드를 작성하는 데 오류가 발생할 수 있으니 var를 사용해서 변수를 사용하지 말자.

let을 이용한 변수 선언

let으로 재선언은 할 수 없지만 변수를 덮어 쓸 수는 있다.

const를 이용한 변수 선언

const는 constant(상수)라는 의미로 재선언과 덮어 쓰기가 모두 불가능하다.

프리미티브 타입(primitive type)이라 불리는 종류의 데이터는 const를 이용해 정의한 경우 덮어 쓸 수 없지만 객체나 배열 등의 오브젝트 타입(ojbect type)이라 불리는 데이터들은 const로 정의해도 도중에 값을 변경할 수 있다.

React에서는 const로 선언한 변수를 가장 많이 사용한다고 했다. const로 선언해도 속성을 변경할 수 있다는 특징 때문이다. State로 관리하지 않으면서 처리 도중 값을 덮어 써야 하는 변수만 let으로 선언하고, 대부분은 const를 사용하면 된다.