자바스크립트는 동적인 특성을 가진 프로그래밍 언어로, 데이터의 가변성은 자주 발생하는 문제 중 하나입니다. 가변 데이터는 예측할 수 없는 버그와 코드의 복잡성을 유발할 수 있습니다. 이러한 문제를 해결하기 위해 불변 데이터와 함께 사용하는 함수형 프로그래밍 개념이 등장했습니다.
불변 데이터는 변하지 않는 데이터로, 생성 이후에는 수정할 수 없습니다. 자바스크립트에서는 일반적으로 객체나 배열을 불변 데이터로 다루기 위해 함수형 라이브러리를 활용합니다.
이번 글에서는 자바스크립트에서 불변 데이터와 함께 사용하는 두 가지 인기있는 함수형 라이브러리인 Immutable.js와 Immer를 다루어보겠습니다.
Immutable.js
Immutable.js는 페이스북에서 개발한 자바스크립트 불변성 라이브러리입니다. 이 라이브러리를 사용하면 가변 데이터 대신 불변 데이터를 사용하면서 내부적으로 효율적인 변경 작업을 수행할 수 있습니다.
예를 들어, Immutable.js는 Map과 List와 같은 불변성을 가진 데이터 구조를 제공합니다. 이러한 데이터 구조를 사용하면 데이터를 직접 수정하는 대신에 변경된 복사본을 반환하여 원본 데이터를 보존할 수 있습니다.
const { Map } = require('immutable');
const data = Map({ name: 'Alice', age: 25 });
const modifiedData = data.set('age', 26);
console.log(data.get('age'));
// Output: 25
console.log(modifiedData.get('age'));
// Output: 26
Immer
Immer는 불변성을 유지하면서 가독성과 코드의 효율성을 개선하기 위한 라이브러리입니다. 이 라이브러리를 사용하면 가변 상태를 수정하는 것처럼 코드를 작성할 수 있지만, 내부적으로 불변 데이터를 처리하여 예상치 못한 버그를 방지합니다.
const { produce } = require('immer');
const data = { name: 'Alice', age: 25 };
const modifiedData = produce(data, draft => {
draft.age = 26;
});
console.log(data.age);
// Output: 25
console.log(modifiedData.age);
// Output: 26
Immer는 함수형 프로그래밍의 개념과 유사한 방식으로 작동합니다. produce 함수는 기존 객체를 변경하지 않고 새로운 객체를 생성하는데, 내부적으로 변경을 추적하여 필요한 경우에만 실제 수정을 수행합니다.
결론
불변 데이터와 함께 사용하는 함수형 프로그래밍 라이브러리를 사용하면 자바스크립트 개발에서 예측 가능하고 안전한 코드를 작성할 수 있습니다. Immutable.js와 Immer는 각각의 장점을 가지고 있으며, 프로젝트의 요구사항에 따라 선택하여 사용할 수 있습니다.
더 많은 정보를 알고 싶다면 다음 참고자료를 확인해보세요:
- Immutable.js 공식 문서: https://immutable-js.com/
- Immer 공식 문서: https://immerjs.github.io/immer/
#함수형프로그래밍 #불변데이터