Cookies vs. LocalStorage

Cookies

웹사이트에 의해 유저의 컴퓨터에 놓여지는 작은 텍스트 파일들

Cookies는 최대 4KB의 용량을 가진 매우 작은 양의 데이터

사이트에서 방문한 페이지를 저장하거나 유저의 로그인 정보를 저장하는 등 다양한 방법으로 사용

문자열만 저장할 수 있다는 제한이 있다.

많은 보안 웹사이트들은 로그인을 한 후 Cookies를 사용해 유저의 신원을 확인하여 모든 페이지에서 재인증을 거치지않아도 되게 된다.

사이트에서 제한된 인터넷 사용 기록을 기반으로 사용자에게 추천을 해줄 때 사용되기도 한다.

persistent cookies vs. session cookies

Seesion cookies

만료일을 가지지 않는 쿠키

대신에 브라우저나 탭이 열려있는 동안에만 저장된다.

브라우저가 닫히면 cookies는 영구적으로 삭제된다.

은행 웹사이트에 사용되기도 한다.

Persistent cookies

만료일을 가지는 쿠키

이 cookies는 만료일까지 유저의 디스크에 저장되고 만료일이 지나면 삭제된다.

유저들이 방문할 때마다 유저 기록을 커스텀하기 위해 특정 웹사이트에서 행동을 기록하는 등 여러 활동들에 사용될 수 있다.

LocalStorage

cookies와의 가장 중요한 차이점 중 하나는 모든 HTTP 요청에서 데이터를 주고받지 않는다.

HTTP 요청에서 데이터를 주고받지 않고 LocalStorage를 이용하면 클라이언트와 서버간의 전체 트래픽과 낭비되는 대역폭의 양을 줄일 수 있다.

데이터가 유저의 로컬 디스크에 저장되어 있으면 인터넷이 끊어져도 데이터가 삭제되거나 지워지지 않기 때문이다.

LocalStorage의 만료일은 Persistent cookies와 동일하다.

Javascript 코드를 통해 삭제하지 않으면 데이터는 자동으로 삭제되지 않는다.

LocalStorage를 사용하면 문자열 뿐만아니라 javascript의 primitives와 object도 저장할 수 있다.

LocalStorage는 최대 5MB의 정보를 저장할 수 있다. (Cookies는 4KB)

LocalStorage는 인터넷 연결이 잘 유지되지 않는 지역에서 사용될 수 있다.

커넥트클래스는 트래픽 부담이 적은 스터디 서비스이므로 LocalStorage가 더 적합하다.

하지만 LocalStorage는 보안에 취약하다는 것을 알게 되었다.

그러기 위해서는 연결이 끊겼다가 다시 연결이 되었을때 데이터를 업로드한 다음 로컬에 저장된 버전을 삭제하는 것이 좋다.

추가적으로 쉽게 해킹되지 않도록 저장된 데이터를 암호화해야 한다.

---

---

references

쿠키 vs 로컬스토리지: 차이점은 무엇일까?