Html5/offline-web-application - Revision history

Maintenance script: Repair batch-0008 pages from live compare

2026-03-27T01:40:36Z

Repair batch-0008 pages from live compare

← Older revision		Revision as of 01:40, 27 March 2026
Line 1:		Line 1:
	~~[[pagelist~~(html5)&~~#93;]~~		<!-- MONIWIKI PageList(html5) -->
			* [[html5]]
			* [[html5/VA]]
			* [[html5/canvas]]
			* [[html5/communicationAPI]]
			* [[html5/drag-and-drop]]
			* [[html5/form]]
			* [[html5/geolocation]]
			* [[html5/offline-web-application]]
			* [[html5/others-api]]
			* [[html5/outline]]
			* [[html5/overview]]
			* [[html5/richtext-edit]]
			* [[html5/section]]
			* [[html5/video&audio]]
			* [[html5/web-storage]]
			* [[html5/web-workers]]
			* [[html5/webSqlDatabase]]
			* [[html5/websocket]]
			* [[html5/문제점]]
			* [[html5practice]]
			* [[html5practice/roundRect]]
			* [[html5practice/계층형자료구조그리기]]
			* [[html5practice/즐겨찾기목록만들기]]
	__TOC__		__TOC__

Maintenance script: Repair MoniWiki formatting after migration

2026-03-26T14:01:49Z

Repair MoniWiki formatting after migration

← Older revision		Revision as of 14:01, 26 March 2026
Line 158:		Line 158:
	** 개발 중에는 어플리케이션 캐시를 사용하지 않는다.		** 개발 중에는 어플리케이션 캐시를 사용하지 않는다.
	* 오프라인 때 이루어지는 데이터 업데이트는 로컬 스토리지에 저장한다.		* 오프라인 때 이루어지는 데이터 업데이트는 로컬 스토리지에 저장한다.

imported>linflus at 10:30, 11 October 2010

2010-10-11T10:30:53Z

@@ Line 121: / Line 121: @@
 ** swapCache()
 ** 어플리케이션 캐시를 최신 내용으로 바꾼다.
+** (p.254 11.4 그림 삽입)
 = TIPS =

imported>linflus at 10:24, 11 October 2010

2010-10-11T10:24:16Z

@@ Line 87: / Line 87: @@
+  *
 = API와 이벤트 =
 = TIPS =

imported>linflus at 10:18, 11 October 2010

2010-10-11T10:18:13Z

@@ Line 74: / Line 74: @@
 ** NETWORK 섹션에 지정한 대상 URL은 특정 디렉터리 이하로 한정하는 등 신경을 써야 한다.
 ==== 온라인 화이트 리스트 ====
 = API와 이벤트 =
 = TIPS =

imported>linflus at 10:12, 11 October 2010

2010-10-11T10:12:58Z

← Older revision		Revision as of 10:12, 11 October 2010
Line 19:		Line 19:
	** 브라우저에 의해 다운로드되는 파일이므로 웹 서버에서 공개할 필요가 있다.		** 브라우저에 의해 다운로드되는 파일이므로 웹 서버에서 공개할 필요가 있다.
	** 'text/cache-manifest'라는 MIME 타입으로 배포되도록 설정해야 한다.		** 'text/cache-manifest'라는 MIME 타입으로 배포되도록 설정해야 한다.
	** Ex) Apache HTTP Server에서 설정할 때는 mime.types 파일을 수정하면 된다.		** 예) Apache HTTP Server에서 설정할 때는 mime.types 파일을 수정하면 된다.
	** 캐시 매니페스트의 URL을 html 요소의 manifest 속성에 지정해야 한다.		** 캐시 매니페스트의 URL을 html 요소의 manifest 속성에 지정해야 한다.
	**		**
Line 64:		Line 64:
	./ fallback.html		./ fallback.html
	=== NETWORK 섹션 ===		=== NETWORK 섹션 ===
			* NETWORK 섹션 안에 지정된 URL과 일치하는 리소스는 캐시되지 않고 반드시 네트워크를 통해 액세스를 시도한다.
			* NETWORK 섹션에 지정된 URL은 전방일치 검색 방식으로 확인된다.
			* 예
			*
			NETWORK:
			/api/
			** '/api/user'나 '/api/friend'등의 URL은 어느 것이든 반드시 온라인으로 액세스하게 된다.
			* NETWORK 섹션에 지정한 URL이 다른 섹션 내용과 충돌할 경우 브라우저에 따라 예측하지 못하는 동작을 보일 때도 있다.
			** NETWORK 섹션에 지정한 대상 URL은 특정 디렉터리 이하로 한정하는 등 신경을 써야 한다.
			==== 온라인 화이트 리스트 ====
	= API와 이벤트 =		= API와 이벤트 =
	= TIPS =		= TIPS =

