localstorage

웹 브라우저에서 제공하는 클라이언트단 데이터 저장소

구조 및 특징

구조

객체와 같이 key : value의 구조를 띤다.

특징

• 데이터 보존 : 웹이 새로고침되거나 나갔다가 다시 방문해도 데이터가 유지된다.
• 도메인별 데이터 저장 : 도메인별로 데이터가 저장되며, 같은 도메인끼리는 데이터가 공유된다.
• 용량 제한 : 브라우저마다 다른 용량 제한이 존재한다. 보통 5~10MB정도 된다.

사용하는 방법

localStorage 객체를 통해 값을 관리한다.

• setItem(key, value): 지정된 키와 값을 로컬 스토리지에 저장
• getItem(key): 지정된 키에 해당하는 값을 조회
• removeItem(key): 지정된 키와 해당하는 값을 로컬 스토리지에서 제거
• clear(): 로컬 스토리지의 모든 데이터를 제거

위 메서드들을 localStorage.메서드()의 형태로 사용할 수 있다.

토큰 등을 관리할 때 유용하다.