Web Storage
- 해당 도메인과 관련된 특정 데이터를 클라이언트 웹 브라우저에 저장할 수 있도록 해주는 기능
LocalStorage
- 데이터를 명시적으로 지우지 않는 이상 영구적 보관
- 브라우저 닫아도 유지
SessionStorage
- 브라우저 열려있는 한, 새로고침을 하여도 유지
- 브라우저 닫거나, 탭 이동 시 삭제
Cookie와의 비교
1. 네트워크 트래픽 비용 낮음
- cookie는 설정 이후 모든 웹 요청은 서버로 전송됨
- web storage는 클라이언트에만 존재
2. 객체 정보 저장 가능
- cookie는 string 값 만 저장 가능
- web storage는 객체 정보 저장 가능
3. 용량 제한 없음
- cookie는 개수와 용량에 제한이 있음
- 도메인 당 최대 20개, 클라이언트에 최대 300개
- web storage는 개수와 용량 제한이 없음
4. 영구데이터 저장 가능
- cookie는 만료일 지정이 필수, 지정하지 않으면 session상태로 브라우저가 닫히면 사라짐
- web storage는 만료일 지정이 별도로 없음
