개발/프론트엔드

로컬 스토리지, 세션 스토리지, 쿠키의 차이점

백산2 2021. 3. 18. 17:51

기존의 웹에서 사용하던 쿠키는 여러 단점이 있어 이를 보안하기 위해 웹 스토리지라는 기술이 탄생함. 웹 스토리지는 로컬 스토리지와 세션 스토리지로 나누어지며 Key와 Value값을 가짐

로컬 스토리지

  • 브라우저 클라이언트에 대한 정보를 영구적으로 저장함

세션 스토리지

  • 브라우저를 닫을시 클라이언트에 대한 정보를 삭제함
  • 장점
    • 서버에 불필요하게 정보를 저장하지 않음
    • 많은 용량을 저장할 수 있음(약 5mb)
  • 단점
    • HTML5를 지원하지 않는 브라우저의 경우 사용불가

쿠키

  • 장점
    • 대부분의 브라우저가 지원함
  • 단점
    • http를 호출할때마다 request에 포함되어 전송되기 때문에 서버에 부담을 줌
    • 용량이 적음(4Kb)
    • 자체적인 암호화를 지원하지 않음 -> 이는 JWT토큰 방식으로 해결