로컬스토리지의 개념

로컬스토리지는 웹 스토리지 객체로 브라우저 내에 { key : value } 형태로 오리진에 종속되어 저장되는 데이터를 말합니다. (오리진이 같은 브라우저 내에서 공유 됩니다.)

• 하나의 키에 오로지 하나의 값만 저장됩니다.

• 데이터는 사용자가 브라우저에서 수동으로 삭제하지 않는 한 평생 동안 로컬
  저장소에 저장되며 만료날짜가 없습니다. 사용자가 창이나 탭을 닫아도, 컴퓨터를 종료해도 만료되지 않습니다.

• 최대 저장용량은 5MB입니다.

• 보통 사용자의 행위를 기억할 때, 로그인을 유지하기 위한 값 등으로 사용되며 로컬 스토리지 데이터는 자동으로 서버로 전송되지 않습니다. (쿠키는 자동 전송됨)

사용법

• 설정 : localStorage.setItem(key, value);
• key에 해당하는 value가져오기 : localStorage.getItem(key);
• 제거 : localStorage.removeItem(key);
• 전체제거 : localStorage.clear()