HTML5 게임 오프라인 지원 가이드

Source

• Evernote/IFTTT Feedly/HTML5 기반 게임 앱을 모든 브라우저에서 offline에서도 지원하도록 만드는 방법.md

Summary

이 문서는 HTML5 기반 게임 앱을 모든 브라우저에서 오프라인 환경에서도 실행할 수 있도록 만드는 방법에 대한 외부 가이드 링크를 저장한 것입니다. 주요 참고 자료로 ‘blog.sklambert.com’의 포괄적인 가이드와 W3C HTML5 대한민국 관심그룹 블로그의 번역/소개 글을 포함합니다.

Key Points

• HTML5 게임의 오프라인 지원 구현 방법론
• 모든 브라우저 호환성 확보
• 외부 참조: blog.sklambert.com 의 종합 가이드
• 외부 참조: W3C HTML5 KIG 블로그

Related

• HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법

• HTML5 Web App Client-Side Storage 옵션 및 팁

• 오프라인 웹 애플리케이션 만들기 (Mozilla 웹 기술 블로그)

• 2012 년 HTML5 모바일 개발 현황 및 디바이스 API

• HTML5 모바일 앱의 해부학 (Anatomy of a HTML5 Mobile App)

• HTTP 클라이언트 라이브러리의 리다이렉트 지원 방식 제안

• HTML5: 기대와 실망 사이, 브라우저 중심의 새로운 플랫폼 경쟁

• 웹 개발 레시피 (책 소개)

• LungoJS: HTML5 기반 모바일 프레임워크

• 8bit.js: Web Audio API 기반 8비트 사운드 라이브러리

• 리눅스 환경 HLS 스트리밍 참조 링크 모음

• HTML5 Video Player Comparison (2011)

• HTML5 의 핵심: W3C 명세와 실제 웹 플랫폼의 차이

• CSS를 이용한 클라이언트 측 전체 텍스트 검색

• Three.js 시작 가이드 (Aerotwist)

• Hiding Native HTML5 Video Controls in Full-Screen Mode

• HTML5 의 역사: W3C 와 WHATWG 의 분열과 XHTML 의 실패

• HTML5 <time> 요소 제거 논란

• 모바일웹 Device API 표준화 동향 (2009-2011)

• ‘개방’ 웹과 ‘폐쇄’ DRM, HTML5 한 배 타나

• 스마트TV의 미래, HTML5로 그린다

• 파이썬 urllib를 이용한 웹 소스 출력 스크립트

• D3.js를 활용한 한국 지도 시각화 가이드

• HTML5 기반 프리젠테이션 도구 소개

• 시스코-구글, HTML5 코덱 표준화 무산

• 모질라 CTO, W3C의 HTML5 DRM 허용안 비판

• HTML5 표준에 DRM(EME) 도입을 둘러싼 찬반 논란

• grunt-usemin을 사용한 프론트엔드 자산 패키징

• awesome-javascript (스크랩 실패)

• Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

• DTS 코덱 지원 중단 배경

• VueJS 프로젝트에 Prettier + ES6 Lint 적용

• W3C 웹 및 브로드캐스팅 제3차 대면 회의 개요

• JavaScript 학습 자료 (2013)

• 2017 웹 개발 트렌드: PWA, 프레임워크 안정화, GraphQL, AI

• LG 웹OS의 다중 디바이스 확장 전략 및 플랫폼 아키텍처

• 게임 개발팀 A의 정기 회의 매뉴얼

• The “When Can I Use” Web Widget

• Prototype용 선택 상자 플러그인

• Chromecast 에서 Game Boy 에뮬레이터 실행 방법 (개념 증명)

• PC 게임 실행 가능 여부 확인 방법

• Web Animations API: element.animate() (Chrome 36)

• CSS 최신 동향 파악을 위한 Adobe Web Platform 블로그

• The Web Ahead: Jen Simmons 인터뷰 요약

• IETF 85 RTCWeb WG 회의 요약 (JSEP 및 W3C 동향)

• 대시보드 장착 Nexus 7 및 KITT 테마 커스텀 런처

• “앱의 시대”는 끝났다

• ML 기반 번들링: JavaScript 툴링의 미래

