html5 - 해당되는 글 3건

 

 

 

 

 

하루 한 시간, HTML5 모바일 앱 프로그래밍

 

 

저자: 제니퍼 커닌

역자: 김경균 ,최지훈

 

출간예정일: 20121221()

정가: 32,000

페이지: 564

판형: 190 x 245

ISBN: 978-89-94774-27-5

 

원서정보: Sams Teach yourself, HTML5 Mobile Application Development

 

관련분류

-모바일 프로그래밍/안드로이드

-모바일 프로그래밍/아이폰

 

 

 

책 소개

 

웹은 매우 빠르게 변화되고 있다. 새로운 브라우저의 버전이 몇 년 아니라 몇 달에 한 번씩 릴리스되며 새로운 장치들이 언제나 출시되고 있다. 웹 개발자에게는 최신 동향과 기술 이해가 중요할 텐데, 현재 유행하는 기술은 HTML5.

 

이 책에서는 하루 한 시간이면 학습할 수 있는 24개의 장을 통해, 스마트폰, 태블릿 그리고 그 외의 다른 장치들에서 사용자와 상호작용하는 강력한 모바일 애플리케이션을 만드는 새로운 방법을 배울 수 있다.

 

여러분은 이 책의 특징인 직관적이고 단계별 접근 방법을 통해 아이패드/아이폰 혹은 안드로이드 장치를 위한 실용적인 기술을 익힐 수 있다. 이 책은 빠른 속도로 새로운 모바일 애플리케이션을 만드는 방법, 이전의 애플리케이션을 업그레이드하는 방법, 최신의 미디어 콘텐츠를 제공하는 방법, 지오로케이션에서부터 시맨틱 웹에 달하는 고급 기능을 활용하는 방법, 그리고 심지어 복잡한 백엔드 개발을 단순화하는 방법에 대해서도 다루고 있다. 또한 각 장마다 배운 내용을 토대로 실습을 할 수 있고, 이를 통해 현실에서 바로 사용 가능한 실용적인 기초를 배울 수 있다.

 

이 책에서는 각 장마다 다음과 같은 섹션을 제공하여 여러분의 학습에 도움을 주고 있다:

 

따라하기 가장 일반적인 HTML5 모바일 개발에 기초를 두고 차근차근 진행된다.

퀴즈실습 각 장의 마지막에 위치하며, 여러분이 그 장에서 배운 지식을 테스트하는 데 도움을 준다.

참고 각 장의 주제와 관련된 흥미 있는 정보를 제공한다.

알아두기 작업을 수행하는 데 있어서 충고할 점이나 작업을 수행하기 위한 가장 쉬운 방법을 제공한다.

주의사항 발생 가능한 문제들에 대한 경고 및 그러한 문제들을 피하기 위한 방법을 제공한다.

 

 

이 책에서 여러분은 다음과 같은 내용을 배울 수 있다:

 

n  모바일 개발에 유용한 새로운 HTML5 태그 사용하기

n  기존의 브라우저에서 이미 지원되고 있는 HTML5 기능을 사용하여 빠르게 시작하기

n  모바일 장치와 HTML5 지원 여부를 감지하고 사이트 업그레이드하기

n  좀더 효과적이고 유용한 모바일 앱을 위해 스타일을 적용하고 생성하기

n  jQuery 모바일을 사용하여 모바일 앱을 빠르게 생성하기

n  HTML5에서 향상된 그리기와 타이포그래피 기능 활용하기

n  여러분의 앱에 미디어 콘텐츠를 효과적으로 통합시키기

n  HTML5의 섹셔닝 요소들과 시맨틱 요소들을 사용하여 의미 부여하기

n  이전보다 쉽게 드래그앤드롭 기능 구현하기

n  로컬 저장소를 사용하는 오프라인 앱 만들기

n  지오로케이션 API를 통해 위치 데이터를 감지하고 사용하기

n  컴퓨터에 친화적인 웹 페이지를 만들기 위해 마이크로포맷과 마이크로데이터 사용하기

n  웹 소켓, 웹 워커 그리고 파일 API를 사용하여 강력한 백엔드 기능 추가하기

n  히스토리 API를 사용하여 사용자 탐색정보 향상시키기

 

 

웹 페이지는 컴퓨터에서만 사용되는 것이 아니다

 

HTML은 주로 컴퓨터의 웹 브라우저를 위해 사용되었었지만, 스마트폰과 태블릿 컴퓨터 같은 장치의 등장으로 말미암아 지금은 좀 더 많은 사람들이 모바일 장치를 통해 웹 페이지에 접속하고 있다.

 

이 책의 모든 장에서는 해당하는 장의 내용을 웹 브라우저와 모바일 장치에서도 적용되게 하는 방법에 관한 예제를 제공하며, 모바일 장치에서 좀 더 훌륭하게 보이게 애플리케이션을 수정하는 기술도 설명한다.

 

