Local Storage

로컬 스토리지란?

브라우저에 key와 value 형식으로 값을 저장할 수 있는 공간을 말한다.
세션이 변경 되어도 유지되기 때문에 저장한 데이터는 세션간에 공유 할수 있다.
하지만 도메인이 다른 경우에는 로컬 스토리지 공유가 불가능 하다.

사용 하는 방법

사용하는 메서드

• setItem()
• getItem()
• removeItem()
• clear()
• length
• key()

값을 추가하고 싶은 경우 setItem을 이용한다.

window.localStorage.setItem("key", "value");

값을 가져올때 getItem()을 통해 가져온다.

window.localStorage.getItem("key");

item을 삭제하고 싶은경우 removeItem()을 통해 삭제할 수있고
모두 지우고 싶다면 clear()를 이용해 도메인 내의 localStorage값을 삭제할 수 있다.

window.localStorage.removeItem("item");
window.localStorage.clear();

length를 통해 아이템의 갯수를 구할 수 있다.

window.localStorage.length;

key(idx) 인덱스에 해당하는 키 값을 조회 할 수 있다.

window.localStorage.key(idx);

특징

웹 스토리지 모바일 용량은 최대 2.5kb, 브라우저에서는 최대 5kb까지 가능하다.
HTML5에서 추가된 저장소 이다. 중요한 데이터를 보관하기엔 적절하지 않지만
유실되도 상관없는 데이터를 맡아두기엔 좋다.

• 세션 스토리지(Session storage)
  세션 스토리지는 window.sessionStorage에 위치하고
  메소드는 동일하지만 데이터가 영구적으로 보관되진 않는다.

---

서버가 없을 떄 DB대신 짧막하게 브라우저에 저장할때
사용하면 좋을것 같다. 대신 중요한 데이터는 안된다!!