모든 출처는 MDN 입니다.
https://developer.mozilla.org/ko/docs/Web/API/Storage
로그인에 필요한 토큰같이 중요한 정보는 어디에 저장해야 하는가
Web Storage 개념
Web Storage API는 브라우저에서 키/값 쌍을 쿠키보다 훨씬 직관적으로 저장할 수 있는 방법을 제공한다.
Web Storage의 종류
sessionStorage
각각의 출처에 대해 독립적인 저장 공간을 페이지 세션이 유지되는(브라우저가 열려있는 동안) 제공한다.
- 세션에 한정해, 즉 브라우저 또는 탭이 닫힐 때까지만 데이터를 저장한다.
- 데이터를 절대 서버로 전송하지 않는다.
- 저장 공간이 쿠키보다 크다.(최대 5mb)
localStorage
sessionStorage와 같지만, 브라우저를 닫았다 열어도 데이터가 남아있다
- 유효기간 없이 데이터를 저장하고, JavaScript를 사용하거나 브라우저 캐시 또는 로컬 저장 데이터를 지워야만 사라진다.
- 저장 공간이 셋 중 제일 크다.
Web Storage 사용 방식
Window.sessionStorage 와 Window.localStorage 속성을 통해 사용할 수 있다.
두 속성 중 하나에 접근하면 Storage 객체의 인스턴스를 생성하게 되고,
그걸 사용해 데이터 항목을 추가, 회수, 제거할 수 있다.
sessionStorage와 localStorage의 Storage 객체는 각각의 출처별로 다른 것을 사용하며 서로 독립적으로 기능한다.
생경하다.