브라우저 저장소에 대해 알아보자
브라우저 저장소란 웹 사이트에서 사용하는 데이터를 브라우저에 저장하는 공간으로
데이터를 효율적으로 관리할수 있지만 저장된 데이터는 보안 위험에 노출될 수 있으므로, 중요한 정보는 저장하지 않는 것이 좋다
로컬 스토리지(Local Storage)
로컬 스토리지는 key-value 형태로 데이터를 저장하며
사용자가 삭제하기 전까지는 브라우저를 닫았다 다시 열어도 데이터가 유지된다
localStorage.setItem('key', 'value') // 데이터 저장
localStorage.getItem('key') // 데이터 불러오기세션 스토리지(Session Storage)
로컬 스토리지와 마찬가지로 key-value 형태로 데이터를 저장한다
하지만 세션 스토리지는 브라우저를 닫았다 다시 열면 데이터가 사라진다
sessionStorage.setItem('key', 'value') // 데이터 저장
sessionStorage.getItem('key') // 데이터 불러오기쿠키(Cookie)
쿠키는 이름, 값, 만료 일자 및 경로 정보 등으로 구성된다
쿠키는 사용자가 삭제하기 전, 만료가 되기전 까지는 브라우저를 닫았다 다시 열어도 데이터가 유지된다
로컬 스토리지와는 다르게 httpOnly라는 속성을 부여하면 자바스크립트로 접근이 불가능해진다 통신으로만 사용가능
또한, Scure속성을 부여하면 웹브라우저와 서버가 HTTPS로 통신하는 경우에만 쿠키를 서버로 전송하는 옵션이다