이 책으로 여러분은 안드로이드와 iOS(아이폰, 아이패드, 아이팟 터치 장치들) 같은 대다수의 인기 있는 모바일 스마트폰과 태블릿에서 동작하는 애플리케이션을 만드는 방법을 배운다. 그리고 안드로이드와 iOS 장치에서 실행되는 화면의 스크린숏뿐만 아니라 이들 장치에서 실행되는 경우에 발생하는 차이점에 관한 팁과 주의사항도 볼 수 있다.

 

 

독자대상

초급

 

 

 

저자소개

 

제니퍼 커닌 (Jennifer Kyrnin)

1997년부터 지금까지 온라인에서 HTML, XML, 웹 디자인을 강의하고 있다. 그녀는 다양한 고객을 위해 단일 페이지로 구성된 규모가 작은 팸플릿 사이트부터 수천 페이지로 구성된 큰 사이트까지 모든 종류의 웹 사이트를 만들고 유지/보수한 경험이 있다. 현재 워싱턴 주의 자그마한 농장에서 남편과 아들 그리고 동물 여러 마리와 함께 살고 있다.

 

 

 

역자소개

 

김경균

, 윈도우 기반 프레임워크 및 응용프로그램 개발자로 일하고 있다. 2007년부터 3년간 마이크로소프트 MVP(ASP.NET)로 활동했으며 Taeyo.NET의 운영진으로 활동하고 있다. 《실전 jQuery 쿡북》, 《이제 시작이야! jQuery 모바일》을 번역하기도 했으며, 앞으로도 훌륭한 기술 서적들을 번역할 계획을 가지고 있다. 개인 블로그는 http://blog.dayofdays.net이다.

 

최지훈

지오시스 지마켓에서 결제담당 개발자로 일하고 있다. 현재 태오닷넷(Taeyo.net) 운영진으로 활동 중이며, 한때 마이크로소프트 MVP(ASP.NET)로도 활동했다. jQuery jQuery 모바일 그리고 HTML5 Windows Phone 개발에 관심이 있으며, 기회가 된다면 jQuery 모바일이나 Windows Phone 8 관련된 책을 집필할 예정이다. 최근 관심사는 스타트업 분야이며, 조만간 가지 아이디어를 HTML5 이용하여 (모바일 ) 애플리케이션으로 구체화할 생각이다. 아직 밤샘을 해도 끄떡없는 체력을 가지고 있다고 자신하며 개발에 매진하고 있다. 개인 블로그는 http://www.neostyx.net이다.

 

 

 

 

목차

 

 

PART I 공개 웹 표준을 사용하여 웹 페이지와 웹 애플리케이션 만들기

 

HOUR 1 HTML5를 사용한 모바일 웹 애플리케이션 개선

 

HTML 버전 5까지의 과정 이해하기

HTML5와의 차이점

웹 애플리케이션 정의하기

공개 웹 표준 사용하기

IOS와 안드로이드 장치를 이용하여 HTML5 사용하기

모바일 웹 사이트 작성하기

요약, 질문과 답변, 워크숍

 

HOUR 2 모바일 개발을 위한 HTML5의 새로운 태그와 속성

 

새로운 HTML5 태그

새로운 HTML5 속성

HTML 4 태그와 속성에서 변경된 사항

HTML5에서 변경된 HTML 문법

HTML5 태그와 속성의 모바일 지원

모바일 웹 개발을 위한 HTML5의 장점

요약, 질문과 답변, 워크숍

 

HOUR 3 CSS3를 사용하여 모바일 페이지에 스타일 적용하기

 

CSS의 간략한 소개

CSS3에 추가된 스타일

모바일 장치에서 CSS3 사용하기

요약, 질문과 답변, 워크숍

 

HOUR 4 모바일 장치 및 HTML5 지원 여부 확인

 

어떤 HTML5 요소를 사용할지 선택하기

안드로이드와 iOS HTML5 지원

HTML5 기능 감지

단계적 후퇴

CSS3 미디어 쿼리(Media Query)를 사용하여 모바일 브라우저

감지

애플리케이션 테스트

요약, 질문과 답변, 워크숍

 

HOUR 5 자바스크립트와 HTML5 웹 애플리케이션

 

자바스크립트란 무엇인가?

jQuery란 무엇인가?

jQuery 모바일 사용하기

요약, 질문과 답변, 워크숍

 

HOUR 6 모바일 웹 애플리케이션 개발

 

모든 장치에서 동작하는 사이트 개발하기

어떤 유형의 애플리케이션을 원하는지 결정하기

HTML을 사용하여 애플리케이션 개발하기

HTML을 보기 좋게 만들기 위해 CSS 사용하기

