Javascript_localStorage

localStorage

• 현재 도메인의 로컬 저장소에 접근할 수 있게 해줌
• 로컬 저장소는 웹 브라우저에서 각 도메인에 대해 할당해주는 저장공간이며,
• 데이터를 영구적으로 보관(브라우저를 껐다 켜거나 페이지 새로고침하여도 해당 도메인에 데이터가 남아있도록 할 수 있음)할 수 있음
• 데이터 보관시, 데이터 이름과 데이터의 실제 값을 각각 지정하며 이때 데이터 타입은 문자열 형태만 허용함
  
  

localStorage 사용방법

• 로컬 스토리지로부터 데이터를 읽거나 쓸 때 메소드를 이용해 접근

• 메소드

  • setItem

    • 기능 : key와 value를 전달받아 저장
    • setItem("key", "value")

  • getItem

    • 기능 : 전달받은 key에 해당하는 value를 반환
    • getItem("key")

  • removeItem

    • 기능 : 전달받은 key에 해당하는 데이터 삭제
    • removeItem("key")

  • clear

    • 기능 : 모든 데이터 삭제
    • clear()