저장소 종류

1. Local Storage

Key-Value 저장소이다.
key,value는 string타입만 지원함.
최대 저장 용량은 5mb~10mb로 제한이됨.
저장 기간 만료없이 계속 저장 할 수 있다.

2. Session Storage

Key-Value 저장소이다.
key,value는 string타입만 지원함.
같은 페이지여도 다른 탭에 있으면 다른 곳에 저장됨.
refresh 새로고침할땐 데이터 유지됨.
브라우저를 열거나 닫을때 초기화 됨.
Editor등의 자동 임시저장 용도.

1,2 동일한 메서드와 프로퍼티

setItem(key,value) - 키-값 보관
getItem(key) - 키에 해당하는 값을 받아옴
removeItem(key) - 키와 해당값 삭제
clear() - 모든 것을 삭제
key(index) - 인덱스 (index)에 해당하는 키를 받아옴.
length - 저장된 항목의 개수 

3. Cookie

text형식으로 저장.
쿠키는 서버와 데이터를 공유하는 용도로 사용됨.
서버요청에 따라 정보를 담아 보내는 용도로 쓰인다.
데이터 유효 기간을 지정 할 수 있음.
서버사이드 렌더링을 이요할때 중요한 역할임.
서버사이드 렌더링 시점에 로컬스토리지의 값을 알 수 없음. 그러나 쿠키데이터는 알 수 있다.
쿠키에 미리 필요한 데이터를 미리 저장해놓으면 로딩시간 단축을 의미함.
XSS공격에 취약함.(HttpOnly로 XSS공격을 막을 수 있음.)

4. Session

Object형식으로 저장.
브라우저 종료시 삭제됨.

5. IndexdDB

많은 데이터를 저장하고 Index를 이용해 빠르게 검색 할 수 있음.
IndexdDB는 어떤 값이라도 모두 저장 할 수 있음.