728x90

현재 내가 사용하는 Browser가 지원하는 Storage 종류 확인하는 방법

 

<Chrome>

개발자도구(Ctrl+Shift+C, 혹은 F12) -> Application -> 좌측 Storage 영역에서 확인 가능

 

 

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

728x90

'WEB' 카테고리의 다른 글

web Storage  (0) 2022.01.07
728x90
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

728x90

'WEB' 카테고리의 다른 글

브라우저가 지원하는 Storage 확인하는 방법  (0) 2022.01.07

+ Recent posts

티스토리툴바