꾸준한 개발자

계속적인 성장을 추구하는 개발자입니다. 꾸준함을 추구합니다.

계속 쓰는 개발 노트

JAVASCRIPT/자바스크립트 이론

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

gold_dragon 2021. 2. 1. 19:39

쿠키

  • 클라이언트가 서버에 방문한 정보를 브라우저에에 저장하는 작은 파일입니다.
  • 쿠키의 경우 매번 서버에 요청을 할 때마다 같이 보내지기 때문에 쿠키가 크다면 서버에 부담이 갈 수 있습니다.
  • 유효 기간을 지정해 줄 수 있으며 대부분의 브라우저에서 지원합니다.
  • 용량은 약 4KB입니다.

세션

  • 세션은 서버측에서 관리합니다.
  • 서버에서 클라이언트를 구분하기 위해 세션 ID를 부여하고, 웹 브라우저가 서버에 접속해서 브라우저를 종료할 때까지 인증상태를 유지합니다.
  • 쿠키보다 안전하지만, 사용자가 많아질수록 서버 메모리를 많이 차지하게 됩니다

로컬스토리지

  • HTML5에서 추가된 웹 저장소입니다. key-value 스토리지의 형태를 갖고 있으며, 단순하고 사용하기 쉽습니다.
  • key-value 형식의 저장 이외의 기능은 없으며, key와 value는 string 타입이여야 합니다.
  • 직접 삭제하지 않는 한 영구적으로 저장됩니다.
  • 용량은 약 5MB~10MB(브라우저마다 차이가 있습니다.)입니다.
  • 만약 해당 브라우저가 HTML5를 지원하지 않는다면 로컬스토리지를 사용할 수 없습니다.

세션스토리지

  • 세션스토리지 또한 HTML5에서 추가된 웹 저장소입니다.
  • 로컬스토리지와 특징이 같으며, 차이점으로는 브라우저를 닫거나, 탭을 닫을 때, 즉 세션 종료 시 저장된 정보가 삭제됩니다.

 

'JAVASCRIPT > 자바스크립트 이론' 카테고리의 다른 글

REST API란  (2) 2021.02.03
oAuth란  (0) 2021.02.02
브라우저 렌더링 과정  (0) 2021.01.31
클로저란  (0) 2021.01.29
실행 컨텍스트란  (2) 2021.01.28