[Javascript] 가벼운 저장소, LocalStorage

 

  서론

 

어느 글에서나 그랬듯, 이것도 대회를 준비하다가 알게 된 기술이다.

LocalStorage, 말 그대로 지역 저장소를 의미하는데, DB를 사용하지 않는 로컬 웹 어플리케이션에서 데이터를 저장해야 할 때 사용할 수 있는 굉장히 강력한 기술이다. 심지어 접속한 도메인에 따라 참조할 수 있는 데이터가 구분이 되기 때문에 도메인 간 저장소 충돌을 염려하지 않아도 된다.

 

  주의사항

 

로컬스토리지는 반드시 보조수단으로 사용되어야 한다. 저장소이긴 하지만, 용량이 10MB밖에 되지 않아서 간단한 문자열이나 크지 않은 JSON을 저장할 때 사용된다.

 

  사용법

 

데이터 삽입

localStorage.setItem(key, data);

데이터 참조

localStorage.getItem(key);

데이터 삭제

localStorage.remove(key)

 

  결론

 

LocalStorage는 서버가 존재하지 않는 어플리케이션을 구현할 때, (캘린더 어플 등) 상당히 유용하게 사용할 수 있는 기술이다. 하지만 이미지같은 리소스는 크기가 너무 커서 로컬스토리지에 저장하기 어렵다는 단점이 있는데, 이를 보완하기 위해서 나온 기술이 있다. 그 기술인 IndexedDB는 언젠가 기회가 되면 정리하도록 하겠다.