[JS] localStorage 로 히스토리 남기기

localStorage 로컬 스토리지

브라우저 내에 키-값을 쌍으로 하여 값을 저장한다.

브라우저가 다시 닫힌 뒤 다시 실행되어도 값이 유지된다.

키-값은 항상 문자열이어야 한다.

 

또 도메인이나 포트, 프로토콜이 같다면 동일한 모든 창에서 공유된다.

 

 

로컬스토리지의 길이

현재 저장되어있는 데이터의 개수를 알 수 있다.

const localLength = localStorage.length;

 

localStorage.setItem

로컬스토리지에 값을 추가한다.

localStorage.setItem(keyword);

 

키 값 전체 알기

 for문을 통해 로컬스토리지의 인덱스에 해당하는 키에 접근하여

localStorage.getItem(key) 를 통해 키의 값을 알 수 있다.

for (let i = 0; i <= localLength; i++) {
	let key = localStorage.key(i);
	console.log(`key: ${key}`);
	let thisKeyword = localStorage.getItem(key);
		
	console.log(`${i}번 키워드: ${thisKeyword}`);
	
}

 

 

localStorage.removeItem

로컬스토리지의 값을 삭제한다

localStorage.removeItem(key);

 

 

 

📃참고

 

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

Window.localStorage - Web API | MDN

https://ko.javascript.info/localstorage

localStorage와 sessionStorage