Local Storage, Session Storage, Cookie

로컬 스토리지(Local Storage)

html5에서 새롭게 등장했으며, key와 value로 이루어져 있으며 저장한 데이터를 영구적으로 보관한다.
영구적으로 보관되기 때문에 브라우저를 종료해도 데이터가 없어지지 않는다. 그래서 데이터를 지우려면 직접 지워야한다.

세션 스토리지(Session Storage)

마찬가지로 html5에서 등장했으며, key와 value로 똑같이 이루어져 있으나 데이터가 영구적이지 않고 브라우저가 종료되면 사라진다.

이미지 출처 : https://inpa.tistory.com/m/entry/JS-%F0%9F%93%9A-localStorage-sessionStorage

로컬 스토리지와 세션 스토리지를 확인하는 방법은 개발자 도구에 들어간뒤 Application 메뉴에 들어가면 된다. 스토리지 뿐만 아니라 쿠키도 확인할 수 있다.

쿠키(Cookie)

쿠키는 웹사이트를 방문하였을 때 웹사이트가 사용하는 서버를 통해서 로컬에 저장되는 작은 데이터이다. key와 value로 이루어져 있고 만료기간등 여러가지 정보가 담겨있다.

쿠키의 특징

웹사이트에서 쿠키를 설정하면 요청을 할 때마다 쿠키도 포함하여 자동 전송된다.
쿠키는 개수와 용량에 제한이 있다.
쿠키는 만료일자를 지정할 수 있다.

참고한 사이트 : https://jindev-t.tistory.com/m/107
https://inpa.tistory.com/m/entry/JS-%F0%9F%93%9A-localStorage-sessionStorage
https://fomaios.tistory.com/m/entry/Network-%EC%BF%A0%ED%82%A4Cookie%EB%9E%80-What-is-a-Cookie