localStorage

localStorage

1. localStorage

 - JavaScript에서 localStorage는 웹 브라우저에서 데이터를 로컬로 저장하고, 유지할 수 있는 웹 스토리지 메커니즘

 - 클라이언트 측에서 데이터를 영구적으로 저장하기 위한 간단하고 편리한 방법을 제공

 - 사용자의 브라우저 세션 간에 데이터를 유지하며, 브라우저를 닫았다 열어도 데이터가 유지됨

 

2. 사용방법

 - 데이터 저장

// localStorage.setItem('키', '값');

// 예시
localStorage.setItem('a', 10);
localStorage.setItem('b', 20);

console.log(localStorage);

 - 브라우저 안에 키와 값이 저장됨

 

 - 데이터 가져오기

// const a = localStorage.getItem('키');

// 예시
localStorage.setItem('a', 10);
localStorage.setItem('b', 20);

const a = localStorage.getItem('a');
console.log(a);

 

 - 데이터 삭제

localStorage.removeItem('키');

// 예시
localStorage.setItem('a', 10);
localStorage.setItem('b', 20);

localStorage.removeItem('a');
console.log(localStorage);

 - 브라우저 안에서도 키와 값이 삭제됨

 

 - 모든 데이터 삭제

localStorage.clear();

// 예시
localStorage.setItem('a', 10);
localStorage.setItem('b', 20);

localStorage.clear();
console.log(localStorage);

 - 브라우저 안에서도 모든 키와 값이 삭제됨