반응형
반응형

인터넷에 연결 되어 있지 않더라도 웹 어플리케이션을 실행 할 수 있도록

HTML5 에서는 어플리케이션 캐시를 지원한다.

 

두 부분으로 나누어 생각 해 볼 수 있다.

1. manifest file
2. JavaScript

매니페스트 파일은 캐시될 자원들, 즉 HTML, JavaScript, CSS, Image 등을 기술하는 파일이고
자바스크립트는 캐시된 파일을 업데이트하기 위해 사용한다.


* Application Cache 지원여부 확인

if (window.applicationCache) {
console.log("지원함");
} else {
console.log("지원안함");
}

    Application Cache 상태

    Window.applicationCache.status 를 확인하면 현재 캐쉬의 상태를 알 수 있다. 다음과 같이 6개의 상태값을 가질 수 있다. 각 상태값은 applicationCache 에 대문자로 된 상수로 선언되어 있다.

    if ( window.applicationCache.status == window.applicationCache.UPDATEREADY) { // 작업진행 }

  • 0 – UNCACHED
    페이지가 캐쉬를 사용하지 않거나, 맨 처음 접속시에 캐쉬가 다운로드 되기 전까지는 UNCACHED 상태이다.
  • 1 – IDLE
    브라우저가 최신버전의 Application Cache 로 업데이트되었고, 더 이상 다운로드 할 업데이트 버전이 없는 상태
  • 2 – CHECKING
    Manifest 파일이 업데이트 되었는지를 체크하는 상태 ( 현재 캐쉬된 Manifest 파일과 서버의 Manifest 파일을 바이트단위로 비교한다 )
  • 3 – DOWNLOADING
    캐쉬할 파일들을 다운로드 하는 상태 ( 2번 단계에서 Manifest 파일이 업데이트되었다고 알게 되었을 때 )
  • 4 – UPDATEREADY
    새로운 캐쉬의 다운로드가 끝나고 사용할 준비가 되었을 때 ( 아직 이 캐쉬가 사용된건 아님 )
  • 5 – OBSOLETE
    Manifest 파일 자체를 찾을 수 없을 때, 상태는 OBSOLETE로 지정되며 캐쉬는 삭제된다.


처음으로 웹 페이지가 로드 된 후에는 매니페스트 파일에 지정된 자원들은
웹 서버에서 가져오는 것이 아니라 어플리케이션 캐시에서 가져온다.

1. 매니페스트 파일

1.1. CACHE MANIFEST 로 시작한다.
1.2. 캐시 할 URL 들
1.3. 주석은 # 로 시작하고 한 줄만 허용한다.
1.4. 온라인 될 때 접근 해야 할 웹주소는 NETWORK: 으로 표시한다.
1.5. NETWORK: 줄 다음에 부가적으로 캐시 할 파일은 CACHE: 로 지정한다.
1.6. 선택사항으로 FALLBACK: 을 지원하는데 첫번째 항목에서 자원을 찾지 못하는 경우
두 번쨰 항목을 지정할 수 있다.

매니페스트 파일을 선언하는 HTML 파일은 자동적으로 어플리케이션 캐시에 저장된다.
따라서 그 파일을 매니페스트 파일에 넣을 필요가 없다.

HTML 파일에 매니페스트 파일을 선언하기 위해서는 다음과 같이 한다.

<html manifest="myapp.manifest">

만일 매니페스트 파일이 변경되면 자동적으로 어플리케이션 캐시가 업데이트 된다.
웹 서버에 있는 자원이 변경되거나 매니페스트 파일의 날짜가 바뀐다고 해도 자동적으로
업데이트 되지 않는다. 반드시 매니페스트 파일의 내용이 바뀌어야 한다.
주석만 바뀌어도 된다.

어플리케이션 캐시는 DOMWindow 의 속성으로 다음과 같이 얻어 낼수 있다.

cache = window.applicationCache;

수동적으로 업데이트 할려면 다음과 같이 하면 된다.

if(window.applicationCache.status = window.applicationCache.UPDATEREADY)
{
window.applicationCache.update();
window.applicationCache.swapCache();
}

아직 자바스트립트를 사용하여 어플리케이션 캐시에 자원을 더하거나 뺄 수는 없다.

어플리케이션 캐시 이벤트를 처리하기 위해서는 다음과 같이 한다.

cache = window.applicationCache;
cache.addEventListener('updateready', cacheUpdatereadyListener, false);
cache.addEventListener('error', cacheErrorListener, false);


반응형
반응형


굿랩스(http://labs.good.is)


인포메이션 그래픽(Information graphics) 또는 인포그래픽(Infographics), 뉴스 그래픽(News graphics)은 정보, 자료 또는 지식의 시각적 표현이다. 정보를 구체적, 표면적, 실용적으로 전달한다는 점에서 일반적인 그림이나 사진 등과는 구별된다. 복잡한 정보를 빠르고 명확하게 설명해야 하는 기호, 지도, 기술 문서 등에서 사용된다. 차트, 사실박스, 지도, 다이어그램, 흐름도, 로고, 달력, 일러스트레이션, 텔레비전 프로그램 편성표 등이 인포그래픽에 포함된다.

3f61ae2d
95a6b237


[출처]

Tech It!

All about IT Trend

http://techit.co.kr/2919

반응형
반응형

행복으로 가는 길은 단순한 두 원리에 있다.
자신에게 흥미를 불러일으키는 것,
그리고 자신이 잘해낼 수 있는 것이 무엇인지 알아내라.
그것이 무엇인지 알았으면, 모든 정신, 에너지, 야망,
타고난 능력을 거기에 쏟아 부어라.
(The road to happiness lies in two simple principles:
find what it is that interests you and that you can do well,
and when you find it put your whole soul into it-every bit of energy and
ambition and natural ability you have.)
-존 D.록펠러(John D. Rockefeller)

적극적 사고방식의 작가 노만 빈센트 필(Norman Vincent Peale)도
“좋아하니까 하게 되는 그런 일을 하라.
그러면 성공은 저절로 따른다.”라고 말하고 있습니다.
자신이 좋아하는 일을 하는 사람은 누구나,
열정과 에너지를 그것에 쏟아 부을 것입니다.
‘자신이 진정으로 하고 싶은 일을 찾아 하는 것’ 그것이
가장 중요한 일이라 생각합니다.

Norman Vincent Peale, known for his positive thinking,
once said- “Choose to do something you enjoy,
then success will naturally follow suit.”
A person who enjoys what they do will invest all their passion and
energy into their work.
“Finding something you really want to do” is the most important thing.


반응형
반응형

의외라고 생각할지 모르지만
소식을 하는 사람일수록 체력과 지구력이 뛰어나다.
마라톤 선수들을 보면 하나같이 말랐다. 만약
뚱뚱한 사람이 마라톤을 한다면 다리에
몸무게가 실려 장거리를 달릴 수 없다.
소식은 마라톤처럼 동적인 체력뿐 아니라
책상에만 앉아서 근무할 때 필요한
지구력을 기르는 데도 그만이다.


- 고다 미쓰오의《장, 비워야 오래 산다》중에서 -


* 소식을 하되
골고루 먹어야 합니다.
그렇지 않으면 몸은 계속 음식을 부릅니다.
예를 들어 칼슘 1g이 필요하면 이 칼슘이 몸에
들어올 때까지 계속 먹어대 비만을 일으킵니다.
그런 점에서 생식이나 선식은 좋은 대안이
될 수 있습니다. 소식을 하되 골고루
적게 먹어야 건강할 수 있습니다.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

청춘의 기억  (0) 2012.04.30
넓은 세상으로  (0) 2012.04.29
호기심으로 가득찬 아이처럼  (0) 2012.04.26
응원  (0) 2012.04.25
살아있는 맛  (0) 2012.04.24
반응형

계단의 처음과 끝을 다 보려고 하지 마라.
그냥 발을 내디뎌라.
              - 마틴 루터 킹 주니어 -

반응형
반응형


당신의 사이트가 사파리에서 "읽기도구"가 가능하게 하려면? http://mathiasbynens.be/notes/safari-reader


* 적용하려면


1.올바른 마크업을 사용하라.
  가장 중요한 내용이 컨테이너 요소 내부에 포장되어 있는지 확인해라.
   <article>,<div>을 사용하고, 심지어 <span>도 상관하지 않는다. - 이왕이면 <P>를 사용하지 말고.

2.내용이 충분히 있어야 한다.
  충분한 구두점을 사용하고, 충분한 단락을 사용하며, 충분한 단어 사용을 하라.
  모든 단락은 최소 100자는 되어야 한다.

3."읽기도구"는 로컬문서에 대해서는 작동하지 않는다.


Safari Reader Tests

http://www.ravelrumba.com/misc/reader/



Safari Reader


반응형

+ Recent posts