로컬스토리지, 세션스토리지

이전 쿠키, 세션을 공부하면서 데이터 저장 방식을 알 수 있었다.
그 중 웹스토리지라는 것을 알게 되었는데, 우리가 알고 있던 로컬스토리지가 해당 방식에 속한다.

📌 웹스토리지

• 클라이언트에 데이터를 저장할 수 있도록 HTML5부터 나온 새로운 방식의 데이터 저장소
• 로컬 스토리지와 세션 스토리지가 존재
• key와 value 쌍의 형태로 데이터 저장

📌 로컬 스토리지와 세션 스토리지 차이점

• 로컬 스토리지는 데이터 영구 저장이 가능, 세션 스토리지는 브라우저 탭/윈도우가 닫히면 스토리지가 초기화
• 로컬 스토리지는 window.localStorage, 세션 스토리지는 window.sessionStorage 객체 사용

📌 로컬 스토리지, 세션 스토리지 사용처

• 로컬 스토리지 : 지속적으로 필요한 데이터 저장이 필요할 때 (자동 로그인 등)
• 세션 스토리지 : 일시적으로 필요한 데이터 저장이 필요할 때
  (일회성 로그인, 입력 폼 저장, 비로그인 장바구니 등)