개요

Storage 객체는 웹 스토리지(세션/로컬 스토리지)를 다루는 데에 사용되는 객체이다. 공식 문서

• 일반적인 객체처럼 key(키)와 value(값)의 쌍으로 저장된다. 그래서 점 표기법이나 대괄호 표기법을 사용할 수도 있지만, 일반적으로는 method를 사용하는 것이 권장된다.

//예시
localStorage.key = value;
sessionStorage["key"] = value;

property

length

[스토리지].length

Storage 객체에 저장된 항목의 수.

method

getItem

[스토리지].getItem(keyName)

keyName 키에 연결된 값을 반환한다.

• keyName : 키의 이름 (문자열)
• 키에 연결된 값(문자열)을 반환한다. 키가 없다면 null을 반환한다.

setItem

[스토리지].setItem(keyName, keyValue)

keyName 키가 존재하지 않는다면 keyValue 값을 추가하고, 존재한다면 값을 keyValue로 재설정한다.

• keyName : 키의 이름 (문자열)
• keyValue : 키의 값 (문자열)
• 반환값은 없다. (undefined)

removeItem

[스토리지].getItem(keyName)

keyName 키와 값을 삭제한다.

• keyName : 키의 이름 (문자열)
• 반환값은 없다. (undefined)

key

[스토리지].key(index)

index 번째 인덱스의 키 이름을 반환한다.

• index : 0부터 시작하는 인덱스 값 (정수)
• index 번째 키의 이름(문자열)을 반환한다. index 번째 키가 없다면 null을 반환한다.

clear

[스토리지].clear()

Storage의 저장된 모든 내용(키)를 삭제한다.

• 반환값은 없다. (undefined)

기타

• Web Storage는 무엇인가?
• 관련 이벤트(event) : storage 이벤트