• Godot 엔진을 활용한 Spine(SD) 애니메이션 실행 가이드

• 2012년 비즈니스 및 마케팅 트렌드 예측 자료 12선 (슬라이드쉐어)

• 미래형 반응형 웹 디자인 (Warpspire)

• HTML5 Canvas 실시간 드로잉 성능 최적화 가이드

• Web Fundamentals 및 Web Starter Kit 리소스

• Play Framework 2.2 기반 Facebook Canvas 게임 개발 일지

• NDC 2012 강연 자료 링크 모음

• Bower: 웹 프론트엔드 패키지 관리자

• 31 CSS Web Design Galleries You’ll Love

• HTML5 Developer Conference 후기 1

• Roll It 생성 사례 연구

• API 하이퍼미디어 형식 선택 가이드 (HAL, JSON-LD, Collection+JSON, SIREN)

• Yeoman: 도구를 활용한 더 나은 웹 개발

• Web Framework Benchmark Inspired

• KT 경제경영연구소 보고서 모음 (니오 필진)

• requestAnimationFrame 사용법

• API 산업 초기 단계 및 Daum DNA API Meetup 후기

• W3C 웹 결제 표준 개발 그룹 결성

• IT서비스 빅3의 하이브리드 웹앱 전략

• 웹 플랫폼의 지속적 우위와 진화

• End-to-End Hypermedia: 미디어 타입 선택 가이드

• List.js: HTML 리스트의 검색, 정렬, 필터링을 위한 경량 JavaScript 라이브러리

• Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

• 하복(Havok), 모바일 게임 엔진 ‘프로젝트 아나키’ 무료 배포

• The Once And Future Web Platform

• 동방 프로젝트 기반 3D 게임 개발 중간 보고

• 스트리밍 음악 서비스 선택 가이드 (2013)

• Web Audio API의 Android Chrome Beta 지원 (2013)

• 모바일 웹의 쇠퇴에 대한 논의

• VMware Horizon Suite 출시 및 HTML5 VDI 지원

• Hadoop 싱글 노드 설정 가이드 (동영상)

• Distributed Electronic Rights in JavaScript

• Web Speech API 소개 및 구현 가이드

• Google, Web Components 를 웹 개발의 미래로 제시 (2013)

• CSS :scope 가상 클래스의 용도 및 동작 방식

• HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)

• 때로는 아날로그가 디지털보다 강력하다

• End-to-End Hypermedia: 미디어 타입 선택 가이드

• 모든 웹 프로젝트는 PWA여야 한다

• 웹 플랫폼의 진보와 복잡성에 대한 Jake Archibald 의 관점

• WebNode의 제한 사항

• 브라우저 개발자 도구의 25 가지 비법 (2011)

• Ajax 10주년과 웹 기술의 진화

• 오페라, 웹킷 기반 브라우저 ‘오페라아이스’ 개발 배경 및 의미

• Ingress 게임 설명용 신규 비디오 공개

• 웹 개발자를 위한 가상 현실(VR) 가이드 (Smashing Magazine)

• 북마클릿(Bookmarklet) 정의

• Design Patterns in JavaScript (tcorral)

• JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)

• Scrapy 로 웹사이트 크롤링 해보기

• Web Workers: JavaScript 멀티스레딩

• 안드로이드 크롬의 WebRTC 지원 (2013)

• 운영체제의 중요성 감소 (Operating Systems Don’t Matter Much Anymore)

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• JavaScript 기반 분산 컴퓨팅 고려사항

• Firefox OS 한국어 지원 현황 및 로드맵 (2013)

• #)

• 웹의 병목 현상: JavaScript

• PPK의 브라우저 기능 개발 중단 제안에 대한 Opera의 반박

• Chrome DevTools 모바일 스크린캐스트 및 에뮬레이션

• 외국계 기업 리크루터 이메일 지원 가이드

• Chromecast 신규 앱 및 로컬 콘텐츠 스트리밍 지원 발표

• 모바일 브라우저 탭 전환: Swipe vs. Scroll

• It’s Almost Time To Throw Out Your Books

• 폐쇄적인 모바일 혁명과 열린 웹의 종말