[javascript] Local Storage 로컬 스토리지

window.localStorage

localStorage 속성은 현재 도메인의 로컬 저장소에 접근 할 수 있게 해준다!

로컬 저장소는 웹브라우저에서 각 도메인에 대해 할당해주는 저장 공간으로, 여기에는 데이터를 영구적으로 보관할 수가 있다.
데이터 보관 시에는 데이터의 이름과 실제 값을 각각 지정하며, 이때 데이터 타입은 문자열 형태만 허용된다.

영구적으로 보관한다는 말은?
브라우저를 껐다가 켜너가 페이지를 새로고침해도 해당 도메인에 데이터가 남아있도록 할 수 있다는 뜻!

크롬 기준, 개발자 도구의 Application 탭에서 조회가 가능하다.

개발자 도구 단축키
windows : Ctrl+Alt+i 또는 Ctrl+Alt+j
mac : comant(⌘)+option(⌥)+i

 

메소드명	기능	사용 예
setItem	키와 밸류를 전달받아 저장	setItem("key", "value")
getItem	전달받은 키에 해당하는 밸류를 반환	getItem("key")
removeItem	전달받은 키에 해당하는 데이터 삭제	removeItem("key")
clear	모든 데이터 삭제	clear()

로컬 스토리지의 데이터 이름(key값)은 (객체리터럴과 마찬가지로) 중복될 수 없다!