Day 15
큰일이다.! 당장 이틀 후가 실습이라니ㅠㅠ
내일 오후에 앉아서 다시 다 정리해야겠다...
로컬 스토리지 개념 구글링해보고 실습하기
로컬 스토리지
: 사용자(로컬)에 저장하는 임시 저장소 (간단한 데이터 저장)
: 영구적이다 (세션 스토리지와의 차이점)
: 객체의 LocalStorage라는 컬렉션을 통해 저장, 조회가 된다.
로컬 스토리지를 이용한 데이터 저장
// 데이터 저장
localStorage.setItem(이름, 저장할 내용);
// 데이터 불러오기
localStorage.getItem(이름);
// 데이터 삭제
localStorage.removeItem(key)
// 모든 것 삭제
localStorage.clear()
// index에 해당하는 키 소환
localStorage.key(index)
// 저장된 항목의 수
localStorage.length
실습 예제
1. 데이터 저장
2. 데이터 불러오기
3. 데이터 삭제하기
4. 모든 내용 삭제하기
'WEB' 카테고리의 다른 글
[ES6/Javascript] 비구조 할당 (0) | 2022.03.09 |
---|---|
[ES6/Javascript] 변수 선언(let, const), 화살표 함수 선언 (0) | 2022.03.08 |
[Javascript] 이벤트 리스너 (0) | 2022.03.06 |
[Javascript] html 문서(DOM)에 접근하기 (0) | 2022.03.05 |
[Javascript] 자바스크립트 함수 선언 & 호출 (0) | 2022.03.04 |