추가 적립 안내

자바스크립트와 HTML5 등의 웹 기술로 만드는 윈도우 앱!

HTML5와 자바스크립트로 만드는 『윈도우 8 앱』. 웹 기술인 HTML5와 자바스크립트로 윈도우 8 앱을 만들고 테스트하고 배포하는 과정을 설명한다. 시스템에 접근하기 위한 WinJS의 특장점을 알아보며, 간단한 앱 예제부터 게임까지 윈도우 8 앱에 관한 모든 것을 담았다. 기존의 웹 개발자들은 쉽게 윈도우 8 앱의 세계로 진입할 수 있고, 네이티브 앱 개발자들은 이전처럼 수많은 코드를 사용하지 않아도 동일한 사용자 경험을 이끌어내는 방법을 알 수 있다.

★ 요약 ★

웹 기술인 HTML5와 자바스크립트로 윈도우 8 앱을 만들고 테스트하고 배포하는 과정을 설명한다. 기존의 웹 개발자들은 쉽게 윈도우 8 앱의 세계로 진입할 수 있고, 네이티브 앱 개발자들은 이전처럼 수많은 코드를 사용하지 않아도 동일한 사용자 경험을 이끌어내는 방법을 알 수 있다. 특히 시스템에 접근하기 위한 WinJS의 특장점을 알아보며, 간단한 앱 예제부터 게임까지 윈도우 8 앱에 관한 모든 것을 이 책에 담았다. 이제 HTML, 자바스크립트, CSS를 아는 웹 개발자도 웹 기술을 사용하여 멋진 윈도우 스토어 앱을 만들어 수백만 잠재 고객에게 배포할 수 있다.

★ 이 책에서 다루는 내용 ★

■ 윈도우 스토어에 앱 퍼블리싱하기
■ 터치, 키보드, 스타일러스 펜, 마우스 등으로 훌륭하게 동작하는 앱 만들기
■ 툴팁(Tooltip), 평점(Rating), 날짜편집기(DatePicker), 플립뷰(FlipView) 자바스크립트 컨트롤 사용하기
■ WinJS ListView 컨트롤로 데이터 표시, 정렬, 필터링 기술 마스터하기
■ HTML5 캔버스를 사용하여 아케이드 게임 만들기
■ 로컬 파일 시스템, 리모트 웹 서비스, IndexedDB 데이터 베이스에 데이터 저장하기
■ 라이브 서비스를 이용하여 사용자 인증, 사용자 프로파일 정보 취득, 스카이 드라이브 사용하기
■ 페이지 컨트롤로 커스텀 WinJS 컨트롤 만들기
■ 다양한 화면 해상도와 세로, 가로모드에서 훌륭하게 동작하는 앱 만들기
■ 웹 캠으로 사진을 찍고 사운드를 재생하는 앱 만들기

★ 소스코드 ★

이 책에 있는 모든 소스 코드는 GitHub에서 다운로드할 수 있다. 다운로드 링크를 누르고 Zip 파일로 압축되어 있는 최신버전의 소스를 내려받자. 이 책에 있는 모든 예제와 샘플은 에이콘출판사 도서정보 페이지에서도 내려받을 수 있다.

★ 저자 서문 ★

만일 소프트웨어 애플리케이션을 만들어 가능성 있는 큰 시장에서 돈을 벌고 싶다면 윈도우 8 앱을 만드는 것은 최선의 방법이 될 수 있다.

마이크로소프트 윈도우는 전 세계에서 가장 인기 있는 운영체제며 전 세계 시장의 90%를 차지하고 있다. 2012년 6월 시점에서, 윈도우 7은 6억 카피 이상 판매됐다. 하지만 윈도우 마켓은 여타 다른 마켓(안드로이드나 아이폰 마켓)에 비해 아주 작은 수준이다.

사용자 모두가 이전 버전의 윈도우를 윈도우 8로 업그레이드하진 않겠지만, 상당히 많은 사용자들이 윈도우 8으로 옮겨갈 것으로 예측된다. 마이크로소프트 CEO 스티브 발머는 (물론, 약간 편파적인 예측이긴 하지만) 2013년 말에는 5억 명의 사용자들이 윈도우 8을 사용할 것이라고 전망했다.

나는 이 멋진 새로운 시장에서 돈을 벌어 멋진 전용 제트기를 사고 싶다. 이 책을 읽고 있는 많은 독자들도 나와 같은 생각일 것이며 나와 같은 목표를 가지고 있을 것이다. 따라서 우리의 목표를 이루기 위한 가장 바람직한 방법은 윈도우 8 앱을 만드는 것이다.

