CodeCamp_26일차

어느덧 이곳에 온지도 6주가 되었다..
매일매일 완성해야되는 과제가 줄어들기는 커녕 늘어만 가고있다..
포트폴리오는 가지고 갈수 있을까...

26일차인 오늘은 브라우저 저장소를 배웠다.

브라우저 저장소

브라우저 저장소에는 크게 세가지가 있다.
우리가 토큰을 넣어두는 용도로 사용하고 있는 로컬스토리지,
로컬스토리지와 비슷한 세션 스토리지,
그리고 이름만 봐서는 너무나도 탐나는 쿠키

세가지의 차이점을 한번 알아보자

1. 로컬스토리지

로컬스토리지는 브라우저에서 지원하는 기능으로 쉽게 보면 임시저장소라고 할수있다.
코드캠프에서는 액세스 토큰을 로컬스토리지에 담아 사용하고 있는데
보안이 취약하여 민감한 정보는 담으면 안된다고 한다.

2. 세션스토리지

세션스토리지는 로컬스토리지와 비슷한 기능을 하는 친구인데 한가지 차이점이 있다.
세션스토리지는 브라우저를 종료하고 다시 켰을때 모두다 날아가버리는 휘발성인것이다.

3.쿠키

쿠키는 로컬 스토리지처럼 브라우저를 종료후 재시작 했을때 담았던 정보들이 남아있지만.
api를 요청할때마다(통신할때마다) 백앤드 서버에 쿠키의 내용까지 한번에 보내기 때문에 불필요한 트래픽이 늘어날수가 있다고 한다. 우리는 추후에 쿠키를 이용해 refreshToken을 사용할것이다.