브라우저 저장소(쿠키,로컬스토리지,세션스토리지)

로컬스토리지와 세션스토리지는 HTML5에서 추가된 저장소
간단하게 key,value 형태로 데이터를 저장할 수 있다.

localStorage

영구 저장 가능, 브라우저 껐다 켜도 남아있음
비밀번호 같은 중요한 정보는 저장하면 안됨

사용 방법
로컬스토리지에 저장 : localstorage.setItem(”key” , ”value”)
로컬스토리지 데이터를 꺼내오기 : localstorage.getItem(”key”)

sessionStorage

브라우저 껐다 키면 사라짐
로컬스토리지와 비슷한데 종료하고 다시 실행하면 데이터가 없다는 점이 다르다.

cookie

영구 저장이 가능해서 브라우저 껐다 켜도 남아있음, 만료시간 지정이 가능하다.
쿠키는 4KB 용량 제한이 있으며, 매 서버 요청마다 서버로 쿠키가 같이 전송되어 백엔드와 연동이 가능하다.