Cookie, Session, Local Storage

브라우저 저장소

1. Cookie
2. Session Storage
3. Local Storage

?

변수에 저장한 데이터는 새로고침하면 사라지게 된다. 하지만 브라우저 저장소에 저장하면 사라지지 않는다.
각각 차별점에는

Cookie

: 단순 저장소가 아닌 백앤드와 브라우저간에 데이터를 주고 받을때 사용함.

1. 브라우저에서 저장가능 하다
2. 저장내용이 API 요청할 때마다 백앤드로 넘어간다. (저장한것을 어떤 API요청하든 백앤드에 같이 넘어간다)
3. httpOnly, secure등의 옵션을 설정해줄 수 있다.
   • httpOnly : 브라우저에서 Javascript를 이용해 쿠키에 접근할 수 없고 통신으로만 해당 데이터를 주고받을 수 있다.
   • secure : https 통신시에만 해당 쿠키를 받아올 수 있다.

• 브라우저 종료 후에도 기록이 남아있다.
• httpOnly, secure등의 옵션을 설정해줄 수 있다.
  

document.cookike 하면 정보 불러올수 있음.

Local Storage

키: 벨류 형식으로 저장하는저장소(브라우저 컸다 켜도 유지됨)

localStorage.getItem("key") 불러워줘~
localStorage.setItem("key") 저장해줘~

Session Storage

저장소(브라우저 컸다 키면 사라짐)

seessionStorage.getItem("key") 불러워줘~
seessionStorage.setItem("key") 저장해줘~