Storage & Cookies

Seoyul Kim·2020년 4월 12일
0

Web

목록 보기
3/8

Storage & Cookies

  • 클라이언트의 정보를 저장하는 역할을 하는 것에는 storage와 cookies가 있다.
  • storage는 key와 value가 쌍으로 저장되는 key-value storage이다.

Cookies

쿠키란?

  • 웹사이트에 의해 유저의 컴퓨터에 놓여지는 작은 텍스트 파일로 최대 4KB의 용량을 가진 매우 작은 양의 데이터이다.
  • 사이트에서 방문한 페이지를 저장하거나 유저의 로그인 정보를 저장하는 등 다양한 방법으로 사용되며 문자열만 저장할 수 있다.
  • 많은 보안 웹 사이트들은 로그인 후 cookeis르 사용해 유저의 신원을 확인하여 모든 페이지에서 재 인증을 거치지 않아도 되게 한다.
  • 사이트에서 제한된 인터넷 사용 기록을 기반으로 사용자 경험을 개선한다.
  • 클라이언트에서 서버측으로 요청 시 마다 포함되어 전달된다.

쿠키를 사용하는 이유

  • 클라이언트가 정보를 유지하는 stateful한 성격의 서비스가 점점 많아지는데 정보를 유지할 수 없는 stateless 성격을 가진 HTTP의 단점을 해결하기 위해 쿠키라는 개념이 도입되었다.

persistent cookies vs session cookies

  • session cookies
    - 만료일을 포함하지 않고 브라우저나 탭이 열려있는 동안에만 저장되며 브라우저가 닫히면 영구적으로 삭제된다.(ex)은행 유저들의 자격 증명을 저장되는데 사용된다.)
  • persistent cookies
    - 만료일을 가지며 만료일까지 유저의 디스크에 저장되고 만료일이 지나면 사제된다.
    • 유저들이 방문할때마다 유저 경험을 커스텀하기 위해 특정 웹사이트에서 행동을 기록하는 등 여러 활동들에 사용될 수 있다.

Local Storage

  • HTML5가 나온 이후 cookies의 많은 사용 방법들은 local storage의 사용으로 대체되었다.
  • cookies와 달리 모든 HTTP 요청에서 데이터를 주고 받을 필요가 없다.
  • Local storage를 이용하면 데이터가 유저의 로컬 디스트에 저장되어있기 때문에 인터넷이 끊어져도 데이터가 삭제되거나 지워지지 않으므로 클라이언트와 서버간의 전체 트래픽과 낭비되는 대역폭의 양을 줄일 수 있다.
  • cookies보다 많은 최대 5MB의 정보를 저장할 수 있다.
  • 만료조건은 자바스크립트 코드를 통해 삭제하지 않으면 데이터는 자동으로 삭제되지 않고 문자열 뿐만 아니라 자바스크립트의 primitives와 object도 저장할 수 있다.
  • cookies는 더 작고 모든 HTTP 요청과 함께 서버 정보를 다시 전달해주지만 Local storage는 더 크고 클라이언트측에 정보를 보유할 수 있다.

0개의 댓글