localStorage, sessionStorage

Steve·2021년 3월 15일
0
post-custom-banner

localStorage

localStorage 삭제하기전까지 남아있는, 현재 사용하고 있는 기기에만 저장. 도메인별로 따로 저장됨.같은 도메인내에서 페이지 이동되더라도 인식됨
사용예) 로그인정보, 테마, 사용자 언어 등 DB에 넣을수도 있지만 localStorage에 넣을수있다.
내가 조회했던것들을 파라미터로 들고 다닐 필요없이 localStorage를 이용해서 setItem,getItem으로 값을 불러올 수있다.

문자열 저장시

저장할 때
localStorage.setItem("name", "Steve");
불러올때
localStorage.getItem("name");// key값으로 불러옴

배열, 객체를 storage에 저장할 때

저장할땐 (JSON.stringify)써서 문자화시켜줘야함
let arr = ["a", "b"];
localStorage.setItem("arr", JSON.stringify(arr));
불러올 땐 (JSON.parse)로 역문자화해줘야함
JSON.parse(localStorage.getItem("arr"))// key값으로 불러옴

sessionStorage

sessionStorage 브라워자창을 닫는순간 사라진다
다른페이지에 갔다가 돌아왔을때 delete돼있길 바라는것
저장할 때
sessionStorage.setItem("name2", "Steve");
불러올 대
sessionStorage.getItem("name2");// key값으로 불러옴

profile
Front-Dev
post-custom-banner

0개의 댓글