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

 

 

 

 

 

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

 

 

저자: 제니퍼 커닌

역자: 김경균 ,최지훈

 

출간예정일: 2012년 12월 21일 (금)

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

 

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

 

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