더욱 효율적인 HTML5 페이지를 위해 모바일 메타 태그 추가하기

모바일을 위한 사이트 최적화

요약, 질문과 답변, 워크숍

 

 

HOUR 7 사이트를 HTML5로 업그레이드

 

HTML 4에서 언제, 어떻게 업그레이드할지 결정하기

현재 동작하는 HTML5의 기능

HTML5 브라우저 지원 상태

사이트에 여분의 HTML5 기능 추가하기

모바일 애플리케이션에서 사이트를 실행시킬 HTML5 기술

요약, 질문과 답변, 워크숍

 

HOUR 8 웹 앱을 모바일 앱으로 변환하기

 

웹 에디터 선택

애플리케이션 테스트

콘텐츠 평가

모바일을 위한 시각 디자인 변경

HTML5 CSS3 검사

다양한 장치 지원하기

완성된 애플리케이션을 다른 장치에서 평가하기

구형 브라우저에서 동작하는 애플리케이션 개발

요약, 질문과 답변, 워크숍

 

 

PART II HTML5의 주요 기능 배우기

 

 

HOUR 9 HTML5의 섹셔닝 요소와 시맨틱 요소로 의미 부여하기

 

섹셔닝 요소란 무엇인가?

새로운 섹셔닝 요소 사용하기

시맨틱하게 HTML 표기하기

요약, 질문과 답변, 워크숍

 

HOUR 10 HTML5 캔버스 요소를 사용하여 그림 그리기

 

캔버스 요소 사용하기

<canvas> 요소에 도형 그리기

캔버스에 폰트와 텍스트 작성하기

이미지 표시하기

캔버스는 SVG나 플래시와 어떻게 다른가?

요약, 질문과 답변, 워크숍

 

HOUR 11 HTML5의 폰트와 타이포그래피

 

타이포그래피의 요소 정의하기

적절한 타이포그래피적 엔티티 사용하기

웹 공개 폰트 형태 이해하기

요약, 질문과 답변, 워크숍

 

HOUR 12 HTML5의 오디와 비디오

 

오디오와 비디오를 위해 왜 HTML5나 플래시를 사용하는가?

최고의 호환성을 위한 비디오 포맷 선택

다양한 지원을 위한 오디오 코덱 선택하기

새로운 HTML5 미디어 요소

미디어 확장을 위한 유용한 속성

인터넷 익스플로러를 위한 대체 옵션 만들기

API 메소드를 사용하여 사용자 정의 컨트롤 만들기

요약, 질문과 답변, 워크숍

 

HOUR 13 HTML5

 

HTML5 폼의 새로운 유용한 기능

HTML5 input 형식

그 외의 새로운 폼 요소

폼 유효성 검사

요약, 질문과 답변, 워크숍

 

HOUR 14 HTML5를 사용한 콘텐츠 편집 및 사용자 인터랙션

 

새로운 contenteditable 속성

execCommand 메소드

웹 페이지에 맞춤법 검사 기능 추가하기

브라우저의 UI와 편집 기능 지원

요약, 질문과 답변, 워크숍

 

HOUR 15 마이크로포맷과 마이크로데이터

 

마이크로포맷(Microformat) 사용하기

마이크로데이터(Microdata) 사용하기

RDFa 사용하기

어떤 형식을 사용할지 결정하기

모바일과 마이크로포맷

요약, 질문과 답변, 워크숍

 

HOUR 16 HTML5에서 드래그앤드롭 기능 사용하기

 

드래그앤드롭 구현

드래그앤드롭 이벤트

드래그앤드롭 속성

유용한 CSS 확장

드래그앤드롭 인터페이스 개발

iOS에서 드래그앤드롭 사용하기

요약, 질문과 답변, 워크숍

 

HOUR 17 HTML5 링크

 

HTML5에서 링크가 어떻게 변경되었는가?

링크 형식과 관계

새로운 링크 형식 사용하기

요약, 질문과 답변, 워크숍

 

 

PART III 모바일과 웹 애플리케이션을 위한 HTML5

 

 

HOUR 18 웹 애플리케이션 API와 데이터세트

웹 애플리케이션 만들기

데이터세트와 data-* 속성

요약, 질문과 답변, 워크숍

 

HOUR 19 웹 소켓, 웹 워커, 파일

 

웹 소켓을 사용하는 양방향 통신

웹 워커를 사용하여 백그라운드에서 스크립트 실행하기

파일 API를 사용하여 클라이언트 측 파일 제어하기

요약, 질문과 답변, 워크숍

 

HOUR 20 오프라인 웹 애플리케이션

 

오프라인 애플리케이션 개발 및 오프라인에서 동작하는 애플리케이션으로 전환하기

캐시 매니페스트(Cache Manifest)

오프라인 애플리케이션을 위해 DOM 이벤트와 속성 사용하기

애플리케이션 캐시 디버깅

