Cookie

쿠키는 서버로 다시 보내야하는 데이터를 저장한다.

다양한 옵션 설정을 서버 측 또는 클라이언트 측 (일반적으로 서버 측)에서 설정할 수 있는데, httpOnly 설정이 되면 클라이언트 측에서 액세스할 수 없다.

쿠키는 주로 서버 측에서 읽기(클라이언트 측에서 읽을 수도 있음) 위한 것으로 다양한 옵션 설정(httpOnly, secure 등)을 할 수 있다.

서버와 통신하는 데, 쿠키까지 보내야하기 때문에 서버 부담이 증가하는 단점이 존재

Local Storage

만료일이 없는 데이터를 저장하고 JavaScript를 통해서만 생성되고 지워진다.

브라우저가 종료되어도 직접 삭제하기 전까지 유지되는 특징이 있다.

저장 용량 한도는 3가지 중에서 가장 높다.

불필요한 서버 데이터 저장이 없어 부담이 없지만 HTML4 이하 버전에서는 돌아가지 않는다.

Session Storage

Session Storage 객체는 세션에 대해서만 데이터를 저장한다.

즉, 브라우저 또는 탭이 닫힐 때까지만 데이터가 저장된다.

저장 용량 한도가 쿠키보다 크다(최소 5MB).

Local Storage와 비슷하지만, 브라우저가 꺼졌을 때 소멸된다는 점이 다르다.