// 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');
'클라이언트 > Vue.js' 카테고리의 다른 글
[뷰(Vue)] font awesome (1) | 2023.09.20 |
---|---|
[뷰(Vue)] 깊은 복사(deep copy) (0) | 2023.09.14 |
[뷰(Vue)] Proxy (0) | 2023.08.07 |
[뷰(Vue)] *소소한 프로그래밍: instagram * (0) | 2023.08.04 |
[뷰(Vue)] Vuex, computed (0) | 2023.08.04 |