[Web¦Browser] local, session, cache, cookie

현재 빈약하지만 더 공부해서 추가할 예정!!!

---

✱Local

- key, value 저장

- string 타입만

- 용량 적음(MB단위)

- 만료기간 없음

✱Session

- local과 비슷하지만 만료가 됨 → 브라우저 종료, 새 탭을 열면 초기화

- 하지만 새로고침에는 유지됨

 ex) 에디터에서 글 임시저장 용도

- 사용자나 다른 누군가에게 노출되어서는 안 되는, 서비스 제공자가 직접 관리해야할 정보들을 세션으로 서버가 관리

 ex) 로그인 정보 저장

✱Cookie

- 용량 매우 적음(KB 단위)

- 서버 데이터 공유 용도이기 때문에 많은 데이터를 갖거나 오래 가질 수 있을 수 없게끔

- 만료 시간을 정할 수 있음

- SSR 시점에 서버가 로컬 스토리지를 조회할 수 없고 쿠키는 사용할 수 있기 때문에 SSR에서 유용하게 쓰일 수 있음

- 사용자의 편의를 위하되 지워지거나 조작되도 큰 일은 없을 정보들을 브라우저 쿠키에 저장

 ex) 로그인 아이디 자동완성, 팝업에 오늘 하루 보지 않기, 비로그인 상태로 장바구니 담기

✱Cache

- 웹, 메모리, 안드로이드 등 여러 곳에서 쓰이는 용어

- 가져오는 데 비용이 드는 데이터를 한 번 가져온 뒤 임시로 저장. (비용 절약 용도)

 

 

---

참고📚

유튜브 - [Taehoon] Web Storages

유튜브 - [얄팍한 코딩사전] 쿠키, 세션, 캐시가 뭔가요?