[JavaScript] localStorage란?

localStorage란?

localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있다.

저장한 데이터는 세션간에 공유된다.

즉, 세션이 바뀌어도 저장한 데이터가 유지된다.

 

localStorage를 사용하는 방법

• setItem() - key, value 추가
• getItem() - value 읽어 오기
• removeItem() - item 삭제
• clear() - 도메인 내의 localStorage 값 삭제
• length - 전체 item 갯수
• key() - index로 key값 찾기

 

 

localStorage에 아이템 추가, 읽기

 

setItem()

localStorage에 아이템을 추가하기 위해서는 setItem() 함수 사용

window.localStorage.setItem(key, value)

 

getItem()

localStorage의 아이템을 읽기 위해서는 getItem() 함수 사용

window.localStorage.getItem(key)

 

 

 

localStorage에 값 삭제하기

 

removeItem()

window.localStorage.removeItem(key);

 

 

localStorage에 값 전체 삭제하기

 

clear()

window.localStorage.clear();