로컬스토리지
- 브라우저 내에 {key: value} 형태로
오리진에 종속되어 저장되는 데이터 - 오리진이 같은 브라우저 내에서 공유된다.
- 사용자가 수동으로 삭제하지 않는 한, 평생 로컬 저장소에 저장되며 만료날짜가 없다. (창이나 탭을 닫거나 컴퓨터를 종료해도 만료되지 않음)
- 최대 저장용량은 5MB
세션스토리지
- 로컬스토리지와 같지만, 사용자가 브라우저에서 탭을 닫으면 데이터가 만료된다.
쿠키
- 서버에서 Set-Cookie로 쿠키를 보내면 클라이언트에서 요청헤더 Cookie에 설정되어 자동으로 서버에 전달되고 브라우저에도 저장된다.
- 클라이언트와 서버 둘 다 조작이 가능하지만, 보통 서버에서 만료기한 등을 설정하며 컨트롤한다.
- 저장용량은 최대 4kb
- 쿠키의 유효기간을 설정해줄 수 있고 안해줄 수도 있다. 유효기간 설정 안해주면 브라우저 종료시 쿠키도 사라짐.
- 옵션
-secure : https로만 쿠키를 주고받을 수 있게 하는 옵션. chrome 52이상에서는 http에서 secure를 쓰는걸 막기 위해 이 사양 무시
-httponly : document.cookie로 접근 불가하게 함
-samesite : 요청이 동일한 도메인에서 시작된 경우만 쿠키가 전송
안녕하세요 ^^