쿠키, 세션 로컬스토리지가 필요한 이유?
쿠키가 필요한 이유
쿠키는 웹 초기의 단계에서 사용자 식별과 상태 유지를 통해 웹 어플리케이션의 유용성과 기능성을 향상키기기 위해 사용되었음.
사용자가 설정한 내용을 사이트에 재방문 하였을 때 똑같이 유지시키기 위해서 쿠키라는 기술을 도입하게 되었음.
세션, 로컬스토리지가 필요한 이유
쿠키로도 발생하는 여러 문제를 해결할 수 있지만, 쿠키가 주는 단점 때문에 Html5 표준에 따라서 웹 저장소의 개념이 생겨났다.
쿠키의 단점 : 제한적인 용량, 각 요청마다 서버로 전송하기 때문에 네트워크 트래픽의 증가되고 보안의 우려가 있음.
쿠키와 웹 스토리지의 다른점
- 쿠키는 매번 서버로 전송되지만 웹 스토리지는 클라이언트에 저장되고 서버로 전송되지 않는다.
- 웹스토리지는 문자열 이외에 객체정보를 저장할 수 있다. (브라우저가 지원하느냐에 따라 달라짐)
- 쿠키는 용량, 기한, 개수에 제한이 있지만(4Kb, 만료일까지, 한 사이트 당 20개 최대 300개의 쿠키를 클라이언트에 지정할 수 있음) 웹 스토리지는 제한이 없다.
쿠키
- 쿠키는 클라이언트 측에서 저장되는 작은 텍스트 파일입니다.
- 서버로부터 전송된 쿠키는 웹 브라우저에 저장되며, 이후 해당 웹 사이트를 방문할 때마다 해당 쿠키는 서버로 전송됩니다.
- 쿠키는 일반적으로 사용자 식별, 선호 설정, 장바구니 등의 정보를 저장하는 데 사용됩니다.
- 쿠키는 유효 기간이 있으며, 유효 기간이 지나면 삭제됩니다
로컬 스토리지(Local Storage)
브라우저를 닫았다가 다시 열어도 계속 유지된다.
- 로컬 스토리지는 클라이언트 측에서 데이터를 저장하는 데 사용되는 기술입니다.
- 로컬 스토리지에 저장된 데이터는 브라우저를 종료해도 유지됩니다.
- 로컬 스토리지는 보안 상의 이유로 동일한 도메인에서만 액세스할 수 있습니다.
- 로컬 스토리지는 주로 사용자 프로필, 기본 설정 등의 정보를 저장하는 데 사용됩니다.
세션 스토리지(Session Storage)
브라우저가 열려있는 한 페이지를 새로고침해도 계속 유지된다. 하지만 브라우저를 닫으면 삭제된다.
- 세션 스토리지는 로컬 스토리지와 유사한 기술로, 클라이언트 측에서 데이터를 저장하는 데 사용됩니다.
- 세션 스토리지에 저장된 데이터는 브라우저 세션이 유지되는 동안에만 유지됩니다. 따라서 브라우저를 종료하면 세션 스토리지에 저장된 데이터가 모두 삭제됩니다.
- 세션 스토리지는 로컬 스토리지와 마찬가지로 보안 상의 이유로 동일한 도메인에서만 액세스할 수 있습니다.
- 세션 스토리지는 일회성 로그인, 인증 토큰 등의 정보를 저장하는 데 사용됩니다.
