Post

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

로컬스토리지, 세션스토리지, 쿠키 개념정리

로컬스토리지 (Local Storage)

로컬스토리지는 브라우저에 영구적으로 데이터를 저장하는 방식이다.
이 데이터는 사용자가 직접 삭제하지 않는 한 계속 유지된다.
주로 사용자의 환경 설정, 기본 언어, 로그인 정보 등을 저장하는 데 사용된다.
데이터는 키 값으로 저장된다.


주의사항

데이터가 브라우저에 영구적으로 남아있기 때문에 개인정보같은 민감한 정보는 지양한다.



세션스토리지 (Session Storage)

세션 스토리지는 로컬스토리지와 비슷하지만, 세션이 종료되면 데이터가 증발한다.
세션 스토리지에 저장된 데이터는 브라우저 세션이 유지되는 동안에만 사용가능하다.

주로 세션관리나 임시 데이터에 사용되며, 보안 상 로그인 토큰 등을 저장하는데 유용하다.
세션 스토리지는 브라우저를 닫으면 데이터가 사라지기때문에 보안측면에서 로컬스토리지보다 안전하다.


쿠키(Cookie)

쿠키는 클라이언트와 서버 간에 상태정보를 유지하기 위한 작은 데이터 조각이다.
주로 사용자의 로그인 상태를 유지하거나 사용자가 웹 사이트를 방문할 때마다 설정을 유지하는데 사용된다.

쿠키는 HTTP헤더를 통해 서버에 전송되고, 브라우저에 저장된다.
보안 측면에서는 쿠키를 안전하게 관리하기 위해 HTTPS를 사용하거나 보안 쿠키 속성을 설정해야 한다.
또한, 쿠키에는 브라우저마다 저장할 수 있는 용량이 4KB로 제한되어있다.

결론

로컬 스토리지는 영구적으로 데이터를 저장하고, 세션 스토리지는 세션 동안만 유지되며,
쿠키는 클라이언트와 서버 간의 통신에 사용된다.

로컬스토리지와 세션스토리지는 JS로 접근 가능하며, 데이터 용량과 보안측면의 차이점이 있다.
따라서 상황에 맞게 데이터 지속성과 보안성을 고려하여 적절한 저장방식을 사용하자.

This post is licensed under CC BY 4.0 by the author.