Local Storage란? (로컬스토리지)
HTML5에서 브라우저에 추가된 저장소로,
브라우저가 종료되어도 그대로 남아있다.Session Storage란? (세션스토리지)
HTML5에서 브라우저에 추가된 저장소로,
브라우저가 종료되면 백지상태로 되돌아간다.
Cookie란?
브라우저가 가지고 있는 작은 저장소로,
서버에 요청을 보낼때 함께 보낸다.
Local Storage 의 필요성
자주 불러와야 하는 변수를 저장해 놓으므로
매번 선언할 필요가 없어, 메모리 공간과 중복 코드를 줄여준다.
Javascript로 Local Storage사용하기
// index.js
// setItem으로 로컬스토리지에 정보 저장하기
localStorage.setItem("name","value")
// getItem으로 로컬스토리지에서 정보 가져오기
localStorage.getItem("name")
Javascript로 Session Storage사용하기
// index.js
// setItem으로 세션스토리지에 정보 저장하기
sessionStorage.setItem("name","value")
// getItem으로 세션스토리지에서 정보 가져오기
sessionStorage.getItem("name")
Javascript로 Cookie 사용하기
// cookie 불러오기
console.log(document.cookie)
// httpOnly 속성을 가진 cookie는 불러올 수 없다.
반응형
