스토리지

  • 쿠키의 단점을 보완해서 만든 기술이다.
  • key, value로 이루어진 데이터 파일이다.
  • 서버의 자원이 사용하므로 서버의 공간이 필요하다.
  • 기기마다 차이는 있으나 모바일 2.5MB, 데스크탑 5MB~10MB정도 저장 가능하다.
  • 쿠키 보다 보안이 우수하며 많은 정보를 담을 수 있다.
  • Local Storage, Session Storage로 나뉘며 데이터의 만료에 따라 나뉜다. (사용자가 데이터를 삭제하지 않는 한)
  • Local Storage = 만료기한 없음, Session Storage = 세션 종료 시 만료.

데이터의 세션이 끝나면(브라우저 종료) 데이터가 지워진다.
휘발성 데이터를 저장할 때 사용한다.

예시

직방에서 클라이언트의 history 추적을 위해 사용한다.

1. 아파트, 지역, 지하철 명 검색 전에는 HISTORY_TIME만이 존재하는 것을 확인
2. 아파트, 지역, 지하철 명 검색 후에는 HISTORY_INDEX 가 1이 생겨남
3. 해당 매물 클릭하면 HISTORY_INDEX가 2으로 증가한 것을 확인할 수 있음
4. 다른 매물 재 클릭하면 HISTORY_INDEX가 3으로 증가한 것을 확인 할 수 있음
5. 브라우저 뒤로가기 클릭하면 HISTORY_INDEX가 2가 되면서 그 전에 클릭한 매물을 찾아가는 것을 볼 수 있음 (광진구 자양동 16-39 위에 INDEX2와 동일, 해당 매물은 나와 관계 없음)

+ Recent posts