로컬스토리지, 세션스토리지, 쿠키

front_pica·2021년 6월 13일
0

1. 로컬 스토리지

로컬스토리지는 클라이언트에 대한 정보를 영구적으로 저장하는 저장소
ex) 한번 로그인했던 정보를 저장하여 자동 로그인

localStorage.setItem("info", 1) // key = "info", value = 1
localStorage.getItem("info")

2. 세션 스토리지

세션스토리지는 세션 종료(즉 브라우저를 닫을 경우) 클라이언트에 대한 정보를 삭제하는 저장소
ex) 입력 폼에 대한 정보

sessionStorage.setItem("info", 1) // key = "info", value = 1
sessionStorage.getItem("info")

3. 쿠키

쿠키는 만료 기한이 존재하는 저장소
ex) 사용자의 로그인 판단 유무를 가지고 있는 데이터 저장, 하루동안 다시보지않음 창

setCookie("info", 1, 10) //3번째 매개변수는 유효기간을 나타낸다 10 -> 10초
getCookie("info")

출처: https://codepen.io/beaucarnes/pen/KmeRMx?editors=0010

profile
한걸음씩

0개의 댓글