Web Development/Javascript

LocalStorage 로컬 스토리지 사용법

짬짬이기록하기 2023. 8. 8. 17:03
반응형

LocalStorage

브라우저의 로컬 스토리지(저장) 공간. key와 value가 한 쌍으로 저장된다. 

[로컬스토리지 캡쳐] 개발자도구 - 애플리케이션 탭에서 key, value를 확인할 수 있다.

- 쓰기 window.localStroage.setItem('key', value)

- 읽어오기 window.localStorage.getItem('key')

- 삭제  window.localStorage.removeItem('key')

TodoList 만들 때 활용했었고, 웹사이트 사용자 테마 지정 시에도 유용하게 쓸 수 있다. 

 

반응형