본문 바로가기
JavaScript

Storage

by ma_ro 2020. 2. 1.

특정 도메인을 위한 세션 스토리지 또는 로컬 스토리지에 접근, 조작하기 위한 API

세션 스토리지의 경우 Window.sessionStorage 메서드,

로컬 스토리지의 경우 Window.localStorage를 사용

 

Storage 오브젝트에 데이터를 추가, 변경, 삭제, 접근 하기 때문에 

오브젝트에 대한 메서드들을 사용할 수 있다. 

 

localStorage.length //storage의 개수 반환
localStorage.key(0) //0번 인덱스의 key값 반환
localStorage.getItem('country') //'country' key의 value를 반환
localStorage.setItem('country', 'korea') //key로 'country', value로 'korea' 설정
localStorage.removeItem('country') //'country' key에 해당하는 아이템 삭제
localStorage.clear() //스토리지의 모든 키 제거

 

참고
 

Storage

웹 스토리지 API의 스토리지 인터페이스는 특정 도메인을 위한 세션스토리지 또는 로컬 스토리지에 접근할 수 있게 합니다. 예를 들면, 저장된 데이터 아이템들의 추가, 변경, 삭제가 가능한 방식과 같습니다.

developer.mozilla.org

 

'JavaScript' 카테고리의 다른 글

change event  (0) 2020.02.01
select option에 attribute 추가하기  (0) 2020.02.01
Date()  (0) 2020.02.01
setInterval()  (0) 2020.02.01
Element.classLIst()  (0) 2020.01.30

댓글