[React] 불변성과 리액트의 관계(1) - 불변성이란 무엇인가?

이번에 포스팅 할 내용은 리액트와 불변성에 대한 이야기입니다.

불변성은 영어로는 immutability로 많이 들어봤을 수도 아닐수도 있는 단어일 것으로 생각합니다. 우선 리액트와 불변성에 대한 관계를 설명하기 전에 "불변성이 무엇인가?"에 대한 이야기를 하고자 합니다.

불변성이란 메모리 영역의 값을 변경할 수 없다는 것을 의미합니다. 이게 뭔 소리일까 하실 수 있는 분들을 위해 설명을 해보겠습니다.

이 말의 의미를 제대로 파악하기 위해서는 자바스크립트의 변수 타입인 원시타입( primitive type )과 참조타입 ( reference type )간의 비교를 해야 합니다.

우선 원시타입부터 살펴보겠습니다.

let str = "data1"
str = 'data2'

위의 코드를 보시면 str이라는 변수에 할당도니 값이 "data1" -> "data2"로 변경된 것을 알 수 있습니다. 그런데 이 변경되었다는 말이 정확히 맞는 말은 아닙니다. 왜냐하면 실제 메모리 영역안에는 "data1"과 "data2" 둘 다 존재하기 때문입니다.

쉽게 얘기하면 "data1"은 메모리1 영역에 등록되었고 "data2"는 메모리1 영역에 등록되었따고 보시면 됩니다.

"즉, 불변성의 진짜 의미는 메모리 영역에서 값을 변경할 수 없다는 의미입니다."

참고) https://hsp0418.tistory.com/171