요약, 질문과 답변, 워크숍

 

HOUR 21 HTML5의 웹 저장소

 

웹 저장소란 무엇인가?

SQL Indexed DB

요약, 질문과 답변, 워크숍

 

 

PART III 모바일과 웹 애플리케이션을 위한 HTML5

 

 

HOUR 22 히스토리 API를 사용한 브라우저 히스토리 제어

왜 브라우저 히스토리를 제어하는가?

히스토리 API 메소드

히스토리 API 사용하기

히스토리 API의 위험과 불편함

요약, 질문과 답변, 워크숍

 

HOUR 23 지오로케이션을 사용한 위치 감지기능 추가

 

지오로케이션이란 무엇인가?

개인 정보 및 위치 정보

모바일 지오로케이션 애플리케이션 생성하기

요약, 질문과 답변, 워크숍

 

HOUR 24 HTML5 애플리케이션을 네이티브 애플리케이션으로 변환하기

 

네이티브 애플리케이션과 HTML5 애플리케이션의 차이점 비교

네이티브 앱으로 변환하기

애플리케이션 아이콘 만들기

애플리케이션 테스트

앱스토어에서 애플리케이션 판매

네이티브로의 변환 이외의 옵션

요약, 질문과 답변, 워크숍

 

부록 A. 퀴즈에 대한 답변

부록 B. HTML 요소와 속성

부록 C. HTML5와 모바일 애플리케이션 리소스

 

 

 

이 책의 구성

 

 

이 책은 3개 섹션으로 나뉜다.

 

PART I. 첫 번째 섹션인 ‘공개 웹 표준을 사용하여 웹 페이지와 웹 애플리케이션 만들기’에서는 HTMLCSS, 자바스크립트의 기본 원리를 가르치며, 모바일 장치와 비모바일 장치를 위한 기본적인 웹 애플리케이션을 만드는 방법도 가르친다. 이 섹션을 읽은 뒤에는 HTML, CSS, 자바스크립트를 사용하여 기본적인 웹 사이트를 만드는 방법을 알게 된다.

 

PART II. 두 번째 섹션인 ‘HTML5의 주요 기능 배우기’에서는 HTML5의 새로운 중요 기능을 좀 더 다룬다. 여기서는 더 나은 애플리케이션을 만드는 데 도움을 줄 새로운 HTML5 요소를 배운다.

 

PART III. 세 번째 섹션인 ‘모바일과 웹 애플리케이션을 위한 HTML5’에서는 모바일 애플리케이션을 개발할 때 유용한 API와 도구를 언급하며, 모바일 애플리케이션을 만드는 방법을 세부적으로 설명한다.

 

신고
Trackback 0 | Comment 0

 

 

 

이제 시작이야! jQuery 모바일

 

 

: Up & Running

 

 

저자: 맥시밀리아노 퍼트만

역자: 김경균, 한상훈

출판사: 비제이퍼블릭

 

출간일: 2012116()

정가: 24,000

페이지: 315p

 

판형: 175 x 230

ISBN: 978-89-94774-23-7 (93560)

원서정보: jQuery mobile: Up and Running

관련분류

국내도서 > 컴퓨터와 인터넷 > IT 전문서 > 모바일 프로그래밍 > 모바일 기타

국내도서 > 컴퓨터와 인터넷 > IT 전문서 > 웹개발 > jQuery

 

 

책 소개

 

 

이제 시작이야! jQuery 모바일: Up & Running

 

아이폰이나 안드로이드 스마트폰 뿐만 아니라 아이패드와 킨들 파이어에서도 동작하는 단일 모바일 웹 어플리케이션을 만들려고 한다면, 바로 이 입문서가 어떻게 해야 하는지 알려줄 것이다. 다양한 실전 연습들로 이 프레임워크의 수많은 인터페이스 컴포넌트를 적절히 사용하는 법을 배울 수 있고, 이를 통해 커스터마이징이 가능하며 여러 플랫폼에서 동작하는 앱을 만들기 위한 방법에 대해 배우게 될 것이다.

 

이 책을 읽는 데는 그 어떤 사전 경험이나 프로그래밍 기술도 필요 없다. 이 책을 다 읽고 나면 jQuery 모바일과 시맨틱 HTML5 코드를 통해 다양한 스마트폰과 태블릿에서 즉각적으로 반응하는 AJAX 기반의 인터페이스를 만드는 방법에 대해 알게 될 것이다.

 

이 책의 특징

 

l  jQuery 모바일이 HTML5, CSS3, 자바스크립트와 함께 작동하는 방법에 대해 이해한다.

l  형식이 지정된 콘텐츠와 폼 컨트롤, 탐색 바, 버튼 등을 생성하기 위한 UI 컴포넌트를 다룬다.

