[JavaScript] 19. 로컬 스토리지

[JavaScript] 19. 로컬 스토리지

 

1. 로컬 스토리지란?

로컬 스토리지와 세션 스토리지 모두 브라우저의 웹 스토리지 API에 속하는 기능으로, 사용자의 로컬 환경에 데이터를 저장하는 방법을 제공한다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있다.

 

 

2. 로컬 스토리지의 특징

(1) 데이터 지속성: 로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나, 컴퓨터를 재부팅해도 삭제되지 않는다.

(2) 데이터 용량: 로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인 당 약 5~10MB 정도이다.

(3) 데이터 접근성: 같은 도메인 내에서만 접근이 가능하다.

(4) 데이터 형식: 로컬스토리지에 저장되는 데이터는 문자열 형식이어야 한다! 따라서 객체나 배열 등을 저장할 때에는 JSON.Stringfy()를 사용해 문자열로 변환한 뒤 사용하고, 불러올 때에는 JSON.parse()를 통해 다시 객체나 배열로 변환해야 한다.

(5) 사용법

 

 

3. 세션 스토리지의 특징