본문 바로가기
Skills/WEB

[용어] 쿠키, 로컬 스토리지, 세션 스토리지

by Hoseok 2024. 2. 3.
728x90
반응형

 

1. 쿠키 (Cookies)


목적: 사용자의 브라우저에 작은 데이터 조각을 저장하여, 서버가 사용자를 식별하고 사용자의 선호나 로그인 상태 등을 기억하는 데 사용됩니다.


수명: 만료 날짜를 설정할 수 있으며, 설정하지 않으면 세션 쿠키가 되어 브라우저가 닫힐 때 삭제됩니다. 만료 날짜가 설정된 쿠키는 해당 날짜까지 영구적으로 저장됩니다.


용량 제한: 대략 4KB로 제한되어 있으며, 많은 양의 데이터를 저장하기에는 부적합합니다.


보안: HTTPS와 Secure 플래그를 사용하여 암호화된 연결을 통해서만 쿠키를 전송할 수 있도록 설정할 수 있습니다.


2. 로컬 스토리지 (Local Storage)


목적: 사용자의 브라우저에 대량의 데이터를 저장할 수 있는 Key-Value 저장소로, 서버와의 불필요한 데이터 전송을 줄이고, 웹 애플리케이션의 성능을 향상시키는 데 사용됩니다.


수명: 영구적으로 데이터가 저장되며, 사용자가 직접 삭제하거나 브라우저 설정을 통해 삭제되지 않는 한 데이터가 유지됩니다.


용량 제한: 대부분의 브라우저에서는 5MB~10MB 사이의 데이터를 저장할 수 있습니다.


보안: 같은 출처의 정책(Same-Origin Policy)에 따라 데이터에 접근할 수 있으며, HTTPS를 사용하지 않는 경우 외부에서 데이터를 읽을 수 있어 보안에 취약할 수 있습니다.


3. 세션 스토리지 (Session Storage)


목적: 사용자의 브라우저 탭 또는 창이 열려 있는 동안 데이터를 임시로 저장하는 Key-Value 저장소로, 사용자가 브라우저를 닫으면 삭제됩니다.


수명: 브라우저의 탭 또는 창이 닫힐 때까지만 유지되며, 탭이나 창을 닫으면 저장된 데이터도 함께 삭제됩니다.


용량 제한: 로컬 스토리지와 비슷하게 대부분의 브라우저에서 5MB~10MB 사이의 데이터를 저장할 수 있습니다.


보안: 같은 출처의 정책에 따라 데이터에 접근할 수 있으며, 로컬 스토리지와 유사하게 HTTPS를 사용하지 않는 경우 보안에 취약할 수 있습니다.


쿠키는 주로 서버와 클라이언트 간의 상태를 유지하기 위해 사용되며, 로컬 스토리지와 세션 스토리지는 주로 클라이언트 측에서 데이터를 저장하고 관리하기 위해 사용됩니다. 

 

 

 

728x90
반응형