브라우저 저장공간, 로컬스토리지 사용법

 

 

1. Local Storage

 

문자, 숫자만 key : value 형태로 저장가능

5MB까지만 저장가능

 

브라우저 재접속해도 정보가 영구적으로 남아있음

유저가 브라우저 청소하면 삭제가능

 

2. Session Storage

 

로컬스토리지와 마찬가지로

문자, 숫자만 key : value 형태로 저장가능

5MB까지만 저장가능

 

브라우저 끄면 사라짐

 

 

3. IndexedDB

 

구조화된 대용량데이터 저장시 사용

 

 

4. Cookies

 

보통 유저의 로그인 인증정보를 저장

 

 

5. Cache Storage

 

html css js 파일 저장

 

 

---

 

로컬스토리지 사용법

 

 

localStorage.setItem('이름', 'kim') //자료저장하는법
localStorage.getItem('이름') //자료꺼내는법
localStorage.removeItem('이름') //자료삭제하는법

 

문자나 숫자만 저장할 수 있다

수정은 바로 못하고 꺼내서 다시 저장해야한다

 

앞에 localStorage 대신 sessionStorage. 로 바꾸면 세션스토리지에 저장할 수 있다