[JS] Web Storage

Web Storage API

- 웹 브라우저에 데이터를 보관할 수 있는 공간

- 데이터를 Key-Value 형태로 저장할 수 있다.

- 로컬 스토리지는 웹 브라우저를 종료하더라도 데이터가 유지된다.

- 세션 스토리지는 웹 브라우저를 종료하면 데이터가 삭제된다. (session: 서버와 연결이 유지되고 있는 상태, ex: 은행 사이트)

 

스토리지 API에 데이터 추가 및 수정하기

localStorage.setItem('age', 20);
sessionStorage.setItem('favorite', 'candy');

 

Storage에 들어있는 데이터 꺼내기 (없는 키 값을 조회하는 경우 null)

console.log(sessionStorage.getItem('favorite'));
console.log(sessionStorage.getItem('worst'));

 

localStorage.removeItem()

- 키 값으로 Storage에 들어있는 데이터를 삭제한다. (성공/실패 여부 알 수 없음)