목차
불변 데이터란
불변 데이터는 변하지 않는 데이터를 의미합니다. 즉, 한 번 생성되고 나면 그 값을 변경할 수 없는 데이터를 말합니다. 이는 자바스크립트에서 객체나 배열 등을 변경하는 것과는 대조적입니다.
불변 데이터의 장점
불변 데이터의 가장 큰 장점은 코드의 신뢰성을 향상시킨다는 것입니다. 자바스크립트에서 객체나 배열은 가변적인 특성을 가지고 있기 때문에, 여러 곳에서 해당 객체를 참조하고 있다면 한 곳에서의 변경이 다른 곳에도 영향을 미칠 수 있습니다. 이로 인해 예기치 않은 버그가 발생할 수 있습니다. 하지만 불변 데이터를 사용하면 이러한 문제를 방지할 수 있습니다.
또한 불변 데이터는 성능적인 이점도 가지고 있습니다. 변경이 불가능하므로 새로운 값을 생성하기 위해 복사본을 만들 필요가 없습니다. 이로써 메모리 사용량을 줄이고 연산 속도를 향상시킬 수 있습니다.
자바스크립트 코드 최적화를 위한 불변 데이터 사용
불변 데이터는 자바스크립트 코드의 최적화에도 큰 도움을 줍니다. 변경이 불가능한 데이터는 함수형 프로그래밍에 적합하며, 함수형 프로그래밍은 함수를 기반으로 하는 프로그래밍 패러다임입니다. 이 패러다임에서는 입력 값과 출력 값이 항상 일정하기 때문에 코드의 예측 가능성이 크게 향상됩니다. 이는 최적화와 디버깅을 쉽게 만들어줍니다.
뿐만 아니라 불변 데이터는 리액트와 같은 뷰 라이브러리에서도 중요한 역할을 합니다. 리액트는 가상 돔을 사용하여 화면을 업데이트하는데, 이때 이전 가상 돔과 현재 가상 돔을 비교하여 변경된 부분만 실제 돔에 반영합니다. 불변 데이터를 사용하면 이전 상태와 현재 상태를 쉽게 비교할 수 있기 때문에 화면 업데이트 성능이 향상됩니다.
예시 코드
// 원본 배열
const numbers = [1, 2, 3, 4, 5];
// push 메서드를 사용하여 새로운 값을 추가한 배열
const newNumbersWithPush = numbers.push(6);
console.log(newNumbersWithPush); // 6
console.log(numbers); // [1, 2, 3, 4, 5, 6]
// concat 메서드를 사용하여 새로운 값을 추가한 배열
const newNumbersWithConcat = numbers.concat(6);
console.log(newNumbersWithConcat); // [1, 2, 3, 4, 5, 6]
console.log(numbers); // [1, 2, 3, 4, 5]