[JS] localStorage - 값을 저장/유지

웹 브라우저에서 Key, Value 값을 저장할 수 있다. 

웹 브라우저가 종료하고, 다시 실행해도 값을 유지해야 할 경우 사용할 수 있다. 

 

window.localStorage.setItem() : Key, Value 추가 (Item 추가)

window.localStorage.getItem() : Value 읽어오기

window.localStorage.clear() : localStorage 값 삭제

 

위의 3개의 함수만으로, Read/Write/삭제가 가능하다. 

 

간단한 예제를 보면, setItem()으로 값을 저장한다. 이때, Key값은 LOCAL_COUNT_NUMBER로 지정했다. 

getItem()으로 값을 가지고 올 수 있다. clear()을 사용하여 값을 삭제할 수 있다. 

window.localStorage.setItem('LOCAL_COUNT_NUMBER', vCnt);

window.localStorage.getItem('LOCAL_COUNT_NUMBER');

window.localStorage.clear();

 

자바 스크립트로 단순 계수기를 만들었는데,

웹브라우저가 다시 실행되거나 웹페이지 다시 읽어오면 변수가 초기화 된다. 

이때 localStorage를 사용해서, 계수값을 유지할 수 있도록 했다. 

 

 

[참고자료]

[Javascript] localStorage 사용법 (읽기, 쓰기, 삭제, 키목록 등)