[JavaScript - 18] 로컬 스토리지

로컬 스토리지

window.localStorage

• locaStorage 속성은 현재 도메인의 로컬 저장소에 접근할 수 있게 해 줌
• 로컬 저장소는 웹브라우저에서 각 도메인에 대해 할당해 주는 저장공간으로 여기에 데이터를 영구적으로 보관할 수 있음
  • 영구보관 : 브라우저가 껐다가 켜거나 페이지를 새 로고침해도 해당 도메인에 데이터가 남아있도록 할 수 있음을 말함

• 데이터 보관 시 데이터의 이름과 데이터의 실제 값을 각각 지정하며 데이터 타입은 문자열 형태만 허용
• loacalStorage 사용법
  • 데이터를 읽거나 쓸 때는 메서드를 이용해 접근

  메서드명	기능	사용 예
  setItem	키와 밸류를 전달받아 저장	setItem(”key”,”value”)
  getItem	전달받은 키에 해당하는 밸류를 반환	getItem(’Key’)
  removeItem	전달받은 키에 해당하는 데이터 삭제	removeItem(”key”)
  clear	모든 데이터 삭제	clear()