WebStorage API

---

데이터베이스를 사용하지 않고 브라우저에서 사용자 정보를 저장 하기 위해서는 어떻게 해야 할까요?

JavaScript API 를 이용해서 사용자 정보를 저장 할 수 있습니다.

쿠키 보다도 더 강력 합니다. 쿠키보다 데이터 저장공간도 훨씬 뛰어납니다.

 

1. Window.localStorage

2. Window.sessionStorage

이 객체를 이용 할수 있습니다. 이 객체들은 다음과 같이 사용 할수 있습니다.

// 데이터 저장
localStorage.setItem('index', '123');
sessionStorage.setItem('index', '123');

// 데이터 읽기
localStorage.getItem('index');
sessionStorage.getItem('index');

// 모든 데이터 지우기
localStorage.clear();
sessionStorage.clear();

// 특정 데이터 지우기
localStorage.removeItem('index');
sessionStorage.removeItem('index');

 

localStorage와 sessionStorage의 차이점, 지원 여부 코드 등 더 자세한 내용이 궁금하시면 이곳을 읽어 주세요. https://blog.naver.com/world9604/221961221290

localStorage sessionStorage