써먹는 웹개발

[Js] localStorage와 sessionStorage 본문

웹개발/Js & Jquery

[Js] localStorage와 sessionStorage

kmhan 2021. 11. 23. 16:07


728x90
반응형

웹 스토리지 객체인 localStorage와 sessionStorage는 브라우저 내에 키-값 쌍을 저장 할 수 있게 해줍니다.

 

sessionStorage의 특징 : 페이지를 새로고침해도 데이터가 남아있음

localStorage의 특징 : 브라우저를 다시 실행해도 데이터가 남아있음

 

두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공합니다.

  • setItem(key, value) : 키-값 쌍을 보관합니다.
  • getItem(key) : 키에 해당하는 값을 받아옵니다.
  • removeItem(key) : 키와 해당 값을 삭제합니다.
  • clear() : 모든 것을 삭제합니다.
  • key(index) : 인덱스(index)에 해당하는 키를 받아옵니다.
  • length : 저장된 항목의 개수를 얻습니다.
728x90
반응형


Comments