[JS]브라우저 로컬/세션 저장소 JSON

localStorage와 sessionStorage

자바스크립트로 웹 브라우저의 저장소 local과 session에 데이터 저장가능!

두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공한다.

세션은 페이지를 새로 고침해도 데이터가 남아있고,
로컬은 브라우저를 다시 실행해도 남아있음.

setItem(key, value) – 키-값 쌍을 보관
getItem(key) – 키에 해당하는 값을 받아온다.
removeItem(key) – 키와 해당 값을 삭제한다.
clear() – 모든 것을 삭제.
key(index) – 인덱스(index)에 해당하는 키를 받아온다.
length – 저장된 항목의 개수를 얻는다.

• 키와 값은 문자열이여야만 한다.
  => JSON 문자열 변환 JSON.stringify()
  => 문자열을 다시 Object로 변환 JSON.parse()

// JSON.stringify() 예시
console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"


// JSON.parse() 예시
const json = '{"result":true, "count":42}';
const obj = JSON.parse(json);

console.log(obj.count);
// expected output: 42

console.log(obj.result);
// expected output: true