Local Storage 란?
- 도메인 단위로 정보를 저장해주는 랜선 저장소
- 오직 문자열의 형태로만 저장할 수 있습니다.
- 브라우저를 닫아도 데이터가 유지된다. (같은 도메인에 한해)
- key - value 페어로 데이터를 저장한다.
| 메서드 | 설명 |
|---|---|
| localStorage.setItem(key, value) | key 에 value 를 저장 |
| localStorage.getItem(key) | key에 저장된 값 가져오기 |
| localStorage.removeItem(key) | key에 해당하는 데이터 삭제 |
| localStorage.clear() | 모든 localStorage 데이터 삭제 |
삭제 로직이나 호출 로직은 key 값만 가지고 핸들링할 수 있다!
// 객체 저장 로직
const user = { name: 'Doni', age: '25' };
localStorage.setItem('user', JSON.stringify(user));
// 객체 호출 로직
const storedUser = JSON.parse(localStorage.getItem('user'));객체나 배열을 저장할 때에는, localStorage 에는 오직 문자열의 형태로만 저장할 수 있기 때문에 JSON.stringify 로 문자열로 저장해야 한다. 그리고 호출할 때에는 다시 JSON.parse 로 객체나 배열의 형태로 변환하여 호출해야 한다.
:D