의의

키 이름과 value값을 넘겨줄 때 해당 값을 저장하는 장소 또는 이미 존재하는 value값을 갱신(update)하기 위해 저장하는 장소

사용법

storage.setItem(keyName, keyValue);

storage에는 텍스트 형태로만 저장이 가능하므로 객체를 저장하고 싶을 경우 stringify해줘야 함

JSON.stringify(객체 key 이름)

객체를 다시 꺼내 사용할 시 다시 객체형태로 바꿔야 함

JSON.parse(localStorage.state);

예외

localStorage에 저장 가능한지 알아볼 수 있는 코드

strage에서 value가져오기

localStorage.getItem('찾는 값');을 변수 이름으로 저장

예시)

var currentColor = localStorage.getItem('bgcolor');

불러오기

document.getElementById('bgcolor').value = currentColor;

사용

사용 장소.style.backgroundColor = '#' + currentColor;

저장된 value 값 갱신(update)

function populateStorage() {
localStorage.setItem('키값', update값 (예시- document.getElementById('키값').value));

storage.getItem할때 만든 함수()를 넣어주면 그 안의 값이 갱신;

}

데이터 제거

storage.removeItem(삭제하고 싶은 데이터의 키)

한 개의 인자를 받음

storage.clear()

해당 도메인 저장소 전체를 비움