웹저장소 종류 4가지

개발하면서 회원가입/로그인 기능을 구현할때 토큰을 어디다가 저장해야할지 사용자가 짧게 가지고있어야할 정보를 어디에 넣어야할지 고민이 많았는데 웹저장소 개념이 헷갈려서 아무데나 저장한 경우가 더러 있었다. 그래서 이 영상을 참조해 개념을 백업백업

 

https://www.youtube.com/watch?v=NnvsMCR9DL0

 

웹저장소 네가지

1. 로컬스토리지
만료기간없이 계속 저장
키벨류 저장소이고 str타입만 지원함
최대저장용량이 많지않음(5mb~10mb)

2. 세션스토리지
브라우저끄면 날아감
자동임시저장용도쯤으로 자주 쓴다고함

3. 인덱스DB
로컬스토리지와 다르게 대용량데이터 저장가능
상대적으로 저수준 API 제공?
본격적으로 저장하겠다면 고려해볼만?

4. 쿠키
저장용량 4kb로 진짜작음
서버데이터 공유용도
데이터 유효기간 지정가능(프론트측에서?)
서버사이드렌더링 시점에 로컬스토리지값을 알방법이 없음
하지만 쿠키데이터는알수있음 > 로딩시간 단축??