쿠키는 클라이언트 로컬에 저장되는 카와 값이 들어있는 작은 데이터 파일입니다. document.cookie에는 현재 쿠키 정보가 나옵니다. 사용자 인증이 유요한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지됩니다.
HTTP는 stateless의 특징을 가지고 있기 때문에 요청 자체만으로는 그 요청이 누구에게서 오는지 알 수 없습니다. 쿠키는 처음부터 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어졌기 때문에 통신때마다 서버로 전송이 되어집니다.
매번 전송되는 불편함을 해소하고자 웹스트로지 개념이 도입되었습니다.
- 로컬 스토리지
- 세션 스토리지
웹스트로지는 쿠키에 비해 큰 용량을 저장할 수 있고 서버에 불필요한 데이터를 보내지 않는다는 장점을 가지고 있습니다.
로컬 스토리지는 클라이언트에 대한 정보를 영구적으로 저장합니다. 즉, 애플리케이션을 종료해도 계속적으로 정보가 남아있거 러컬스토리지는 도메인 단위로 저장하기 때문에 서로 다른 도메인에서 로컬스토리지에 접속할 수 있습니다.
세션 스토리지는 애플리케이션이 종료될 경우(브라우저 닫기) 클라이언트에 대한 정보가 삭제됩니다. 입력 폼 정보 저장 같은 경우에 많이 사용됩니다.
쿠키는 클라이언트 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다. 쿠키는 HTTP stateless 특징으로 요청 자체만으로는 그 요청이 누구에게서 오는지 알 수 없습니다. 그래서 처음부터 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어졌기 때문에 통신때마다 서버로 전송이 되어집니다. 이러한 단점으로 인해 나온 것이 웹스트로지 입니다. 웹 스트로지는 쿠키에 비해 큰 용량을 저장할 수 있고 서버에 불필요한 데이터를 보내지 않습니다. 웹스트로지 종류에는 로컬 스트로지, 세션 스트로지가 있습니다. 로컬스트로지는 클라이언트에 대한 정보를 영구적으로 저장하지만 세션 스토리지는 브라우저 닫기 등 애플리케이션이 종료될 경우 정보가 삭제됩니다.
참고자료