l  자바스크립트, AJAX, jQuery 코어 프레임워크를 사용하여 동적 콘텐츠를 생성한다.

l  테마와 CSS3를 사용하여 전체 사용자 인터페이스를 커스터마이징한다.

l  사용자가 여러분이 만든 앱을 브라우저를 통해 설치하고 오프라인에서 동작하도록 설정한다.

l  여러분이 만든 앱을 패키징하여 앱스토어를 통해 네이티브 앱으로 배포한다.

 

도서자료 다운로드

 

http://examples.oreilly.com/0636920014607

 

독자대상

 

초급

 

 

저자소개

 

 

맥시밀리아노 퍼트만

 

모바일과 HTML5 기술 전문가로 웹 및 모바일 기술을 가르치는 트레이너 및 스피커로 활동하고 있다. Adobe Community Professional이며 《Programming the Mobile Web(O’Reilly)의 저자이자 ITMaster Professional Tranning의 설립자다.

 

 

 

역자소개

 

 

김경균

 

, 윈도우 기반 프레임워크 및 응용프로그램 개발자로 일하고 있다. 2007년부터 3년간 마이크로 소프트 MVP(ASP.NET)로 활동했으며 Taeyo.NET의 운영진으로 활동하고 있다. 2007년에 jQuery 쿡북을 번역하기도 했으며 앞으로도 훌륭한 기술 서적들을 번역할 계획을 가지고 있다. 개인 블로그는 http://blog.dayofdays.net이다.

 

한상훈

 

현재 게임 관련 웹서비스 개발 업무를 담당하고 있으며 ()한빛소프트 포털서비스실에 재직중이다. 2010년부터 지금까지 마이크로소프트 MVP(ASP.NET)로 활동하고 있고, 국내 최고의 ASP.NET 커뮤니티인 Taeyo.NET에서 ASP.NET 게시판 시삽으로 운영진 활동을 하고 있다. 후배양성만이 개발자들이 살아갈 수 있는 방법이라 믿고 있으며, 잘난 개발자보다는 좋은 개발자가 되는 것을 목표로 오늘도 야근을 하고 있다.

 

 

 

목차

 

 

Chapter 1 모바일 플랫폼

 

jQuery 모바일이 필요한가?

jQuery 모바일은 무엇인가?

모바일 및 태블릿의 세계

HTML5 CSS3

주요 특징

웹앱 테스트하기

 

 

Chapter 2 프레임워크와 함께 시작하기

 

도큐먼트 준비하기

드림위버 지원

아키텍처

내비게이션

대화상자

전화 기능과의 통합

 

Ch

apter 3 UI 컴포넌트

 

툴바

콘텐츠 서식 설정

컬럼

버튼

 

 

Chapter 4 리스트

 

전체 페이지 리스트 vs 인세트 리스트

이미지 사용하기

별도 콘텐츠

제목 및 설명

카운트 버블 사용하기

데이터 필터링과 검색

리스트뷰 치트 시트

 

 

Chapter 5 폼 컴포넌트

 

폼 액션

폼 요소

 

 

Chapter 6 프레임워크와 자바스크립트

도큐먼트 이벤트

설정

유틸리티

커스텀 트랜지션

동적 콘텐츠

격자 만들기

페이지 콘텐츠 변경

이벤트 처리

 

 

Chapter 7 테마 만들기

테마롤러

파이어웍스 테마 에디터

테마 편집

커스텀 트랜지션

 

 

Chapter 8 설치 및 오프라인 액세스

 

패키지 정의

아이콘 설치

전체 화면

모든 기능 통합

오프라인 데이터 저장

 

 

Chapter 9 모든 기능이 추가된 웹앱

 

웹앱의 구조

 

 

Chapter 10 프레임워크 확장

 

플러그인 만들기

주목할만한 플러그인들

태블릿용 플러그인

기타 호환되는 플러그인

 

 

Chapter 11 스토어 배포를 위한 패키징 작업

 

스토어 배포

커스텀 배포

패키지 준비

폰갭을 사용한 패키징

 

 

신고
Trackback 0 | Comment 0

 

 

 

 

 

고성능 자바스크립트 그래픽스

 

: HTML5 캔버스 + jQuery

 

저자: 라파엘레 체코

역자: 김태곤

출판사: 비제이퍼블릭

출간일: 2012816()

정가: 25,000

페이지: 354p

판형: 175 x 230

ISBN: 978-89-94774-18-3 (93560)

원서정보: Supercharged JavaScript Graphics

 

 

 

책 소개

 

고성능 자바스크립트 그래픽스

 

: HTML5 캔버스 + jQuery

 

“나는 이 책을 읽으며 라파엘레 체코가 본인이 구사하는 기술에 대해 속속들이 잘 알고 있다는 것을 알 수 있었다. 그의 책을 통해 최근 인기 있는 웹 기반 게임들과 UI가 풍부한 애플리케이션들이 어떻게 만들어졌는지 잘 배울 수 있었다.

 

