[Study] 브라우저 저장소 | 로컬 스토리지, 세션 스토리지, 쿠키

브라우저 저장소의 종류는 아래와 같다.

- 로컬 스토리지

- 세션 스토리지

- 쿠키

 

모든 스토리지는 "Key:Value"로써 저장 가능하다.

로컬 스토리지

로컬 스토리지, 내 컴퓨터 Chrome 프로그램 폴더에 저장되어 있는 것이기 때문에 고의로 삭제하지 않는 이상 이 자료는 삭제되지 않는다.

추 후 웹사이트 재 방문 시 활용할 수 있다.

아이디 자동 입력 등의 로그인 옵션을 저장하여 활용하면 좋을 듯 싶음

 

세션 스토리지

세션 스토리지, 브라우저가 서버와의 세션이 유지되는 동안에만 저장되는 데이터이다. 세션이 끊어지면, 저장소에 있는 자료는 삭제된다.

추 후 재접속할 때의 정보는 이 저장소에 담기 부적절하다. 민감하지 않는 정보를 자동입력 기능을 위해 사용하거나, 비 로그인 상태에서 장바구니에 담긴 것들을 로그인 전환 시 장바구니로 옮겨지는 기능을 구현할 때 쓰면 좋을 듯 싶다.

 

쿠키

쿠키는 http의 stateless 특성을 커버하고자 만들어 졌다. 각 개인을 기반으로 한 정보를 제공해야할 때 사용할 수 있다.

쿠키는 4kb용량 제한을 가지며, http요청 시에 서버측으로 같이 전송된다.

HttpOnly를 설정한 쿠키와 Secure를 설정한 쿠키가 있다.

 

Secure 쿠키: 이 웹사이트가 Https 보안이 설정 된 경우에만 이 쿠키를 전송한다.

HttpOnly 쿠키: JS code 상(Document.cookie)에서 쿠키에 접근 불가하고, 서버와의 Http 통신 시에만 전송한다.