본문 바로가기

반응형

manifest

모바일 웹/앱 -> 웹앱 네이티브앱을 만들기만 하던 시대를 지나 이젠 웹으로 앱을 만드는게 보편화 되어버린 시대로 도달했다. 하이브리드앱은 이미 많은 검증을 거쳤고, 상용화되서 시장을 점유하고 있는것이 사실이다. 대표적인 앱제작플롯폼으로 "폰갭(http://phonegap.com/)"을 들 수 있다. 폰갭,앱스프레소, 티타늄들 많이 있지만, 폰갭이 가장 간단하고 사용하기 좋은거 같다. 자바스크립트를 이용한 처리가 작년만 해도 느렸지만, 하드웨어 성능도 향상되고, 자바스크립트 엔진 성능도 향상되어 지금은 네이티브 API를 사용하는것을 거의 따라잡았다고 볼 수 있다. 오프라인에서는 HTML5 캐시 또는 Web Storage 기능등이 있기때문에 온라인이 아니더라도 일반적인 정보를 보여줄 수 있게되었다. (Web Storage, Web.. 더보기
HTML5 offilne cache 인터넷에 연결 되어 있지 않더라도 웹 어플리케이션을 실행 할 수 있도록 HTML5 에서는 어플리케이션 캐시를 지원한다. http://html5.clearboth.org/offline.html 두 부분으로 나누어 생각 해 볼 수 있다. 1. manifest file 2. JavaScript 매니페스트 파일은 캐시될 자원들, 즉 HTML, JavaScript, CSS, Image 등을 기술하는 파일이고 자바스크립트는 캐시된 파일을 업데이트하기 위해 사용한다. * Application Cache 지원여부 확인 if (window.applicationCache) { console.log("지원함"); } else { console.log("지원안함"); } Application Cache 상태 Window.ap.. 더보기
Manifest File 생성하기 http://www.html5rocks.com/en/search?q=cache+manifestmanifest 파일은 어플리케이션 캐시에 다운로드 되고 저장되어 질 HTML, JavaScript, CSS, 이미지 파일들과 같은 리소스들을 기술한다. 웹 페이지가 첫 번째로 로딩이 된 후 부터 , manifest 파일에 기술되어진 리소스 파일들은 웹 서버가 아닌 application cache에서 획득되어 진다.manifest 파일은 다음과 같은 속성들을 가지고 있다: MIME-Type이 text/cache-manifest와 같이 제공되어야 한다. 첫 번째 줄에는 CACHE MANIFEST라는 텍스트를 포함하고 있어야 한다. 그 다음 줄들은 캐시할 각각의 리소스의 URL이나 주석을 포함하고 있다. 주석문들은 .. 더보기

반응형