- 셸리 파워즈

《자바스크립트 쿡북》과 《Painting the Web》의 저자

 

HTML5와 웹 브라우저의 성능이 향상된 덕분에 자바스크립트로 고성능 웹 그래픽스도 작성할 수 있게 되었다. 이 책은 여러분에게 자바스크립트, jQuery, DHTML 그리고 HTML5 캔버스를 사용하여 데스크톱과 모바일 기기에서 사용할 수 있는 리치 웹 애플리케이션을 작성하는 방법을 보여줄 것이다.

 

여러분은 실제 현장에서 사용되는 예제를 통해 아케이드 게임, DHTML 효과, 비즈니스 대시보드 등의 애플리케이션에 접근하는 재미있고 유용한 방식을 배울 것이다. 이 책은 복잡한 주제를 쉽게 배울 수 있도록 작은 부분으로 나누어 조목조목 설명했으며, 각 주제가 다음 단계를 배울 수 있는 발판이 되도록 단계적으로 구성되었다.

 

- 자바스크립트 최적화에 대한 이해를 돕고 최적화가 성능에 미치는 영향을 분석한다.

- 전통적인 DHTML jQuery를 병용한 고성능 그래픽스를 제작한다.

- jQuery UI Ext JS 라이브러리를 활용한 고급 UI 기술을 학습한다.

- 충돌 감지, 객체 핸들링, 자바스크립트 스크롤링 기법 등을 활용한 게임을 제작한다.

- 그리기, 색상 채우기, 비트맵, 애니메이션 등 HTML5 캔버스의 기초를 마스터한다.

- 구글 정보 시각화 도구를 사용한 인터랙티브 대시보드를 작성한다.

 

독자대상

중급

 

 

 

저자소개

 

라파엘레 체코 (Raffaele Cecco)

 

유럽 비디오 게임 업계의 베테랑 소프트웨어 개발자다. 런던에 있는 소프트웨어 스튜디오인킹 오브 더 정글(King of the Jungle)’ 사에서 기술 이사를 맡고 있다. 그는 이 회사에서해즈브로(Hasbro)’ 사와버진(Virgin)’ 사 같은 고객을 위한 소프트웨어를 작성해왔다. 현재 라파엘레는 웹 개발자로 지내며 그의 웹 사이트인 www.professorcloud.com에 실험해보는 것을 즐기고 있다.

 

 

 

역자소개

 

김태곤

 

웹 개발자로 지내다가 자바스크립트의 매력에 빠진 후 2006 NHN에 자바스크립트 개발자로 입사하여 네이버 블로그, 스마트 에디터, 진도 자바스크립트 프레임웍, 네이버 지도 등의 프로젝트에 참여하였고, 오픈소스 프로젝트인 XpressEngine에서 선임 개발자로 Ajax UI를 전담하기도 했다. 현재는 미국의 유망 스타트업 기업인 Thing Daemon에서 Fancy라는 서비스를 만들고 있다. 최근에는 웹 브라우저의 한계를 벗어난 HTML5, 자바스크립트 기술에 주목하고 있다.

 

 

 

목차

 

Chapter 1 코드 재사용 및 최적화

속도 개선

최적화 대상과 시기

직접 만드는 코드 프로파일링

자바스크립트 최적화

룩업 테이블

비트 연산자, 정수, 이진수

jQuery DOM 반복 최적화

CSS 스타일 변경 최적화

DOM 삽입 최적화

기타 자료

 

Chapter 2 DHTML 기초

DHTML 스프라이트 만들기

이미지 애니메이션

캡슐화와 그리기 추상화(또는 은닉)

DOM 삽입/삭제 최소화

스프라이트 코드

간단한 스프라이트 프로그램

더 동적인 스프라이트 애니메이션

jQuery 플러그인으로 바꾸기

타이머, 속도, 프레임 레이트

setInterval setTimeout 사용

시간 정밀도

일정한 속도 유지

인터넷 익스플로러 6 배경 이미지 캐싱

 

Chapter 3 스크롤링

CSS만 사용한 스크롤링 효과

자바스크립트를 사용한 스크롤링

배경 이미지 스크롤링

타일 기반 이미지 스크롤링

 

Chapter 4 고급 UI

HTML5

자바스크립트 UI 라이브러리 사용

jQuery UI를 사용한 웹 인터페이스 개선

Ext JS를 사용한 견고한 UI

UI 요소 직접 만들기

3D 회전목마 만들기

 

Chapter 5 자바스크립트 게임 입문

게임 객체

게임 코드

게임 전역 변수

키 읽기

객체 움직이기

간단한 애니메이터

충돌 감지

외계인

플레이어

방패

의문의 비행접시

