[🐱 자바스크립트] 로컬스토리지(localStorage) 사용법

🍎 자바스크립트 로컬스토리지 (localStorage)란?

session (세션)

세션이란 일정 시간 (방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점으로부터 웹 브라우저를 종료함으로써 연결을 끝내는 시점) 동안 같은 사용자로 부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술이다.

sessionStorage (세션 스토리지)

웹에서는 일반적으로 읽기 전용 sessionStorage 으로 현재 출처 세션의 Storage 객체에 접근한다.
sessionStorage는 페이지 세션이 끝나는 경우 데이터는 만료되어 사라진다.

localStorage (로컬 스토리지)

데이터의 영구적인 보관이 가능

하지만 localStorage는 페이지 세션이 종료되어도(페이지의 창을 닫아도) 데이터가 사라지지 않고 데이터를 보존한다.
로컬 저장소 는 하나의 웹 브라우저 도메인에 대해 할당해주는 저장 공간으로, 새로고침시에도 데이터의 증발 없이
데이터를 영구적으로 보관할 수 있다.

---

로컬 스토리지 사용법

🍎 로컬 스토리지의 메소드

• setItem('key','value') 키와 값을 전달받아 저장
• getItem('key') 키의 값을 반환
• removeItem('key') 전달받은 키의 데이터 삭제
• clear() 모든 데이터 삭제

🍎 특징

✅ 로컬스토리지의 데이터 이름(키)은 중복될 수 없다. ( 중복되는 경우 해당 키의 값에 재할당 )
✅ 문자열만 저장할 수 있다.

🍎 웹에서 로컬 스토리지 열기

아무 웹 페이지 >마우스 우클릭 > 검사 > Application 탭

---