본문 바로가기

클라이언트/Vue.js
[뷰(Vue)] sessionStorage

// 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