728x90
(1) LocalStorage, SessionStorage 란?
- DOM 저장소 ( 문서 개체 모델 저장소) 라고도하는 웹 저장소는 클라이언트 측 데이터를 저장하기위한 메서드와 프로토콜을 웹 앱에 제공 합니다.
- 웹 저장소는 쿠키와 유사 하지만 용량이 크게 향상되고 HTTP 요청 헤더에 저장된 정보가없는 영구 데이터 저장소를 지원합니다.
- 웹 저장소는 Local Storage와 Session Storage는로 나누어져 있습니다.
- Local Storage는 세션이 종료되어도 데이터가 사라지지 않고 남아있으며 Session Storage는 세션종료(페이지 종료)시 데이터가 사라집니다.
(2) LocalStorage, SessionStorage 사용법
Local Storage와 Session Storage는 동일한 메소드와 프로퍼티를 제공합니다.
//키-값 쌍을 보관
localStorage.setItem(key, value)
sessionStorage.setItem(key, value)
//키에 해당하는 값 반환
let val = localStorage.getItem(key)
let val = sessionStorage.getItem(key)
//키에 해당하는 값 제거
localStorage.removeItem(key)
sessionStorage.removeItem(key)
//모두 삭제
localStorage.clear()
sessionStorage.clear()
//index에 해당하는 키값 반환
let key = localStorage.key(index)
let key = sessionStorage.key(index)
//저장된 항목의 개수 반환
let size = localStorage.length
let size = sessionStorage.length참조 - en.wikipedia.org/wiki/Web_storage, ko.javascript.info/localstorage#ref-30
반응형
'Study > JavaScript' 카테고리의 다른 글
| [JavaScript] DIV 보이기, 감추기 (0) | 2021.02.22 |
|---|---|
| [JavaScript] 논리 연산자 (0) | 2021.01.18 |
| [JavaScript] var, let, const 차이점 (0) | 2021.01.17 |
