localStorage

로컬에 영구적으로 저장하는 저장소입니다. html5에 추가된 저장소라고 합니다.

 

  • localStorage.setItem(key, value) : value를 key의 이름으로 저장합니다.
  • localStorage.getItem(key) : key로 저장되어있는 value를 가져옵니다.
  • localStorage.removeItem(key) : key로 저장되어있는 데이터를 삭제합니다.
  • localStorage.clear() : 모든 데이터를 삭제합니다.
  • localStorage.key(idx) : idx에 해당하는 key를 가져옵니다.
  • localStorage.length : 저장된 항목의 갯수를 가져옵니다.

일반적인 데이터는 위의 메소드를 이용하여 저장, 호출이 가능합니다.

 

하지만 Object배열의 경우는 다릅니다.

Object배열을 String으로 변환하여 저장한 다음 Object배열로 다시 변환하여 가져와야합니다.

 

[데이터 저장]

localStorage.setItem('emps'JSON.stringify(emp));

 => JSON.stringify를 통해 문자열로 변환한 후 'emps'라는 key로 저장합니다.

 

[데이터 호출]

JSON.parse(localStorage.getItem('emps'));

 => JSON.parse를 통해 문자열로 변환했던 'emps'를 다시 Object배열로 변환 후 가져옵니다.

'Etc' 카테고리의 다른 글

TypeScript 설치  (0) 2021.08.30
Windows 10 에서 WSL을 이용한 우분투 설치  (0) 2021.08.29
C++ cout 소수점 고정  (0) 2021.08.05
Java 문자열이 정수인지 확인  (0) 2021.06.01
Java 소수점 자리출력  (0) 2021.03.03

+ Recent posts