브라우저 저장소

이재현·2021년 6월 16일
0

로컬스토리지.

HTML5에서 추가 된 저장소.

window.localStorage에 위치
지워지지 않는 이상 영구적인 특성이있음
키-밸류 저장소이다. ex) localStorage.setItem('name','JH');
문자열, 숫자, null, undefined 등이 저장가능 하지만 모두 문자열로 변환됨.
로컬스토리지는 도메인별로 생성된다.
때문에 서로다른 브라우저 탭일지라도, 도메인이 같다면 로컬스토리지를 공유함.
약 5MB의 저장공간

사용예시 : 유저커스터마이징, 자동로그인 등

세션스토리지

로컬스토리지와 함께 HTML5에서 추가 된 저장소.

window.sessionStorage에 위치
브라우저 종료시 함께 지워지게 되는 저장소
키-밸류 저장소
동일탭/윈도우 일지라도 도메인이 다르다면 독립 세션스토리지를 사용함.
사용하는 동안 데이터는 서버측에서 관리된다.
때문에 동접자 수가 많은 경우, 서버에 과부하를 주게 되므로 성능 저하의 요인이 될 수 있다.

사용예시 : 일회용 로그인, 비로그인 장바구니 등

쿠키

클라이언트(브라우저) 로컬에 저장된다.
키-밸류 저장소
유효기간을 지정가능하며, 그 동안은 브라우저가 종료되어도 데이터가 유지됨.
4096bytes 이하의 저장공간

profile
항상 생각하는 개발자

0개의 댓글