게임

모두 하나로 합치기

 

Chapter 6 HTML5 캔버스

캔버스 지원

비트맵, 벡터 또는 둘 다?

캔버스의 제약 사항

캔버스 vs SVG

캔버스 vs 어도비 플래시

캔버스 저작도구

캔버스 기초

캔버스 요소

드로잉 컨텍스트

사각형 그리기

직선과 곡선을 사용해 패스 그리기

비트맵 이미지 그리기

색상, 외곽선, 채우기

캔버스 애니메이션

캔버스와 재귀 드로잉

캔버스 나무 페이지

DHTML 스프라이트를 캔버스 스프라이트로 대체하기

새로 작성한 CanvasSprite 객체

코드에서 바뀐 부분

캔버스와 웹 소켓을 사용한 그래픽 채팅 프로그램

웹 소켓의 장점

웹 소켓 지원과 보안

채팅 프로그램

 

Chapter 7 게임과 시뮬레이션을 위한 벡터

벡터 연산

덧셈과 뺄셈

크기 조절

정규화

회전

스칼라곱

자바스크립트 벡터 객체 만들기

벡터를 사용한 대포 시뮬레이션

시뮬레이션 전역 변수

대포알

대포

배경

메인 루프

페이지 구조

로켓 시뮬레이션

게임 객체

장애물 객체

로켓 객체

배경

충돌 감지와 반응

페이지 구조

개선 및 수정 사항

 

Chapter 8 구글 시각화 도구

제약 사항

차트 용어

이미지 차트

데이터 형식과 차트 해상도

동적인 데이터 사용

요약

인터랙티브 차트

인터랙티브 차트 이벤트

 

Chapter 9 jQuery Mobile을 이용한 모바일 프로그램

jQuery Mobile

모바일 웹 프로그램 TilePic

TilePic 게임 설명

TilePic 게임 코드

폰갭

 

Chapter 10 폰갭을 사용한 안드로이드 앱 제작

폰갭 설치

자바 JDK 설치

안드로이드 SDK 설치

이클립스 설치

안드로이드 개발 도구 설치

폰갭 설치

이클립스에서 폰갭 프로젝트 생성

App.java 파일 수정

AndroidManifest.xml 파일 수정

간단한 웹 프로그램 작성 및 테스트

TilePic 앱 테스트

 

 

 

출판사 리뷰

 

이 책은 자바스크립트에 대해 어느 정도 이해하고 있으며 단순한 호버(hover) 효과나 jQuery 같은 라이브러리에서 제공하는 애니메이션 기능 이상의 그래픽 프로그래밍을 경험하고 싶은 사람들에게 적합하다. 이 책을 통해 다룰 그래픽 관련 주제는 다음과 같다:

 

-       코드 재사용과 최적화. 상속 기법과 성능 향상 팁 포함

-       일반적인 DOM의 깜짝놀랄만한 그래픽 활용 (DHTML)

-       더 나은 그래픽을 위한 캔버스 요소 사용

-       비디오 게임 제작

-       수학을 사용한 창의적인 그래픽과 애니메이션

-       구글 시각화 API(Google Visualizations API)와 구글 차트 도구(Google Chart Tools)를 사용한 데이터 표현

-       효율적인 jQuery 사용과 그래픽 지향 jQuery 플러그인 개발

-       jQuery Mobile(모바일)을 사용한 모바일 기기용 그래픽 웹 응용프로그램 작성

-       PhoneGap(폰갭)을 사용해 웹 응용프로그램을 네이티브 안드로이드 응용프로그램으로 만들기

 

 

독자 대상

 

이 책의 독자는 웹 사이트와 웹 응용프로그램 제작에 대해 실무적인 지식을 가지고 있어야 한다. 특히 자바스크립트를 잘 사용할 수 있다고 가정한다.

 

jQuery를 사용하면 개발을 더 빨리 할 수 있어서 필자는 jQuery를 즐겨 사용한다. 이 책에 수록된 대부분의 예제 코드는 jQuery를 기본으로 포함한다. 일반적으로 외부 라이브러리 등을 사용할 때는 구글과 같은 믿을만한 콘텐츠 전송 네트워크(Content Delivery Network, CDN)에 있는 파일을 참조했으므로 별도의 웹 서버에 파일을 복사하지 않아도 된다.

 

수학은 최소한만 사용하려고 했으나 일부 예제에서는 기본적인 벡터와 삼각법을 사용했다.

 

 

책의 구성

 

이 책은 여러 분야에 대해 빠르게 살펴볼 수 있도록 구성되어 첫 번째 그래픽 프로그래밍 예제가 1장에 나타난다.

 

그 뒤의 장에서는 다양한 그래픽 관련 주제들을 다루고, 특히 웹 응용프로그램의 시각적인 부분과 인터랙티브함을 향상시킬 수 있는 주제를 주로 다룰 것이다.

 

