[Javascript] localStorage

localStorage란?

로컬 스토리지를 사용하여 key-value 값을 스토리지에  저장할 수 있다. 저장한 데이터는 세션간에 공유된다.

세션이 바뀌어도 저장한 데이터는 유지 된다는 이야기다.

 

 

 

예시

먼저 HTML을 저렇게 설정 후, key값과 value 값을 입력한 뒤에 그것을 로컬 스토리지에 저장하기로 하였다.

setItem으로 키, 값을 추가하고, getItem으로 key의 value값을 웹 페이지에 보여지도록 하였다.

 

 

 

이렇게 키 : 홍길동, 값 : 28로 설정하면 로컬 스토리지에 저장이 된 걸 확인할 수 있다.

 

 

 

getItem을 설정했기 때문에 웹 페이지를 보면 저장했던 키의 값이 보여진다.