로컬스토리지 | 세션스토리지 | 쿠키

Yedam Lee·2022년 12월 9일
0

배경

기본적으로 HTTP는 비연결지향, 무상태 프로토콜이므로 어떤한 상태나 데이터를 유지하지 않는다. 상태를 유지하기 위해 쿠키,세션,로컬스토리지를 사용하게 되었다.

로컬스토리지

  • 사용자가 저장한 데이터를 지우지 않는 한 영구적으로 보관이 가능
  • 최대크기 : 5MB(브라우저마다 차이 있음)
  • 사용예시 : 자동 로그인

쿠키

  • 만료 기한이 있음(브라우저를 종료해도 만료 기간이 남아있으면 존재)
  • 웹사이트에서 쿠키 설정을 하면, 모든 웹 요청에는 쿠키 정보가 포함됨(서버 부담 증가)
  • 최대크키: 4KB
  • 사용예시 : 팝업창

세션

  • 브라우저창을 닫으면 데이터가 영구적으로 삭제
  • 최대크기: 5MB
  • 사용예시 : 입력 폼 정보, 비로그인 장바구니
profile
프론트엔드 개발자

0개의 댓글