cookie, sessionStorage, localStorage 기술은 모두 클라이언트 측에서 값을 저장하는 key-value 저장소 매커니즘이다.
모두 문자열로만 값을 저장할 수 있다.
| cookie | localStrorage | sessionStorage | |
| 생성자 | 클라이언트 또는 서버 Set-Cookie 헤더를 사용 |
클라이언트 | 클라이언트 |
| 만료 | 수동으로 설정 | 영구 | 탭 종료 시 |
| 브라우저 세션 전체에서 지속 | 만료 설정 여부에 따라 다름 | ㅇ | X |
| 모든 http 요청과 함께 서버로 보냄 | 쿠키는 Cookie 헤더를 통해 자동 전송됨 | X | X |
| 용량 (도메인 별) | 4kb | 5MB | 5MB |
| 접근성 | 모든 윈도우 | 모든 윈도우 | 같은 탭 |
'개발 > FrontEnd Interview' 카테고리의 다른 글
| [Frontend Interview] 왜 css <link>를 <head>내에 선언하고, js <script>를 <body> 직전에 위치시키는 것이 좋은 방법인가? (0) | 2021.01.07 |
|---|---|
| [Frontend Interview] <script> <script async> <script defer> 의 차이점 (0) | 2021.01.06 |
| [FrontEnd Interview] html data- 속성은 무엇에 좋은가? (0) | 2021.01.05 |
| [FrontEnd Interview] 여러 언어로 되어 있는 컨텐츠의 페이지 제공하는법 (0) | 2020.12.31 |
| [FrontEnd Interview] DOCTYPE이란 무엇인가? (0) | 2020.12.31 |
