---

로컬 스토리지(localStorage)

• 클라이언트 사이드 웹 스토리지.
• 로컬에 저장, 검색, 삭제 가능.
• 브라우저 청소를 하지 않는 이상 영구적으로 남음.
• 도메인 단위로 데이터 저장. (약 5MB 정도의 문자 데이터)
• 객체와 비슷하게 key: value 형태
• 사용자 테마, 로그인 정보, 글쓰기 임시 저장, 최근 방문기록 등 활용 가능.
• 개발자 도구 => 저장소 => 로컬 저장소 에서 확인 가능.

로컬 스토리지 문법

• 데이터 추가

localStorage.setItem('데이터이름', '데이터');

• 데이터 읽기

localStorage.getItem('데이터이름');

• 데이터 추가

localStorage.removeItem('데이터이름');

객체 자료 저장하기

• JSON으로 변환해서 저장.
• 로컬 스토리지는 문자로만 저장 가능하기 때문.
• JSON으로 변환

JSON.stringify()

• JSON에서 객체로 변환

JSON.parse()

• 로컬 스토리지에 저장하는 법.

localStorage.setItem('obj', JSON.stringify({name:'park'}) );

---