TIL 101. 브라우저 저장소와 차이

로컬 스토리지(Local Storage)

• 데이터는 브라우저를 닫아도 계속해서 유지됩니다.
• 키-값 쌍으로 데이터를 저장하며, 문자열 형태로만 저장할 수 있습니다.
• 로컬 스토리지는 크기 제한이 있습니다(보통 5~10MB),
  주로 웹 애플리케이션에서 사용자 정보나 설정 등을 저장하는 데 사용됩니다.
• 로컬 스토리지는 동일한 도메인의 모든 페이지에서 공유됩니다.
  • 크롬 브라우저로 어떤 한 url로 접속했을 때 그 url의 로컬 스토리지의 데이터는,
    다른 크롬 브라우저로 접속한 해당 url에도 공유된다.

세션 스토리지(Session Storage)

• 세션 스토리지는 브라우저 세션 동안에만 데이터를 유지하며,
  사용자가 웹 페이지를 다시 방문하면 이전 데이터는 모두 삭제됩니다.
• 키-값 쌍으로 데이터를 저장하며, 문자열 형태로만 저장할 수 있습니다.
• 세션 스토리지는 동일한 브라우저 세션 내에서만 공유됩니다.
  • 크롬 브라우저로 어떤 한 url로 접속했을 때 그 url의 로컬 스토리지의 데이터는,
    다른 크롬 브라우저로 접속한 해당 url에 공유되지 않는다.

쿠키(Cookie)

쿠키는 클라이언트 측에서 데이터를 저장하는 방법입니다.

서버 측에서 생성하여 클라이언트에 전송되어 저장되며, 클라이언트가 다시 서버에 요청할 때마다 서버에 전송됩니다.

쿠키는 이름, 값, 만료일, 경로, 도메인 등의 속성을 가지며, 일반적으로 로그인 상태, 쇼핑 카트, 개인화 설정 등을 저장하는 데 사용됩니다.

쿠키는 클라이언트 측에서 수정 가능하므로 보안상 취약점이 있을 수 있습니다.
또한, 쿠키는 서버에 전송되므로 네트워크 트래픽을 증가시키는 단점이 있습니다.

최근에는 보안상 이유로 쿠키 사용을 제한하는 브라우저도 있습니다.