WEB🔨/자바스크립트

[JavaScript] What is localStorage?

최문경 블로그 2020. 3. 5. 18:23

https://www.youtube.com/watch?v=JaMCxVWtW58&t=2683s

 

이 영상을 보고 localStorage를 처음 알게 되었다.

새로고침을 해도 내가 저장한 책의 정보가 사라지지 않는 데, localStorage에 저장되어있기 때문이다.

처음 봤을 때, 정말 신기했다..

 

 

 

 

참고

https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage

 

Window.localStorage

읽기 전용 localStorage속성은 사용자 로컬의 Storage객체에 접근하게 해줍니다. localStorage는 sessionStorage와 비슷합니다. 유일한 차이점은 localStorage에 저장된 데이터는 만료 기간이 없지만, sessionStorage에 저장된 데이터는 세션이 끝나면(브라우저가 종료되면) 지워진다는 것입니다.

developer.mozilla.org

 

 

// 아이템 추가
// localStorage안에 Tom이라는 값을 가진 myCat을 저장
localStorage.setItem('myCat', 'Tom');

// 아이템 읽기 (getItem)
var cat = localStorage.getItem('myCat');
console.log(cat);  // Tom

// 아이템 삭제
localStorage.removeItem('myCat');

// 아이템 전체 삭제
localStorage.clear();