취미가 알고리즘

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배열로 변환 후 가져옵니다.