기존의 웹에서 사용하던 쿠키는 여러 단점이 있어 이를 보안하기 위해 웹 스토리지라는 기술이 탄생함. 웹 스토리지는 로컬 스토리지와 세션 스토리지로 나누어지며 Key와 Value값을 가짐
로컬 스토리지
- 브라우저 클라이언트에 대한 정보를 영구적으로 저장함
세션 스토리지
- 브라우저를 닫을시 클라이언트에 대한 정보를 삭제함
- 장점
- 서버에 불필요하게 정보를 저장하지 않음
- 많은 용량을 저장할 수 있음(약 5mb)
- 단점
- HTML5를 지원하지 않는 브라우저의 경우 사용불가
쿠키
- 장점
- 대부분의 브라우저가 지원함
- 단점
- http를 호출할때마다 request에 포함되어 전송되기 때문에 서버에 부담을 줌
- 용량이 적음(4Kb)
- 자체적인 암호화를 지원하지 않음 -> 이는 JWT토큰 방식으로 해결
'개발 > 프론트엔드' 카테고리의 다른 글
| [ES6] Async와 Promise의 차이점 (0) | 2021.04.11 |
|---|---|
| CSR과 SSR의 차이점 (0) | 2021.03.25 |
| [ES6] 필터링 문법 줄이기 (0) | 2021.03.12 |
| Vue의 라이프사이클과 인스턴스 (0) | 2021.03.08 |
| 이벤트 버블링 (0) | 2021.03.02 |