인터랙티브 그래픽을 다루는 책들은 모두 비디오 게임에 대해 다루는데, 이 책 역시 완전한 비디오 게임을 하나 만들면서 스프라이트, 스크롤링 등과 같이 게임 프로젝트에 유용한 기능을 살펴본다.

 

각 장에서 다루는 주제는 다음과 같이 요약할 수 있다:

 

1. 코드 재사용과 최적화

성능이 중요한 그래픽 기반 응용프로그램에 유용한 코드 최적화(jQuery 최적화 포함)와 자바스크립트 객체 지향 프로그래밍 기법에 대해 다룬다. 또한 자바스크립트 바이너리 연산자와 이를 사용한 최적화 방법에 대해서도 다룰 것이다.

 

2. DHTML 기초

일반적인 DOM 관리(DHTML)를 사용해 빠르게 움직이는 그래픽을 구현하는 방법을 보여준다. (게임과 여러 효과에 유용한) 스프라이트 시스템을 개발하고 이 시스템을 jQuery 플러그인으로 만들어본다.

 

3. 스크롤링

시차(視差) 효과 등 기본적인 CSS 스크롤링 기법을 다룬다. 그 후 자바스크립트로 다루는 스크롤링 기법부터 타일 기반의 빠른 시차 스크롤링 시스템을 살펴본다. 강력한 타일맵 편집기를 소개하고, 타일 기반 맵 작성법을 보여준다.

 

4. 고급 UI

jQuery UI Ext JS 같은 사용자 인터페이스 라이브러리를 살펴본다. 두 라이브러리의 차이점 및 어떤 종류의 응용프로그램에 적합한지 알아보는 한편, 기존의 UI 라이브러리를 사용해 3D 이미지 회전 컴포넌트를 작성한다.

 

5. 자바스크립트 게임 입문

플래시와 같은 외부 플러그인에 의존하지 않는 게임 제작 방법을 보여준다. 충돌 감지와 객체 조작 등의 기법에 대해서도 다룰 것이다. 여기서 배운 실무 기법들을 활용해 레트로 스타일(retro-style) 아케이드 게임을 만든다.

 

6. HTML5 캔버스

캔버스(Canvas) 요소에 대해 다양한 예제와 더불어 심도있게 다룬다. 예제로는 캔버스와 웹소켓(WebSocket)을 사용한 그래픽 채팅 프로그램 개발 방법 등이 있다. 기본적인 그리기, , 채우기, 그래디언트, 재귀적인 그리기, 비트맵, 애니메이션 등 다양한 주제에 통해 캔버스를 배워볼 것이다.

 

7. 게임과 시뮬레이션을 위한 벡터

그래픽 어플리케이션과 게임에서 사용되는 2D 벡터에 대해 다룬다. 약간의 수학으로도 많은 일이 가능하다는 것을 알게 될 것이다.  실제와 같은 움직임을 구현한 대포, 로켓 시뮬레이션을 예제로 만날 수 있다.

 

8. 구글 시각화 도구

이 장에서는 구글 차트 도구에 대해 알아본다. 구글 차트 도구는 거의 모든 종류의 데이터에 역동적인 효과를 추가할 수 있는 데이터 시각화 도구이다. 막대 차트부터 구글--미터(Google-O-Meter) 차트까지, 이 장에서는 정적이거나 인터랙티브한 차트를 포함해 여러 그래픽 시각화 도구를 다룰 것이다. 또한 차트 도구를 사용해서 올바른 방법으로 데이터를 정형화하는 방법도 다룬다.

 

9. jQuery Mobile을 사용한 모바일 개발

jQuery Mobile jQuery를 기반으로 작성된 프레임웍으로서, 통일된 사용자 인터페이스를 모바일 웹 응용프로그램에 제공한다. 평범한 HTML 페이지를 인터랙티브하고 활력넘치는 모바일 경험으로 바꾸어 놓기도 한다. 이 장에서는 jQuery UI와 모바일 기기에 최적화된 그래픽 슬라이딩 퍼즐 게임을 개발하는 과정에 대해 다룰 것이다.

 

10. PhoneGap을 사용한 안드로이드 앱 제작

웹 개발 기술만 가지고 네이티브 모바일 응용프로그램을 만들고 싶다면? PhoneGap(폰갭)이 도움이 될 것이다. 이 장은 네이티브 안드로이드 응용프로그램을 만들기 위해 PhoneGap을 설치하고 설정하는 방법에 대해 설명하고, 앞서 9장에서 작성한 슬라이딩 퍼즐 게임을 모바일 기기에 배포할 수 있는 네이티브 앱으로 바꿀 것이다.

 

신고
Trackback 0 | Comment 0

퍼블릭's Blog is powered by Daum & tistory