이 글은 Chris Heilmann의 It’s a wrap! “App Basics for FirefoxOS” is out and ready to get you started의 한국어 번역본입니다.

일주일쯤 전에 우리는 비디오 강좌 시리즈 한편을 완성했습니다. 이 강좌는 Firefox OS용 HTML5 앱을 만드는 방법에 관한 것입니다. 이제 당신은 이 강좌의 모든 비디오를 한번에 학습할 수 있습니다.

Photo by Olliver Hallmann

이 시리즈는 HTML5 앱을 처음 만들려고 하는 웹 개발자를 대상으로 하고 있습니다. 특히 이 시리즈는 신흥 시장에 배포하는 것을 목표로 하고 있습니다. 거기서는 저렴한 Firefox OS 스마트폰이 인기를 끌고 있으며 Firefox OS 스마트폰 사용자를 대상으로 앱을 판매하려는 시도가 일어나고 있습니다.

지난주 내내 우리는 매일 한 편씩 비디오를 릴리즈했습니다.

• 좋은 HTML5 앱이란?
  – 단지 웹 사이트를 앱 형태로 감싼다고 좋은 HTML5 앱이 되는 것이 아님
• 앱 매니페스트(App Manifest)
  – 간단한 JSON 객체로 웹 페이지를 앱으로 변환하는 방법
• 앱 관리자(App Manager)와 Firefox OS 시뮬레이터
  – 당신의 앱이 Firefox OS 기기 위에서 어떻게 보여지는지 테스트하는 방법과 패키징 포맷에 대해 이해하기
• 진짜 기기에서 테스트하기
  – 스마트폰을 컴퓨터에 연결하는 방법과 원격에서 앱을 디버깅하는 방법
• 마켓플레이스(Marketplace)에 발표하기
  – 당신의 앱을 사용자가 자신의 기기나 웹을 통해 찾을 수 있도록 상품 목록에 추가하는 방법
• Web API
  – 자바스크립트로 Firefox OS 기기에 접근하는 방법
• Web Activity
  – 기기 안에서 앱 생태계를 구축하는 방법과 다른 개발자의 도움 없이 다른 앱의 기능을 사용하는 방법
• Push Notification
  – 새로운 알림 정보가 있을 때 원격지에서 앱을 깨우는 방법
• 오프라인 상태에서 동작하기
  – 진짜 앱 같은 경험을 제공하기 위해 AppCache, LocalStorage, IndexedDB를 이용하는 방법
• 더 공부하려면
  – 모질라에 연락하는 방법과 더 공부할만한 자료들.

어제 우리는 이번 강좌의 마지막 비디오를 발표했습니다. 전체 시리즈를 한 번에 보고 싶었던 분들은 지금 시작하면 됩니다.

당신을 위해 다음과 같은 자료들을 준비했습니다.

• 시리즈의 모든 비디오, 추가 설명, 추가 자료 및 관련 링크들을 담고 있는 “Firefox OS를 위한 앱 기초” MDN 페이지
• GitHub에 올린 예제 코드
• 모든 비디오를 순서대로 담고 있는 YouTube 재생목록
• 모든 비디오를 하나로 합친 YouTube 통합 비디오
• GitHub에서 다운로드할 수 있는 HTML5 비디오
• 기타 여러 강좌 시리즈를 담고 있는 Codefirefox.com : 이곳에 있는 스크린캐스트 시리즈를 통해 모질라의 개발 활동에 참여하는 방법을 배울 수 있습니다

다음은 뭘까요?

앞으로도 비슷한 주제를 다루는 비디오가 더 나올 것입니다. 그리고 우리는 그것을 다양한 언어로 바쁘게 더빙할 것입니다. 우리를 돕고 싶다면, 소식을 널리 퍼뜨려주세요. Codefirefox.com에 있는 비디오 강좌들을 확인해주세요. 거기서 우리는 Amara를 이용해서 자막을 만들고 있습니다.

자막과 대본에 대해 이야기하자면, 우리는 사용자가 요구하는 대로 두개 모두를 지원할 계획입니다. 이 계획이 괜찮다고 생각된다면 코멘트를 남겨주세요.

감사합니다

이 모든 것을 가능하게 한 Telenor의 Sergi, Jan, Jakob, Ketil, Nathalie, Anne; Khan Academy의 Brian Bondy; 모질라의 Paul Jarrat, Chris Heilmann에게 깊은 감사를 전합니다. 이 작업을 위해 사용된 기술은 Screenflow, Amazon S3, encoding.com의 Vid.ly, 그리고 YouTube였습니다.