from) https://saurabhchirde.hashnode.dev/browser-storages

cookie?

Cookies are small files sent to your browser from websites you visit. These files track and monitor the sites you visit and the items you click on these pages.

쿠키(Cookie)란 사용자가 어떠한 웹 사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일이다.

쿠키 종류는 다음과 같다.

• Session Cookie : 만료시간(Expire date) 설정하고 메모리에만 저장되며 브라우저 종료 시 쿠키를 삭제한다.

• Persistent Cookie : 장기간 유지되는 쿠키파일로 저장되어 브라우저 종료와 관계없이 사용한다.

• Secure Cookie : HTTPS에서만 사용, 쿠키 정보가 암호화되어 전송한다.

• First-Party Cookie : 사용자가 방문한 도메인에서 설정되는 쿠키이다, 웹페이지의 오너가 이 쿠키들을 활용 분석한다.

• Third-Party Cookie : 사용자가 방문한 도메인이 아닌 다른 도메인에서 설정되는 쿠키이다. 주로 사용자의 정보들을 이용하여 광고에 활용한다.

Session

A web session is therefore the amount of time that a user spends browsing a given website: from the moment they arrive on the first page, to the moment they leave the site.

Session이란 단어는 영어에서 어떤 활동이 수행되는 동안의 구분된 시간을 말한다. 따라서 웹에서의 세션은 브라우저에서 사용자가 페이지에 도착해서 떠날때 까지를 말한다.
쿠키와 달리 세션은 브라우저에 저장 되지않고 서버에서 관리된다. 사용자는 세션 ID를 발급받고 그 ID를 쿠키에 저장한다.

Local Storage

localStorage is a way of saving the key-value pair in the web browser and the best part about it is that there is no expiration date meaning that data will still be there in the browser even if you reload the page.

local storage를 사용하면 브라우저에 key-value값을 저장할 수 있다. 세션과 달리 브라우저에 기한없이 저장되므로 비회원 장바구니와 같은 기능을 만들때 유용하다.

Js 문법으로는

• window.localStorage.setItem('key',value) 저장

• window.localStorage.getItem('key', value) 읽기