HTML5 는 offline 환경에 대한 고려로서 Application Cache를 지원한다
브라우져의 Cache 기능은 예전부터 있었지만 개발자가 관여할수 없는 영역이었다
하지만 간단한 설정만으로 Cache파일과 그렇지 않은 파일, offline 에서의 파일등을 고려할수 있게 되었다
Application Cache가 고려됨으로 가지게될장점은 offline 대응, 속도, 트래픽 등이 있다
사용법은 아래와같이 각 페이지마다 manifest를 등록해 주면 된다
<!DOCTYPE HTML>
<html manifest="location/demo.appcache">
실제 manifest 내용 (시작은 반드시 CACHE MANIFEST)
CACHE MANIFEST
# cache 파일
CACHE:
http://location/cache/common.css
cache/common.css
common.css
# 네트웍 파일
NETWORK:
http://location/cache/api
cache/api
api
# 네트웍 문제시 파일
FALLBACK
cache/api /offline.json
menifest 파일은 일반적인 텍스트 파일이며 확장자등에 영향 받지않으나 MIME TYPE은 반드시 text/cache-manifest 이어야 한다
그렇다는 것을 해당 cache manifest 파일은 API로 동적으로 구현 가능함을 뜻한다.
주의점!
브라우져는 최초 접속시 manifest설정에 의해 캐쉬를 시작하며
이후 접속시 먼저 캐쉬 파일을 로드 후 manifest의 변경 여부에 따라 캐쉬를 재로드한다.
이는 실제 캐쉬된 파일들의 변경 유무가 아닌 manifest파일의 변경(내용) 유무를 체크한다.
- 이러한 이유로 manifest파일에 버전을 표기해 캐쉬 재로드를 유도한다.
'developer' 카테고리의 다른 글
| FCM 사용을 위한 포트 및 방화벽 정보 (0) | 2019.08.22 |
|---|---|
| mac 리셋 (0) | 2018.08.14 |
| Apache Camel VS Spring Integration (0) | 2018.01.24 |
| iOS push message 버전별 변경 이력 (0) | 2018.01.12 |
| 맥 숨김파일보기 (0) | 2017.04.04 |
WRITTEN BY
,
