길벗·이지톡

도서 IT전문서/IT입문서 모바일

HTML5, 자바스크립트, CSS3로 아이폰, 아이패드용 “웹앱”을 만들어보자!

이 책은 특이하게 두 개의 사이트와 같이 연관되어 저술되었다. 첫 번째 사이트는 각 장에 속해 있는 예제를 확인할 수 있는 사이트이며 두 번째 사이트는 이 책에서 소개하는 HTML5와 자바스크립트 기능이 적용된 실제로 동작하고 있는 사이트이다. 이 사이트들을 통해 기초 사용법과 실제 적용된 예를 확인할 수 있다.

- 실습 사이트(www.learnhtml5book.com)
이 사이트에서는 각 장에서 소개한 기능들에 대한 예제를 확인할 수 있다. 이 사이트를 통해 책을 읽듯이 데스크톱, 아이패드 또는 아이폰을 사용해 예제를 확인할 수 있다. 링크를 통해 실습 사이트에 직접 접속한 후 실행 결과를 확인할 수 있으며 소스 코드를 보거나 파일 메뉴에서 "페이지를 다른 이름으로 저장"하여 코드를 확인할 수 있다.

- 실제 예제 사이트(www.grandviewave.com/m)
그랜드뷰 애비뉴(Grandview Avenue) 사이트는 지역 상점들의 정보를 제공하는 앱 및 모바일 사이트이다(2010년 만들어졌으며 계속 업데이트 되고 있다). 각 장의 마지막에 있는 "모두 합쳐 넣기" 섹션에서는 해당 장에서 배운 개념을 실제 애플리케이션에 적용하는 방법을 소개한다.

이 두 사이트를 통해 HTML5와 자바스크립트 코드를 작성하는 방법은 물론 이를 실제 사이트에 어떻게 적용하는지 익힐 수 있다.

이 책을 통해 배울 수 있는 것들 
iOS 개발에 필요한 HTML5 기능 소개
유연하고 효과적인 제어가 가능한 앱 개발을 위한 모바일 웹 프레임워크 활용법
iOS의 유용성과 성능 향상을 위한 팁
이미지, 애니메이션 그리고 위치 정보 등과 같은 기능 상세 소개
아이패드용 앱으로 커스트마이즈 하는 방법
Objective-C를 사용하지 않고 네이티브 iOS 기능을 사용할 수 있는 폰갭(PhoneGap) 활용법

목차

Chapter 01 시작하기

01_ 브라우저(모바일 사파리-Mobile Safari)
02_ 프로젝트 계획하기
03_ 애플리케이션 컴포넌트
04_ 파일 조직화하기
05_ 브라우저 리다이렉션
06_ [meta]
07_ 화면 크기와 뷰포트
08_ 샘플 앱
09_ 정리


Chapter 02 HTML5 개요

01_ HTML5란?
02_ HTML5 지원
03_ HTML5 개요
04_ 모두 합쳐 넣기
05_ 요약


Chapter 03 CSS3와 iOS 스타일링

01_ CSS3란?
02_ CSS 기본
03_ 미디어 퀴리(Media Query)와 미디어 셀렉터(Media Selector)
04_ 홈 스크린에 저장하기
05_ CSS3의 간단한 개요
06_ iOS를 위한 스타일
07_ 모두 합쳐 넣기
08_ 요약


Chapter 04 자바스트립트와 API

01_ 자바스크립트란?
02_ 자바스크립트 사용하기
03_ API 작성하기
04_ 자바스크립트 프레임워크
05_ 모두 합쳐 넣기
06_ 요약


Chapter 05 모바일 프레임워크

01_ jQuery Mobile 개요
02_ 페이지 작업하기
03_ 툴바와 버튼
04_ 모두 합쳐 넣기
05_ 요약


Chapter 06 유용성, 네비게이션 그리고 터치

01_ 유용성
02_ 사이트 네비게이션
03_ 아이패드 네비게이션
04_ 터치 상호작용
05_ 모두 합쳐 넣기
06_ 요약


Chapter 07 GPS와 구글 맵

01_ GPS 좌표
02_ 구글 맵 사용하기
03_ 모두 합쳐 넣기
04_ 요약


Chapter 08 애니메이션과 효과

01_ CSS 트릭
02_ CSS 트랜지션(Transition)
03_ CSS 트랜스폼(Transform)
04_ 키 프레임(Key frame) 애니메이션
05_ 자바스크립트 추가하기
06_ jQuery 효과
07_ 모두 합쳐 넣기
08_ 요약


Chapter 09 캔버스(Canvas)

01_ 캔버스 기본
02_ 그리기 예제
03_ 터치 시 원을 그리는 예제
04_ 이미지 처리 예제
05_ 애니메이션 예제
06_ 모두 합쳐넣기
07_ 요약


Chapter 10 오디오와 비디오

01_ 오디오와 비디오 태그 개요
02_ Audio와 Video 예제
03_ 모두 합쳐넣기
04_ 요약


Chapter 11 네이티브 서비스 사용하기

01_ 오리엔테이션(Orientation)
02_ 가속도(Acceleration)
03_ 커스텀 링크(Custom Link)
04_ 모두 합쳐넣기
05_ 요약


Chapter 12 오프라인 앱과 저장소

01_ 캐쉬 매니페스트(Cache Manifest)란?
02_ 쿠키(Cookie)
03_ 로컬 저장소(Local Storage)
04_ 세션 저장소(Session Storage)
05_ 모두 합쳐넣기
06_ 요약


Chapter 13 모바일 테스팅

01_ Test-Driving Code
02_ 성능 테스트
03_ 자동화된 테스트
04_ A/B 테스트
05_ 모두 합쳐넣기
06_ 요약


Chapter 14 고급 주제

01_ 크로스 도메인 커뮤니케이션(Cross-Domain Communication)
02_ 서버 전송 이벤트
03_ 웹 소켓
04_ 웹 워커
05_ 히스토리 관리
06_ 요약


Chapter 15 PhoneGap으로 네이티브 앱 만들기

01_ PhoneGap 설치하기
02_ 앱 강화하기
03_ PhoneGap API 개요
04_ Plugin
05_ 모바일 웹앱(Mobile Web App)과 네이티브 앱(Native App)
06_ 모두 합쳐 넣기
07_ 앱 스토어(App Store)에 등록하기
08_ 정리
더보기접기

저자

ㆍ지은이 스콧 프레스톤(Scott Preston)

지은이 소개

오하이오 컬럼비아 출신의 소프트웨어 전문가이다. 지난 10년간 세계적으로 유명한 대기업들의 웹 사이트와 모바일 사이트 개발에 참여했다. 새로운 웹 및 모바일 프로젝트, 강의 또는 집필에 많은 시간을 보낸다. 나머지 시간에는 2010년에 그가 설립한 회사인 CodeGin LLC에서 고객들의 문제를 해결한다. 그의는 블로그(http://www.scottpreston.com)를 방문하거나 트위터 아이디 @scottpreston을 팔로우하면 보다 많은 정보를 얻을 수 있다 



보도자료

연관 프로그램

아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.