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
'WEB' 카테고리의 다른 글
브라우저가 지원하는 Storage 확인하는 방법 (0) | 2022.01.07 |
---|