불변 데이터와 자바스크립트 로컬 저장소
목차
불변 데이터란?
불변 데이터는 생성 이후 변경이 불가능한 데이터를 의미합니다. 다시 말해, 한 번 생성한 후에는 그 값을 변경할 수 없는 데이터를 말합니다. 이는 데이터의 안정성을 보장하고 예측 가능한 동작을 할 수 있도록 합니다. 불변 데이터는 함수형 프로그래밍 패러다임에서 주로 사용되며, 예측 가능하고 안정적인 코드를 작성하는 데 도움이 됩니다.
자바스크립트 로컬 저장소란?
자바스크립트 로컬 저장소는 웹 브라우저에서 데이터를 클라이언트 측에 저장할 수 있는 기능을 제공하는 브라우저 내장 API입니다. 로컬 저장소를 사용하면 웹 애플리케이션에서 사용자의 데이터를 유지하고, 오프라인 상태에서도 동작할 수 있도록 할 수 있습니다.
불변 데이터와 로컬 저장소의 관계
불변 데이터와 로컬 저장소는 함께 사용될 수 있습니다. 불변 데이터를 사용하면 웹 애플리케이션의 상태를 예측 가능하고 안정적으로 유지할 수 있으며, 로컬 저장소를 사용하면 이러한 상태를 영구적으로 저장할 수 있습니다. 이는 웹 애플리케이션에서 사용자가 입력한 데이터나 설정값을 저장하고, 다음에 액세스할 수 있도록 할 때 유용합니다.
예제 코드
// 예제 코드 :
const userData = {
name: 'John',
age: 25,
email: 'john@example.com'
};
// 로컬 저장소에 데이터 저장
localStorage.setItem('user', JSON.stringify(userData));
// 로컬 저장소에서 데이터 가져오기
const savedData = JSON.parse(localStorage.getItem('user'));
console.log(savedData);