WebStorage, Cookie, Session비교

1. WebStorage

• localStorage 
• sessionStorage 로 구분된다. 

1. cookie에 비해 큰 데이터를 저장할 수 있다.
2. 서버에 전송 할 필요가 없는 데이터를 유저의 브라우저에 저장한다.
3. key-value 로 데이터를 관리한다.
4. javaScript의 객체를 저장할 수 있다.

 

1-1. localStorage

1. 로컬에 저장된다.
2. 브라우저가 종료되어도 삭제되지 않는다.
3. 따라서 값을 지워주려고 하면 직접 지워줘야한다.

1-2. sessionStorage

1. session (브라우저, 프로세스등)이 종료될때까지 지속된다.
2. session이 종료될때까지 지속되므로 sessionStorage도 데이터가 삭제된다.
3. sessionStorage의 session은 브라우저의 tab을 의미한다.

---

2. Cookie

1. 서버가 사용자의 브라우저에 전송하는 작은 데이터 조각이다.
2. 동일한 서버에 재 요청시 저장된 데이터를 함께 전송한다.
3. stateless Http Protocol에 상태정보를 기억시켜준다.
4. 서버가 유저를 기억하기 위한 수단으로 이용한다.
5. 용량은 4kb의 아주 작은 용량이다.
6. 문자열만 저장 할 수 있다.
7. CSRF취약하다.
8. cookie는 같은 브라우저이면 같은 세션으로 정의한다.

---

3. Session

1. 브라우저가 서버에 연결되어 있는 동안 유지하는 데이터 집합
2. 브라우저가 종료되면 사라지게 된다.
3. 저장데이터에 제한이 없다.

---