localStorage, sessionStorage

HyosikPark·2020년 10월 29일
0

Javascript

목록 보기
22/26

공통

웹 스토리지 객체로써 브라우저 내에 키-값 쌍을 저장할 수 있게 해줌.
네티워크 요청 시 서버로 전송되지 않아서 2MB 이상의 웹스토리 객체 저장 가능.
개발자가 웹스토리지 구성 방식을 설정할 수 있음.
웹 스토리 객체는 도메인,프로토콜,포트로 정의되는 오리진에 묶여 있어 서브 도메인이 다르면 데이터 접근 불가능.
메서드, 프로퍼티
setItem(key, value)
getItem(key)
removeItem(key)
clear() : 모든 것 삭제
key(index) : index에 해당하는 키 반환
length : 저장된 항목 개수

localStorage

localStorage
브라우저나 OS를 재시작해도 데이터 유지
오리진이 같은 경우 데이터 공유
키 값은 반드시 문자열이여야 한다. 객체를 저장하려면 JSON.stringify(obj)

sessionStorage

sessionStorage
현재 떠 있는 탭에서만 유지됨. 새로 고침하면 사라지지 않지만 탭을 닫고 새로 열 때에는 사라짐.

참고

https://ko.javascript.info/

0개의 댓글