[JavaScript] localStorage / sessionStorage

[localStorage]

localStorage : 세션이 종료되어도 데이터가 유지됨.

▤ 데이터 저장

localStorage.test = "123";

localStorage.setItem("test", "123");

▤ 데이터 불러오기

var data = localStorage.test;

var data = localStorage.getItem("test");

var dataAll = Object.keys(localStorage); // 모든 값 받기. 배열로 저장.

▤ 데이터 삭제

localStorage.removeItem('data'); // 원하는 값만 삭제

localStorage.clear(); // 모든 값 삭제

[sessionStorage]

sessionStorage : 세션이 종료되면 데이터가 삭제됨.

▤ 데이터 저장

sessionStorage.test = "123";

sessionStorage.setItem("test", "123");

▤ 데이터 불러오기

var data = sessionStorage.test;

var data = sessionStorage.getItem("test");

var dataAll = Object.keys(sessionStorage); // 모든 값 받기. 배열로 저장.

▤ 데이터 삭제

sessionStorage.removeItem('data'); // 원하는 값만 삭제

sessionStorage.clear(); // 모든 값 삭제