web Storage

Web Storage
			Session Storage	Local Storage	Cookies	파일 시스템 API	파일 시스템 접근 API	WebSQL	Indexed DB
용량			저용량 데이터 저장시 좋음 5MB, 문자열만 저장	5MB~10MB, 문자열만 저장	문자열만 저장				HDD 용량의 50%, 자바스크립트가 해석가능한 형태 저장(jSON 형식,문자/숫자)
동작방식			탭 안에서만 유효하며 탭이 닫히면 스토리지도 종료됨. Sync 방식 동작-메인 스레드 연산을 중단시킴.	Sync 방식 동작, 메인 스레드 연산을 중단시킴	Async방식 동작, 웹 워커에서 접근 불가	Async 방식 동작			Async 방식 동작,  Key-value 형식, Transaction 처리
참고			탭 안에서만 유효하기에 웹 워커나 서비스 워커가 접근 불가	웹 워커나 서비스워커에서 접근 불가	스토리지로 사용하지 않는 것을 권장함	1. 파일 시스템에서 샌드박스 형태로 파일을 읽고 쓸 수 있음 2. Chromium 기반 브라우저에서만 동작	1. 로컬 파일 시스템에 있는 파일을 쉽게 읽고 쓰기 위해 설계된 API. 2. 로컬 파일을 읽거나 쓸 때 반드시 권한을 받아야 하며 한 세션 안에서만 유효함.	1. 권장하지 않음. 2. W3C는 2010년에 WebSQL 스펙 관리를 중단함.
공통	브라우저별	Chrome	원래 디스크 전체 용량의 60%
		IE10이상	250MB
		FireFox	디스크 빈 용량의 50%까지 저장
		Safari	1GB, 750MB를 저장하고 나면 1.1GB까지 저장공간을 사용할 것인지 물어보는 팝업이 뜸
	참고사항	StorageManager API를 활용해서 현재 저장 공간을 얼마나 사용하고 있는지, 총 얼마나 저장 할 수 있는지 확인 가능
		IndexedDB와 캐시 API가 사용하고 있는 용량을 BYTE 단위로 확인 가능하며, 앞으로 얼마나 더 사용 할 수 있는지 확인가능
	용량제한에러 처리방법								QuotaExceededError라는 DomError 발생
	용량관리	최적화(Best Effort) 스토리지와 데이터 보존(Persistent) 스토리지 구분 1) 최적화 스토리지 : 사용자 개입없이 브라우저가 자동으로 데이터를 비움 2) 데이터 보존 스토리지 : 데이터자 자동으로 지워지지 않음. 사용자가 직접 데이터를 비워야 함

 

♥ 제 글이 도움이 되셨을까요? 공감버튼 클릭 부탁드려요 :)

 

 

참고 블로그 : https://han41858.tistory.com/54