Cookie, Local Storage, Session Storage의 차이

 

Cookie, Local Storage, Session Storage는 웹 브라우저에서 정보를 저장하고 사용하는 데 사용되는 저장소입니다. 이 세 가지 저장소의 특징에 대해 정리해봅시다.

 

Cookie

• 네트워크 요청시, 서버로 함께 저장되는 문자열 데이터
• 사용자의 활동 정보를 브라우저에 기록하였다가, 서버로 전달해주는 역할로 사용
• 👉 모든 네트워크 요청마다 쿠키 정보가 포함되어 서버로 전달
• 👉 쿠키가 많아지거나, 네트워크 요청이 늘어나면 네트워크 요청에서 비효율 발생
• 👉 HTML5에서 Web Storage를 등장하게 만든 계기

 

Local Storage

• Web Storage
• key-value 쌍으로 데이터를 저장하고 조회할 수 있는 데이터 저장소
• 서버로 전달되지 않음
• 지우지 않는 이상, 브라우저나 탭을 닫았다 열어도 유지됨

 

Session Storage

• Web Storage
• key-value 쌍으로 데이터를 저장하고 조죄할 수 있는 데이터 저장소
• 서버로 전달되지 않음
• 갑은 탭 안에서는 데이터가 유지되지만 탭을 닫거나 브라우저를 닫으면 데이터가 지워짐

 

---

 

[ 출 처 ]

• 실무 중심! FE 입문자를 위한 React