로컬스토리지, 세션스토리지, 쿠키의 공통점과 차이점 ★★★

로컬 스토리지, 세션 스토리지, 쿠키는 클라이언트 측 웹 스토리지 메커니즘으로 데이터를 저장하고 관리하는 데 사용됩니다. 이들 간에는 공통점과 차이점이 있습니다. 

 

공통점:

• 클라이언트 측 스토리지: 로컬 스토리지, 세션 스토리지, 쿠키는 모두 클라이언트 측에서 데이터를 저장하고 관리하는 데 사용됩니다. 이는 서버에서 데이터를 저장하는 서버 측 스토리지와 대조됩니다.
• 도메인 별로 격리: 이러한 스토리지 메커니즘들은 도메인 별로 격리되어 있습니다. 즉, 한 도메인에서 생성한 스토리지는 다른 도메인의 페이지에서 접근할 수 없습니다.
• 용량 제한: 모든 스토리지 메커니즘은 용량 제한을 가지고 있으며, 일반적으로 5MB 정도의 용량을 가집니다.

 

차이점:

 

• 데이터 수명:
  • 로컬 스토리지(Local Storage): 로컬 스토리지에 저장된 데이터는 사용자가 지우지 않는 이상 영구적으로 유지됩니다.
  • 세션 스토리지(Session Storage): 세션 스토리지에 저장된 데이터는 브라우저 세션(session) 동안만 유지됩니다. 브라우저를 닫거나 세션을 종료하면 데이터가 삭제됩니다.
  • 쿠키(Cookie): 쿠키는 만료 날짜 또는 세션 종료 시까지 유지됩니다. 만료 날짜를 설정하면 해당 날짜까지 데이터가 유지되며, 만료 날짜를 설정하지 않으면 세션 종료 시 삭제됩니다.

 

• 용도 및 사용 사례:
  • 로컬 스토리지: 사용자 환경 설정, 테마, 로그인 상태와 같은 영구 데이터 저장에 사용됩니다.
  • 세션 스토리지: 일시적인 데이터, 세션 관리, 회원 가입 프로세스와 같은 임시 데이터 저장에 사용됩니다.
  • 쿠키: 세션 관리, 개인화된 경험, 추적, 장바구니 등 다양한 용도로 사용됩니다. 또한 서버와 클라이언트 간에 상태 정보를 유지하는 데도 사용됩니다.

 

• 서버 전송:
  • 로컬 스토리지와 세션 스토리지: 이들은 서버로 자동으로 전송되지 않으며, 클라이언트 측 스크립트를 사용하여 서버로 데이터를 전송해야 합니다.
  • 쿠키: 쿠키는 HTTP 요청과 함께 자동으로 서버로 전송됩니다. 이를 통해 서버와 클라이언트 간의 상태 정보 교환을 가능하게 합니다.

 

• 보안:
  • 로컬 스토리지와 세션 스토리지: 이들은 보안적으로 비교적 안전하며, 사용자에게 직접 노출되지 않는 한 브라우저에서만 접근 가능합니다.
  • 쿠키: 쿠키는 브라우저와 서버 간에 주고받는 데이터이므로 민감한 정보를 저장할 때 보안적인 고려가 필요합니다.