로컬스토리지, 세션 스토리지, 쿠키는 브라우저 검사 ==> APplocation에서 볼 수 있다. 전부 key, value형태로 생겼는데 vscode에서도 마찬가지로
localStrage.getItem("키명")
sesssionStorage.getItem("키명")
==> value를 받아오고,
localStrage.setItem("키명","value")
sesssionStorage.setItem("키명","value")
==> 저장할 수 있다
쿠키가져오기
쿠키의 경우에는 조금 모양이 다르다.
document.cookie
를 하면 모든 쿠키가 세미콜론(;)으로 묶여서 나오게된다.
저장을 기준으로 살펴보기
localStrage는 저장한것은 브라우저에 있고, 다시 그 브라우저에 접속해도 살아있다.
sesssionStorage 브라우저 재접속시 저장되어있던것은 지워진다.
쿠키 브라우저를 껐다켜도 살아있으나 만료 시간이 존재한다. (Expies/Max..)
스토리지들과 쿠키의 가장 큰차이:
쿠키는 저장한내용들을 벡엔드와 주고받기가 가능하다. request-header에 자동으로 붙기때문에 벡엔드에서 쿠키에 넣어주고 싶은 데이터 있는경우 넣어 보내줄 수도 있다.
그럼 accessToken은 어디에 저장하나.
애는 보안목적상 변수에 넣어준다.
: API를 요청 --> 결과로 accessToken받아옴 --> 받아온 토큰을 변수에 저장 --> 그 변수에 저장한 것을 HTTP HEADER에 추가해 추가적인 API요청
_typename: 아폴로캐시 저장기준이됨
