Local Storage Session Storage

veloger·2023년 2월 13일
0

REACT 리액트

목록 보기
13/15

Local Storage

  • 가볍게 사용 가능하다. 그러나 기능이 많지 않다.

  • 최대로 저장할 수 있는 용량이 크지 않다.(5mb)

  • 간단한 텍스트 데이터만 저장이 가능하다.

  • 만료 기한이 없다.

  • 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회한다.

Session Storage

  • 브라우저를 끄면 지워진다.

  • 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회한다.

둘은 동일한 메소드와 프로퍼티를 제공한다.

setItem(key, value) - 키/값 쌍을 저장한다.
getItem(key) - 키에 해당하는 값을 받아온다.
removeItem(key) - 키와 해당 값을 삭제한다.
clear() - 모두 다 삭제한다.
length - 저장된 항목의 개수를 출력한다.

0개의 댓글