Web Local Storage

jisu243·2022년 2월 9일
0

Server

목록 보기
2/3
post-thumbnail

Web Storage

사용자의 브라우저에 저장되는 데이터

Local Storage

브라우저 창이 닫힌 후에도 지워지지 않는 만료 날짜가 없는 데이터

Section Storage

브라우저 창이 닫힌 후 지워지는 데이터

localStorage 메서드

setItem() : 로컬 스토리지에 키, 값을 추가한다.
getItem() : 키에 맞는 값을 찾는다.
removeItem() : 키에 맞는 값을 삭제한다.
clear() : 로컬 스토리지에 저장된 모든 내용을 삭제한다.

localStorage
// Storage {length: 0}
localStorage.setItem('key','value');
localStorage
// Storage {length: 1}

일반 키와 값을 사용하여 이름을 지정할 수 있지만 아무 문자열이나 될 수 있다.

localStorage.getItem('key')
// 'value'

특정 키의 값을 가져오려면 getItem() 메서드를 사용한다.

localStorage.removeItem('key');

데이터를 삭제하려면 romoveItem() 메서드를 사용한다.

localStorage.clear();

localStorage에 모든 내용을 삭제하려면 clear() 메서드를 사용한다.

profile
프론트엔드 개발자 준비 중

0개의 댓글