웹 데이터 저장: 로컬 스토리지, 세션 스토리지, 쿠키

웹 어플리케이션은 사용자 데이터를 저장하고 관리하는데 다양한 방법을 제공합니다. 그중 클라이언트 측에서 데이터를 저장하고 관리하기 위한 방법으로  `로컬 스토리지(Local Storage)`, `세션 스토리지(Session Storage)` 그리고 `쿠키(Cookies)`가 있습니다.

로컬 스토리지 (Local Storage)

로컬 스토리지는 브라우저에서 데이터를 영구적으로 저장하는데 사용됩니다. 이 데이터는 브라우저를 종료해도 유지되며, 사용자의 로컬 환경에서 접근이 가능합니다. 주로 사용자 설정과 같은 데이터를 저장하는데 유용합니다.

• 데이터는 문자열로 저장됩니다.
• 브라우저마다 별도로 유지되며, 도메인간에 공유되지 않습니다.
• 저장 용량은 일반적으로 5~10MB이고, 브라우저마다 다를 수 있습니다.  

 

 

세션 스토리지 (Session Storage)

세션 스토리지에 저장된 데이터는 현재 세션이 유지되는 동안만 유효합니다. 브라우저를 종료하거나 탭을 닫으면 데이터가 삭제됩니다.

• 데이터는 문자열 형태로 저장됩니다.
• 로컬 스토리지와 마찬가지로 브라우저마다 별도로 유지됩니다.
• 저장 용량은 로컬 스토리지와 비슷한 용량을 가집니다.

 

 

쿠키 (Cookies)

쿠키는 설정한 만료 날짜 또는 세션 동안만 유효한 영구 쿠키를 사용할 수 있습니다.

만료 기간이 있는 `영구 쿠키(Persistent Cookie) `같은 경우 만료 기간이 끝난 후 삭제 됩니다.

`세션 쿠키(Session Cookie)` 경우 만료 기간이 없고, 브라우저 종료시 삭제됩니다.
사용 예시: 사용자 인증 토큰, 사용자 추적, 웹 사이트의 선호 설정 저장 등에 사용됩니다.

• 개별 쿠키는 일반적으로 4KB 이하의 데이터만 저장할 수 있습니다. 그러나 브라우저에서 저장할 수 있는 쿠키 수에 제한이 없습니다.   
• 쿠키는 서버와 클라이언트 간의 통신에도 사용되며, HTTP 요청과 함께 서버로 전송됩니다. 이를 통해 서버는 클라이언트를 식별하고 사용자 지정 데이터를 전달할 수 있습니다.
• 반면 로컬 스토리지와 세션 스토리지는 클라이언트 측에서만 사용되며, 서버와의 직접적인 통신을 위한 메커니즘이 아닙니다.
• 도메인 간에 공유할 수 있으며, 서버 및 클라이언트에서 접근 가능합니다.