Cookie, Web Stroage

1.Cookie🍪

• 서버가 클라이언트에 정보를 전달할 때 저장하고자 하는 정보를 헤더(Set-Cookie)에 저장하여 전달
• key, value 형식의 문자열로 저장
• 이름, 값, 만료 날짜/시간(쿠키 저장기간), 경로 정보 등이 포함
• 클라이언트의 상태 정보를 로컬에 저장했다가 요청(request)할 때 참조

2. Web Stroage

• key-value 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴
• 쿠키와 마찬가지로 사이트의 도메인 단위로 접근 제한
  (A 도메인에서 저장한 데이터는 B 도메인에서 조회할 수 없음) => 데이터의 보안
• Local stroage와 Session stroage로 나뉨

1) Local stroage(영구 저장소)

• 저장한 데이터를 지우지 않는 이상 영구적으로 보관
• 도메인마다 별로도 Local stroage생성(브라우저가 달라도 상관없음)
• windows 전역 객체의 Local stroage라는 컬렉션을 통해 저장과 조회가 이루어짐

2) Session storage(임시 저장소)

• 데이터의 지속정과 엑세스 범위에 제한이 있음
• 브라우저가 종료되면 데이터가 사라짐
• 도메인별로 생성되긴하지만 같은 도메인이라도 브라우저가 다르면 다른 영역이라고 판단되어 각각 다른 Session stroage를 생성(=> Local stroage와의 차이점)
• windows 전역 객체의 Session stroage라는 컬렉션을 통해 저장과 조회가 이루어짐

[Cookie와 Web Stroage의 차이점]
1. 쿠키는 매번 서버로 전송되지만 Web Stroage는 클라이언트에 존재하고 서버로 전송X
(=> 네트워크 트래픽 비용을 줄여줌)
2. Web Stroage는 단순 문자열을 넘어 객체정보를 저장가능
3. Cookie는 개수와 용량에 제한이 있지만 Web Stroage는 용량의 제한이 없음
4. Cookie는 만료일자가 있어서 영구 저장을 못하지만 Web Stroage는 저장 가능

---

공부하며 작성하고 있는 블로그입니다.
잘못된 내용이 있을 수 있으며 혹시 있다면 댓글 달아주시면 감사하겠습니다 😊