1. Web Storage

Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능으로 쿠키(cookie)와 비슷한 기능이다.

Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(Local Storage)의 임시저장소(Session Storage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다.

Web Storage는 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한된다. 예를 들면, A도메인에서 저장한 데이터는 B도메인에서 조회할 수 없다. (데이터의 보안 측면에서 당연한 것)

2. Web Storage는 왜 필요한가?

쿠키와 Web Storage 모두 브라우저에 저장되지만 쿠키는 단점이 있다. 쿠키의 단점은 Web Storage를 통해서 보완할 수 있다.

쿠키의 단점

• 4KB의 데이터 저장 제한이 있다.
• HTTP Request에 암호화 되지 않은 상태로 사용하기 때문에 보안에 취약하다.
• 쿠키는 모든 HTTP Request에 포함되어 있어 웹서비스 성능에 영향을 줄 수 있다.

3. Web Storage와 Cookie의 비교