Firefox OS 앱 기초 과정 – 초심자를 위한 스크린캐스트 시리즈

이 글은 Chris Heilmann의 App basics for Firefox OS – a screencast series to get you started의 한국어 번역본입니다.

우리는 몇 일 후부터 Firefox OS용 오픈 웹앱을 어떻게 만드는지에 대해 기초부터 설명하는 스크린캐스트 시리즈를 발표할 예정입니다.

Firefox OS - Intro and hello

각 스크린캐스트는 잠시 쉬는 동안 볼 수 있을만큼 작은 분량일 것입니다. 시리즈 전체를 통틀어도 한시간을 넘지 않을 것입니다. 본 시리즈는 Telenor Digital 사의 Jan Jongboom (@janjongboom)Sergi Mansilla (@sergimansilla), 그리고 모질라의 Chris Heilmann (@codepo8)이 2014년 노르웨이의 오슬로에 있는 Telenor Digital 사의 사무실에서 만든 것입니다.

여기 우리 세명이 시리즈에 대해 소개하는 동영상이 있습니다.

Firefox OS는 모바일 디바이스에 웹을 심어 놓은 운영체제입니다. Firefox OS는 낯선 기술과 낯선 개발환경을 가진 낯선 OS가 아니라 오랜 기간 친숙하게 사용돼온 표준 웹 기술 기반 위에 만들어진 OS입니다. 만약 당신이 모바일 앱을 만들고 싶어하는 웹 개발자라면, Firefox OS가 제공하는 도구들을 이용하면 됩니다. 지금까지 작업해오던 워크플로우를 바꿀 필요도 없고 낯선 개발환경을 새로 배울 필요도 없습니다. 모질라와 Telenor의 개발자가 노르웨이의 오슬로에 모여 만든 이 짧은 비디오 시리즈가 Firefox OS용 어플리케이션을 만드는 방법을 단계별로 설명해줄 것입니다. 당신이 배울 것은 다음과 같습니다:

  • 당신의 첫 Firefox OS용 어플리케이션을 만드는 방법
  • 어플리케이션을 데스크탑과 실제 기기에서 디버깅하고 테스트하는 방법
  • 어플리케이션을 마켓플레이스에 등록하는 방법
  • Firefox OS가 JavaScript 개발자를 위해 제공하는 API와 특별한 인터페이스를 이용해서 스마트폰에 내장된 하드웨어를 이용하는 방법.

스크린캐스트와 더불어 GitHub의 관련 샘플 코드도 함께 다운로드 받을 수 있습니다. 샘플 코드를 직접 테스트하려면 간단한 개발환경을 준비해야 합니다. 준비할 것은 다음과 같습니다:

  • Firefox 현재 버전 (당신이 필요로 하는 개발자 환경을 갖춘 버전) – 최신 기술을 이용하고 싶다면, Firefox Aurora 또는 Nightly를 추천함.
  • 텍스트 에디터 – 스크린캐스트에서는 Sublime Text를 사용했습니다. 하지만, 어떤 에디터를 사용해도 좋습니다. 웹 전문 개발자라면, Adobe Brackets을 사용하는 것도 좋을 것입니다.
  • 로컬 서버 또는 데모 파일을 호스팅할 원격 서버. 일부 데모 앱은 로컬 상태에서는 실행되지 않고 HTTP 커넥션이 있어야 됩니다.

sergi and chris recording

앞으로 몇 일 동안 우리는 다음과 같은 주제를 다룰 것입니다:

  • App Manifest – 웹 페이지를 앱으로 바꿔주는 간단한 JSON 객체
  • App manager와 Firefox OS 시뮬레이터 – 당신의 앱이 Firefox OS 장치에서 어떻게 보이는지 테스트하는 방법과 패키징 포맷 이해하기
  • 실제 기기에서 테스트하기 – 폰을 컴퓨터에 연결하는 방법과 어플리케이션을 원격에서 디버깅하는 방법
  • 마켓플레이스에 배포하기 – 당신의 앱을 다른 사람들이 기기와 웹을 통해 찾을 수 있도록 등록하는 방법
  • Web APIs – JavaScript로 Firefox OS 기기의 기능에 접근하는 방법
  • Web Activities – 기기 안에 앱 생태계를 구축하는 방법과 다른 앱들의 기능을 이용하는 방법
  • Push Notifications – 앱 이용자들에게 보낼 새로운 정보가 있을 때 원격에서 앱을 깨우는 방법
  • 오프라인에서 실행하기 – AppCache, LocalStorage, IndexedDB 를 이용해서 사용자에게 본격적인 앱 경험을 제공하는 방법

시리즈 위키 페이지에서 비디오에 관련된 부가 정보와 관련 링크를 확인할 수 있습니다.

다음 비디오가 언제 발표되는지 알기 위해 매일 방문하는 것이 번거롭다면 트위터에서 @mozhacks를 팔로잉하세요.

jan recording his video

우리는 시리즈를 발표할 때마다 한 곳에서 모든 시리즈를 확인할 수 있도록 위키 페이지를 수정할 것입니다. Telenor는 이 비디오들을 다른 언어로 더빙하는 작업도 진행하고 있습니다. 관심 갖고 기다려주세요.

이 모든 일을 가능하게 해준 Telenor의 Sergi, Jan, Jakob, Ketil, Nathalie, Anne에게 감사를 전합니다.

작성자: ingeeKim

"누구에게나 평등하고 자유로운 웹"에 공감하는 직장인.

ingeeKim가 작성한 문서들…


댓글이 없습니다.

댓글 쓰기