클라이언트/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');