<aside> 💡 목차

</aside>

1. localStorage.getItem(key)의 기본 사용법

• localStorage.getItem 메소드는 지정된 키에 해당하는 값을 로컬 스토리지에서 검색하여 반환
  • 키에 해당하는 데이터가 없으면 null을 반환
  • 해당 메소드는 데이터를 조회할 때 사용되며, 매우 간단하고 직관적인 API를 제공
• 'key'는 데이터에 접근하기 위해 사용되는 식별자
  • 해당 식별자를 통해 저장된 값을 검색 가능

사용 예제

// localStorage.setItem('username', '테드');
// localStorage.setItem('key', 'value'); 
// 앞선 예제에서 넣었던 setItem 목록

let value = localStorage.getItem('key');
console.log(value);

let username = localStorage.getItem('username');
console.log(username);

2. 복잡한 데이터 타입 처리

• 로컬 스토리지는 기본적으로 문자열 데이터만을 저장

• 객체와 같은 복잡한 데이터 타입을 조회할 때는 문자열에서 다시 해당 타입으로 변환하는 과정이 필요

• JSON.parse() 메소드를 사용

• 현재 로컬 스토리지의 상태

  

객체 데이터 조회 예제

let storedData = localStorage.getItem('사용자정보');
let userInfo = JSON.parse(storedData);
console.log(userInfo);
console.log(userInfo.name);
console.log(userInfo.age);

3. 주의 사항