FE/React

[React] 무결성을 유지하면서 const 변수 값 수정하기

Juliie 2021. 8. 31. 15:13

 

지금까지 나는 const 변수의 값은 어떠한 방법으로도 수정할 수 없는줄 알았는데 방법이 있긴 있었다...!!

 

일단 먼저 알아야할 불변 변수의 특징으로는

1.  값을 재할당 할 수 없다

2. 값의 변경은 가능하다

 

이게 무슨 소리야...

 

 

push()나 splice()같은 JS 내장함수을 사용하면 const 변수의 값 변경이 가능하다

...(중략)...
  const insa = ["hi"];
  insa.push("hello");
  return (
    <div>
      <b>{insa}</b> // hihello 출력
    </div>
  );
}

 

하지만 이런 방법은 무결성을 유지하지 못한다는 문제점이 있다

그렇다면 어떻게 무결성을 유지하면서 변수의 값을 바꿀 수 있을까?

 원본값을 바로 수정하는게 아닌, 기존의 값을 이용해 만든 새로운 값을 새 변수에 할당하는 것!!

 

그래서 리액트 튜토리얼에서도 push() 대신 concat()을 쓴건가보다🤔(깨달음)

 

불변 변수를 사용하면 변수가 변하는 시점을 쉽게 파악할 수 있기 때문에 가변 변수보다 더 유용하다고 한다

불변 변수를 쓸 때는 무결성을 지켜주는 concat()이나 slice() 쓰기...(메모✏️)

1 2 3 4 5 6 ··· 8