LocalStorage

localStorage란?

• 현재 출처의 로컬 저장 공간에 접근할 수 있는 Storage 객체입니다.
• 서버에 저장할 정도로 중요하지 않은 정보를 저장하기 위해 사용됩니다.
  예를 들어
  다음과 같이 오늘 하루 열지 않기 버튼을 클릭 시 로컬스토리지에 해당 정보가 저장되며
  삭제 시 다시 회원가입 페이지가 뜨는 것을 알 수 있습니다.

localStorage에 데이터를 추가하는 방법

localStorage.setItem("key","value")

저장이 된 걸 알 수 있습니다.

localStorage에 저장되어 있는 데이터 가져오는 방법

let a = localStorage.getItem("key")
console.log(a) // value

localStorage에 저장되어 있는 데이터 삭제하는 방법

localStorage.removeItem("key")

데이터가 삭제가 되었습니다.

로컬스토리지의 문제점

• 로컬스토리지에는 저장을 하거나 저장된 값을 불러올 때 데이터가 문자열로만 저장이 됩니다.
  그렇다면 다른 데이터 타입을 저장을 하는 방법은 뭐가 있을까요?

-> 저장을 할 땐 JSON.stringify()를 이용하고 데이터를 가져올 땐 JSON.parse()를 이용해주면 됩니다.