Web - 브라우저 저장소(Web Storage란)

종류

이미지
웹브라우저의 저장소에는 크게 두가지 1. 세션 스토리지 2. 로컬 스토리지가 존재합니다.

차이

두 저장소의 차이점은, 수명 과 범위 에 있습니다.

세션스토리지 의 경우 브라우저가 닫히면 저장된 값들이 모두 사라지며 탭과 브라우저간의 공유가 되지 않습니다.

로컬스토리지의 경우 이름 그대로 로컬에 저장되어 브라우저가 종료되더라도 값이 보존되고, 도메인만 같다면 탭과 브라우저간의 공유도 가능합니다.

주의점

웹 브라우저의 저장소(세션 저장소)는 JavaScript로 접근이 가능하기 대문에 XSS 공격에 매우 취약합니다.
인증 토큰등을 담지 않도록 주의해야 합니다.

쿠키와의 차이점

• 쿠키의 경우 저장되는 크기가 상대적으로 매우 작으며(4096kb 브라우저별 상이) 세션 스토리지의 경우 그 크기가 상대적으로 여유롭습니다(약 mb 브라우저마다 상이)
• 쿠키의 경우 특정 조건에 부합하면 사용자의 요청과 함께 임의로 전송이 되지만, 세션 스토리지의 경우 명시적으로 전송이 됩니다.