Web Storage - local & session storage
web storage에는 local storage 와 session storage가 있다
데이터가 어떤 범위 내에서 얼마나 오래 보존되는지에 따라 나뉜다
세션 스토리지는 웹페이지의 세션이 끝날 때 저장된 데이터가 지워지는 반면,
로컬 스토리지는 웹페이지의 세션이 끝나더라도 데이터가 지워지지 않습니다.
즉 로컬 스토리지는 브라우저 안에 데이터가 탭을 닫아도 지워지지 않고 남아있다
(물론 동일한 컴퓨터의 동일한 브라우저일때만 적용된다)
다른 기기나 브라우저 간에 데이터가 공유되고 영속되야 한다면 클라우드 플랫폼이나 데이터베이스(DB) 서버를 이용하는 것이 좋다
// 키에 데이터 쓰기
localStorage.setItem("key", value);
// 키로 부터 데이터 읽기
localStorage.getItem("key");
// 키의 데이터 삭제
localStorage.removeItem("key");
// 모든 키의 데이터 삭제
localStorage.clear();
// 저장된 키/값 쌍의 개수
localStorage.length;이때, 주의할 점은 string형태로만 storage에 저장이 가능하기 때문에
객체형 데이터를 JSON 문자열 데이터로 바꿔주는 JSON.stringify()메서드가 빈번하게 이용된다
JSON 데이터 포맷은 string이기 때문이다
