브라우저 저장소란?
Web Storage는 HTML5부터 추가된 기능
웹사이트의 데이터를 클라이언트에 저장할 수 있다.
key-value로 데이터를 저장하고, key를 기반으로 데이터를 조회
로컬스토리지(Local Storage)
쿠키보다 더 많은 데이터를 저장할 수 있음(쿠키 4KB, 로컬스토리지 최대 5MB)
서버에 데이터를 전송할 필요가 없어서 네트워크 부하를 줄일 수 있음(클라이언트에서 사용)
데이터 만료날짜가 없어서 자동으로 삭제되지 않음
하지만 로컬스토리지에 저장된 데이터는 보안이 취약하다.
로컬스토리지에 저장된 데이터는 사용자가 직접 삭제하지 않는 이상 계속 보관됨
세션스토리지(Session Storage)
세션스토리지는 로컬스토리지랑 비슷하지만 큰 차이점이 있음
세션스토리지에 저장된 데이터는 브라우저 세션이 종료될 때 자동으로 삭제
(브라우저를 닫을 때, 로그아웃할 때)
세션스토리지의 장점은 로컬스토리지와 같고
추가로 세션스토리지는 로컬스토리지보다 데이터 보안성이 좋음(데이터를 삭제하기 때문에)
하지만 클라이언트에 저장된 데이터여서 다른 사람이 접근할 경우
데이터 유출 위험이 있을 수 있음
indexedDB
로컬스토리지와 다르게 많은 양의 구조화된 데이터를 저장하기에 좋음
비동기 처리 방식을 사용해서 빠른 응답 시간 제공
오프라인 작동 가능
하지만 브라우저 호환성이 제한적임(일부 브라우저에서는 지원되지 않을 수 있음)
728x90