팀프로젝트를 하는 와중에 로컬스토리지를 사용하라는 조건이 있어서 사용해보기 전에 정보를 검색해보았다.
로컬스토리지는 웹 브라우저에 데이터를 저장하는데 사용되는데
이 데이터는 사용자가 브라우저를 닫아도 계속해서 유지되며,
도메인 레벨에서 제한된 용량 내에서 저장된다.
로컬스토리지에 데이터 저장하는 법
localStorage.setItem('key', 'value');
데이터 불러오기
var value = localStorage.getItem('key');
console.log(value);
데이터 삭제하기
localStorage.removeItem('key');
모든 데이터 삭제하기
localStorage.clear();
로컬스토리지에는 문자열만 저장할 수 있다.
만약 객체를 저장하고 싶다면 객체를 JSON 문자열로 변환한 후 저장하고
불러올 때는 다시 객체로 변환해야 한다.