Web Storage 사용하는 방법

항상 사용을 해본다하면서도 이번에 Storage를 한번 정리해보았습니다.

Web Storage 에는 두가지가 있습니다.

1. sessionStorage : 페이지의 세션이 유지되는 동안 사용할수 있습니다.
   => 페이지 리로딩 및 복원을 포함한, 브라우저가 열려있는 동안 사용가능

2. localStorage: 브라우저가 닫히거나 다시 열리더라도 유지됩니다.

사용방법

- 값을 셋팅
storage.setItem(key, value)

- 값을 가져오는 방법
storage.getItem(key)

- 값을 제거하는 방법
storage.removeItem(keyName)

- localStorage 항목의 전체를 제거하는 구문 
localStorage.clear() 

참고사이트 : https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage

Window.localStorage - Web API | MDN