클라이언트/Vue.js
[뷰(Vue)] sessionStorage
Hana_h
2023. 8. 16. 10:07
// sessionStorage
- 브라우저의 세션 기간 동안 특정 정보를 저장해 둘 수 있다.
- 새로고침을 해도 데이터가 유지된다. (창을 닫으면 사라진다.)
// 저장
- Object 형식일 경우 꺼내쓰기가 힘들기 때문에 문자열로 변환하여 저장하는 것이 좋다.
( 그냥 문자열일 경우 그대로 저장하면 된다.)
sessionStorage.setItem(키, 값);
sessionStorage.setItem('setUser', JSON.stringify(user)); //Object 형식일 경우
// 불러오기
- Object를 문자열로 변환하여 보낸 것을 받을 경우, 다시 Object로 변환해주어야 한다.
sessionStorage.getItem(키);
const user = JSON.parse(sessionStorage.getItem('setUser'));
// 삭제
- 세션에 저장되어 있는 값을 삭제한다.
sessionStorage.removeItem('키');
sessionStorage.removeItem('setUser');