로컬스토리지 세션스토리지 차이점

LocalStorage :  클라이언트에 대한 정보를 영구적(강제로 지우지 않는 이상)으로 보관하는 것

- window.localStorage에 위치

-  키 밸류 저장소이기 때문에 키와 밸류를 순서대로 저장하면 됨

localStorage.setItem('name', 'ksy');
localStorage.setItem('birth', 1993);
localStorage.getItem('name'); // ksy
localStorage.getItem('birth'); // 1993 (문자열)

- clear, getItem, setItem, removeItem, key 등..

 

SessionStorage : 로컬스토리지와 다르게 세션이 종료되면(즉 웹브라우저를 닫을 경우) 클라이언트에 대한 정보를 삭제하는 것

- window.sessionStorage에 위치

- 그 외 localStorage와 동일

 

 

* 장점 : 서버에 불필요하게 데이터 저장안함/ 용량이 큼

* 단점 : HTML4만 지원되는 브라우저라면 지원이 안됨 (HTML5 기능)

 

 

SessionStorage와 LocalStorage 차이점은 단지 기능차이일뿐이다.