[Html] localStorage와 sessionStorage란?

---

localStorage란

• HTML5에서 브라우저에 추가된 저장소
• 이 저장소에 특정 데이터를 저장,수정,삭제가 가능하다.
• 브라우저 탭이나 창을 종료해도 값이 삭제되지 않는다(직접 지우거나 삭제 코드로).

저장하기

localStorage.key = value;
localStorage["key"] = value;
localStorage.setItem("key", value);

가져오기

const data1 = localStorage.key;
const data2 = localStorage["key"];
const data3 = localStorage.getItem("key");

제거하기

• 원하는 데이터를 지울때는 애당 값에 “key” 값을 입력한다

  localStorage.removeItem('key');
  

• localStorage에 모든 데이터를 지우고 싶을 떄

  localStorage.clear();
  

sessionStorage란

• HTML5에서 브라우저에 추가된 저장소
• 이 저장소에 특정 데이터를 저장,수정,삭제가 가능하다.
• 브라우저 세션 기간 동안만 사용 가능하며 탭이나 창을 종료하면 값이 삭제된다.

sessionStorage에 사용법은 localStorage와 거의 같다.

저장하기

sessionStorage.key = value;
sessionStorage["key"] = value;
sessionStorage.setItem("key", value);

가져오기

const data1 = sessionStorage.key;
const data2 = sessionStorage["key"];
const data3 = sessionStorage.getItem("key");

제거하기

• 원하는 데이터를 지울때는 애당 값에 “key” 값을 입력한다

  sessionStorage.removeItem('key');
  

• sessionStorage에 모든 데이터를 지우고 싶을 떄

  sessionStorage.clear();
  

---

마치며

혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.