React state 선언 과정에서는 왜 const를 쓸까?

최근 JavaScript를 이용하여 알고리즘 문제를 풀이하다 궁금증이 들게 되었다.

image.png

React 공식문서에서 볼 수 있듯, 우리는 당연하게 const를 이용한 상태 관리 hook useState를 사용하고 있었던 것이다.

왜 우리는 const로 사용해야 하고, React에서는 어떻게 동작하는지 알아보도록 하자.

1. React의 상태 관리 원리

JavaScript에서는 데이터 타입을 다음과 같이 분류한다.

  1. Primitive Data Types (원시 타입)
  2. Structural Data Types (참조 타입)

변수를 통해 값을 재할당하는 경우, immutable한 타입은 value 값 자체를 전달하기 때문에, 기존의 데이터와 독립된 형태로 사용이 가능하다.