LocalStorage 사용법

LocalStorage ?

• html5부터 웹의 데이터를 클라이언트에 저장할 수 있는 webStorage추가
• key/value의 쌍으로 데이터를 저장하고 key를 기반으로 데이터를 조회하는 패턴이다.
• windows전역 객체의 LocalStorage라는 컬렉션을 통해 저장, 조회가 이뤄진다.

SessionStorage ?

• windows전역 객체의 SessionStorage 컬렉션을 통해 저장, 조회가 이뤄진다.

LocalStorage 사용법

데이터 저장하기
localStorage.setItem(key, value); 

 데이터 불러오기 
localStorage.getItem(key);

 데이터 삭제 
localStorage.removeItem(key) 

 모든 것 삭제 
localStorage.clear() 

 index에 해당하는 키 소환 
localStorage.key(index) 

저장된 항목의 수 
localStorage.length

자 그럼 이제 데이터 저장하는 방법은?
배열을 선언하여 각각의 정보들을 배열요소에 추가

저장할거야 = [{id:1, imgURL:"~~", name:"hyo0"},...]```

         
         
         

출처: https://coding-restaurant.tistory.com/294 [코딩맛집]