쿠키
쿠키는 만료 기한이 있는 키-값 저장소, same site 옵션을 strict로 설정하지 않았을 경우 다른 도메인에서 요청했을 때 자동 전송되며, 4kb까지 데이터를 저장할 수 있고 만료기한을 정할 수 있다. 쿠키를 설정할 때는 document.cookie로 쿠키를 볼 수 없게 httponly 옵션을 거는 것이 중요하며, 클라이언트 또는 서버에서 만료기한 등을 정할 수 있는데 보통은 서버에서 만료기한을 정한다.
로컬 스토리지
로컬 스토리지는 만료기한이 없는 키-값 저장소이다. 10MB까지 저장할 수 있고 웹 브라우저를 닫아도 유지되고 도메인 단위로 저장, 생선된다. HTML5를 지원하지 않는 웹 브라우저에서는 사용할 수 없고 클라이언트에서만 수정이 가능하다.
(보통은 5MB, 코드 : local.html)
세션 스토리지
세션 스토리지는 만료기한이 없는 키-값 저장소이다. 탭 단위로 세션 스토리지를 생성하며, 탭을 닫을 때 해당 데이터가 삭제된다. 5MB까지 저장이 가능하며 HTML5를 지원하지 않는 웹 브라우저에서는 사용할 수 없다.
클라이언트에서만 수정이 가능하다.
https://www.loginradius.com/blog/engineering/guest-post/local-storage-vs-session-storage-vs-cookies/
'웹개발지식' 카테고리의 다른 글
| 좋은코드란? (0) | 2022.07.02 |
|---|---|
| HTTP의 상태코드와 메서드, REST API (1) | 2022.06.27 |
| 브라우저 렌더링과정 (0) | 2022.06.27 |
| 로그인, 쿠키와 세션, JWT 토큰 (3) | 2022.06.27 |
| 브라우저에 naver.com, google.com을 입력후 일어나는일 (0) | 2022.06.23 |
