1. 오프라인 웹 어플리케이션 ¶

2. 어플리케이션 캐시 ¶

웹 어플리케이션을 오프라인에서도 사용할 수 있도록 리소스를 클라이언트 쪽에 캐시하기 위한 기능.
리소스
- 웹 어플리케이션을 구성하는 HTML 파일이나 CSS, JavaScript, 이미지 파일 등 URL을 지정하여 브라우조로 액세스하는 파일.
어플리케이션 캐시를 이용하면 웹 어플리케이션에 있어 필수적인 리소스는 캐시 매니페스트에 기록하여 브라우저에 의해 자동으로 캐시되게 한다.
캐시 매니페스트
- 캐시해야 할 리소스를 브라우저에 전달하는 텍스트 파일.
- 확장자는 '.manifest'로 지정하는 것이 관례이다.
- 브라우저에 의해 다운로드되는 파일이므로 웹 서버에서 공개할 필요가 있다.
- 'text/cache-manifest'라는 MIME 타입으로 배포되도록 설정해야 한다.
  - 예) Apache HTTP Server에서 설정할 때는 mime.types 파일을 수정하면 된다.
- 캐시 매니페스트의 URL을 html 요소의 manifest 속성에 지정해야 한다.
  - ```
  <!DOCTYPE html>
  <html manifest="hello.manifest">
  ...
  </html>
```

업데이트 체크 시 많은 양의 네트워크 리소스를 소비하므로 어플리케이션 캐시는 모든 리소스에 대해 업데이트를 체크하는 것이 아니라 캐시 매니페스트만을 체크한다.
업데이트 체크는 캐시된 웹 어플리케이션에 사용자가 액세스할 때 이루어진다. 혹은
JavaScript API를 이용하여 명시적으로 체크할 수 있다.
(p247 11.2 그림 삽입)

캐시할 리소스의 URL을 지정하기 위한 섹션이다.
메인 페이지는 CACHE 섹션에 지정하지 않더라도 자동으로 캐시된다.
- 관리나 디버그의 부담을 덜기 위해 메인 페이지를 포함하여 캐시되는 모든 리소스를 캐시 매니페스트에 지정해 두는 것이 좋다.

NETWORK 섹션 안에 지정된 URL과 일치하는 리소스는 캐시되지 않고 반드시 네트워크를 통해 액세스를 시도한다.
NETWORK 섹션에 지정된 URL은 전방일치 검색 방식으로 확인된다.
예
- ```
NETWORK:
/api/
```
- '/api/user'나 '/api/friend'등의 URL은 어느 것이든 반드시 온라인으로 액세스하게 된다.
NETWORK 섹션에 지정한 URL이 다른 섹션 내용과 충돌할 경우 브라우저에 따라 예측하지 못하는 동작을 보일 때도 있다.
- NETWORK 섹션에 지정한 대상 URL은 특정 디렉터리 이하로 한정하는 등 신경을 써야 한다.

JavaScript를 이용하면 어플리케이션 캐시의 동작을 세세하게 제어할 수 있다.
applicationCache 속성을 참조하여 JavaScript에서 어플리케이션 캐시에 액세스 할 수 있다.
- 'window.applicationCache', 또는 'applicationCache'
어플리케이션 캐시 객체의 속성과 메서드
- status
  - 어플리케이션 캐시의 상태를 나타내는 정숫값.

매니페스트에 버전 문자열을 포함해 둔다.
리소스가 변경되면 반드시 매니페스트도 업데이트 되도록 한다.
- 매니페스트 파일을 동적으로 생성한다.
- 개발 중에는 어플리케이션 캐시를 사용하지 않는다.
오프라인 때 이루어지는 데이터 업데이트는 로컬 스토리지에 저장한다.