[Javascript] 브라우저 저장소

 

브라우저의 저장소는 크게 보면 Local Storage, Session Storage, Cookie로 나뉜다.

비교는 간단하게 표로...!

 

	Local Storage	Session Storage	Cookie
할당기준	도메인	도메인	도메인
용량	제한없음	제한 없음	4096바이트
저장 형태	key-value 형태	key-value 형태	key-value 형태
특징	탭이나 브라우저를 닫고 다시 열어도 데이터가 지워지지 않음. 새로고침을 해도 남아있음	탭을 닫으면 데이터가 지워짐. 새로고침을 했을 때는 남아 있음	서버에 매번 요청을 보낼 때 함께 전달됨. 만료시간을 설정할 수 있음.

** 할당기준이 도메인이라는 것은 저장소는 도메인 기준으로 별도로 분리 되어있다는 의미이다. 즉, xxx.com과 yyy.com은 도메인이 다르기 때문에 각각 별도의 브라우저 저장소를 갖게 된다는 의미!