[JavaScript] 브라우저 저장공간

개발자도구 - Application - Storage

---

1. Local Storage / Session Storage

key : value 형태로 문자, 숫자 데이터 저장가능

Local Storage	Session Storage
문자, 숫자만 key : value 형태로 저장가능
5MB까지만 저장가능
브라우저 재접속해도 영구적으로 남아있음	브라우저 끄면 날라감

 

// 1. 로컬 스토리지 사용법
localStorage.setItem('key', 'value') // 자료 저장
localStorage.getItem('key')          // 자료 가져오기
localStorage.removeItem('key')       // 자료 삭제


// 2. localStorage에 array & object 저장
// 2-1. JSON.stringify() : array/object -> JSON 변환 (문자 취급)
// 2-2. JSON.parse() : JSON -> array/object 변환하고 싶으면 

var arr = [1,2,3];
var newArr = JSON.stringify(arr);
localStorage.setItem('num', newArr);

var SelectedData = localStorage.getItem('num');
SelectedData = JSON.parse(SelectedData);

---

2. Indexed DB 

크고 많은 구조화된 데이터를 DB처럼 저장가능

---

3. Cookies

유저 로그인정보 저장공간

---

4. Cache Storage

html css js img 파일 저장해두는 공간

 

 

 

 

출처: 코딩애플