브라우저 저장소 3가지.
쿠키 : 영구저장이 가능하고, 만료시간을 설정할 수 있다.
로컬스토리지 : 영구저장이 가능하고(컴퓨터를 껐다켜도 살아있다/)
세션스토리지 : 브라우저를 끄면 사라진다.
각각 데이터를 추가하는 방법
localStorage.setItem("key이름","값")
sessionStorage.setItem("key이름","값")
document.cookie = "키=값"
조회하는 방법
localstorage.getItem(”key”)
sessionStorage.getItem("키")
쿠키의경우 일부값을 가져오려면 정규표현식을 사용하여야하고, 그게 아니라 저장되어있는 모든 값을 가져오기위해서는
document.cookie
라고하면 httpOnly에 체크되어있는것을 제외하고 가져올 수 있다.
(해당부분은 보안설정이 되어있기에 자바스크립트로 접근이 불가하다)
정리!!
로컬, 세션, 쿠키
셋다 객체
로컬: 브라우져 껐다가켜도 살아있음.
세션: 브라우저 껐다가 키면 사라져있음.
로컬 스토리지와 세션스토리지는 벡엔드와는 관련없음쿠키: API요청시 함께 전송됨. 변수에 담아 처리하지 않아도됨.(서버와 긴밀하게 협업)
HTTPOnly가 true면 자바스크립트(document.cookie)로 꺼내올 수 없다.
(보안)