윈도우 8 앱은 윈도우 8 안에서 팔 수 있다. 윈도우 8은 윈도우 스토어를 내장하고 있으며 무료부터 999.99달러까지 가격책정을 할 수 있다. 또한 일정이나 연락처 관리 등을 하는 생산성 앱이나 앵그리 버드, 컷 더 로프 등의 게임 등 여러 종류의 앱을 만들 수 있다.

이 책은 윈도우 스토어 앱을 만들어 윈도우 스토어에서 판매하는 방법을 소개한다. 특히 이 HTML5와 자바스크립트를 사용하여 윈도우 스토어 앱을 만드는 방법을 배울 수 있다.

윈도우 앱은 C#이나 XAML, C++로도 만들 수 있지만, 이 책에서는 자바스크립트와 HTML5 등 웹 기술을 사용하여 윈도우 앱을 만드는 방법을 설명한다.

웹 사이트를 만들 때 사용하는 HTML5와 자바스크립트 그리고 CSS를 이미 알고 있다면 윈도우 스토어 앱을 만드는 것은 아주 쉽다.

이 책은 윈도우 스토어 앱을 만드는 모든 방법을 설명하며 특히 윈도우 자바스크립트(WinJS)를 사용하여 자바스크립트 앱을 만드는 방법을 설명한다. 그리고 WinJS로 평점, 메뉴, 리스트뷰 같은 컨트롤을 사용하는 방법을 알아본다.

또한 윈도우 런타임을 설명한다. 윈도우 런타임을 사용하면 순수한 웹 앱에서는 사용할 수 없는 기능들(비디오, 오디오 캡처 등)을 이용할 수 있다.

이 책의 끝 부분에서는 생산성 앱이나 게임 앱 같은 윈도우 스토어 앱을 만드는 방법을 알아본다. 예를 들어 7장과 8장에서는 리스트뷰 컨트롤을 사용하여 간단한 작업 리스트 앱을 만들며, 12장에서는 Brain Eaters라는 간단한 아케이드 게임을 만들어본다.

이 책을 읽고, 윈도우 스토어 앱을 만들어보자. 앱을 많이 팔면, 우리의 꿈인 전용 제트기도 살 수 있을 것이다.

★ 옮긴이의 말 ★

최근 몇 년간 IT업계의 핫 키워드는 단연 HTML5라고 할 수 있다. HTML5는 대부분의 사람들이 기존 HTML과 차이를 못 느낄 정도의 생소한 분야였지만, 현재는 데스크탑, 모바일을 넘어 자동차 소프트웨어 업계까지 퍼져나가고 있으며 향후에는 HTML5가 쓰이지 않는 분야가 없을 것이라고 많은 전문가가 예측하고 있다. 그러나 아직까지는 HTML5로 멋지게 상용화에 성공한 모델을 찾기가 어려웠던 것도 사실이다.

이렇듯 말만 무성하고 빈 껍데기 같았던 웹 표준 시대에 마이크로소프트에서 윈도우 8을 발표했다.

본문에 자세히 나오지만, 윈도우 8은 애플리케이션을 만드는 데 기존 네이티브 기술에 웹 기술을 더했다. 즉 기존 방식대로 C#, XAML, C++로 앱을 만들 수도 있지만 HTML5와 자바스크립트로도 동일한 사용자 경험을 가진 앱을 만들 수 있다.

종전의 네이티브 기술로는 클라우드 연결, 사용자 인증, 유려한 UI를 만드는 데 수많은 코드가 필요했지만, 윈도우 8에서는 WinJS 자바스크립트 라이브러리의 그리 많지 않은 코드만으로 유려한 사용자 경험을 가진 앱을 만들어 낼 수 있다. 이는 어떻게 보면 가장 상용화에 성공한 HTML5 모델이라 할 수 있다.

저자의 말처럼, 독자 여러분도 이 책을 읽고 HTML5에 윈도우 8의 유려한 사용자 경험을 더해 윈도우 스토어에서 인기를 끄는 멋진 앱을 만들길 기원한다.

감사의 글
옮긴이의 말

1장 윈도우 스토어 앱 만들기
2장 WinJS 이해
3장 관찰자, 바인딩, 템플릿
4장 WinJS 컨트롤 사용
5장 폼 만들기
6장 메뉴와 플라이아웃
7장 ListView 컨트롤
8장 데이터 소스 사용법
9장 앱 이벤트와 상태
10장 페이지 요소와 내비게이션
11장 라이브 커넥트 API사용
12장 그래픽과 게임

찾아보기