imported>linflus at 10:08, 11 October 2010

2010-10-11T10:08:28Z

← Older revision		Revision as of 10:08, 11 October 2010
Line 41:		Line 41:
	* 상대 경로를 이용할 때는 매니페스트를 기준으로 하여 URL를 표시한다.		* 상대 경로를 이용할 때는 매니페스트를 기준으로 하여 URL를 표시한다.
	* 모든 URL은 메인 페이지와 같은 도메인에 소속되어야 한다.		* 모든 URL은 메인 페이지와 같은 도메인에 소속되어야 한다.
			* 메인 페이지
			** manifest 속성을 지정한 html 요소를 가진 페이지.
	== 섹션 ==		== 섹션 ==
	* 'CACHE', 'FALLBACK', 'NETWORK' 섹션이 있다.		* 'CACHE', 'FALLBACK', 'NETWORK' 섹션이 있다.
Line 48:		Line 50:
	* 섹션을 명시적으로 지정하지 않으면 기본값으로 'CACHE' 섹션이 된다.		* 섹션을 명시적으로 지정하지 않으면 기본값으로 'CACHE' 섹션이 된다.
	=== CACHE 섹션 ===		=== CACHE 섹션 ===
			* 캐시할 리소스의 URL을 지정하기 위한 섹션이다.
			* 메인 페이지는 CACHE 섹션에 지정하지 않더라도 자동으로 캐시된다.
			** 관리나 디버그의 부담을 덜기 위해 메인 페이지를 포함하여 캐시되는 모든 리소스를 캐시 매니페스트에 지정해 두는 것이 좋다.
	=== FALLBACK 섹션 ===		=== FALLBACK 섹션 ===
			* 지정된 URL의 리소스가 없을 때 이를 대신할 리소스를 지정하는 섹션이다.
			* 맨 처음 폴백 대상이 되는 URL을 적고 공백이나 탭 뒤에 대체 리소스의 URL을 적는다.
			* 폴백 대상이 되는 URL은 전방일치 검색 방식으로 확인된다.
			* 하나의 URL이 여러 개의 폴백 URL에 일치할 때는 가장 긴 폴백 URL이 적용된다.
			* FALLBACK 섹션은 온라인/오프라인에 상관없이 적용된다.
			* 예
			*
			FALLBACK:
			./ fallback.html
	=== NETWORK 섹션 ===		=== NETWORK 섹션 ===
	= API와 이벤트 =		= API와 이벤트 =
	= TIPS =		= TIPS =

imported>linflus at 09:37, 11 October 2010

2010-10-11T09:37:08Z

@@ Line 32: / Line 32: @@
 * (p247 11.2 그림 삽입)
 = 캐시 매니페스트 =
 = API와 이벤트 =
 = TIPS =

imported>linflus at 09:30, 11 October 2010

2010-10-11T09:30:04Z

← Older revision		Revision as of 09:30, 11 October 2010
Line 27:		Line 27:
	</html>		</html>
	= 캐시 업데이트 =		= 캐시 업데이트 =
			* 업데이트 체크 시 많은 양의 네트워크 리소스를 소비하므로 어플리케이션 캐시는 모든 리소스에 대해 업데이트를 체크하는 것이 아니라 캐시 매니페스트만을 체크한다.
			* 업데이트 체크는 캐시된 웹 어플리케이션에 사용자가 액세스할 때 이루어진다. 혹은
			* JavaScript API를 이용하여 명시적으로 체크할 수 있다.
			* (p247 11.2 그림 삽입)
	= 캐시 매니페스트 =		= 캐시 매니페스트 =
	= API와 이벤트 =		= API와 이벤트 =
	= TIPS =		= TIPS =

imported>linflus at 09:25, 11 October 2010

2010-10-11T09:25:17Z

@@ Line 3: / Line 3: @@
 = 오프라인 웹 어플리케이션 =
-= 애플리케이션 캐시 =
+* 네트워크에 연결되어 있지 않아도 동작하는 어플리케이션.
 = 캐시 업데이트 =
 = 캐시 매니페스트 =