HTML5, 자바스크립트, CSS3로 아이폰, 아이패드용 “웹앱”을 만들어보자!
이 책은 특이하게 두 개의 사이트와 같이 연관되어 저술되었다. 첫 번째 사이트는 각 장에 속해 있는 예제를 확인할 수 있는 사이트이며 두 번째 사이트는 이 책에서 소개하는 HTML5와 자바스크립트 기능이 적용된 실제로 동작하고 있는 사이트이다. 이 사이트들을 통해 기초 사용법과 실제 적용된 예를 확인할 수 있다.
- 실습 사이트(www.learnhtml5book.com)
이 사이트에서는 각 장에서 소개한 기능들에 대한 예제를 확인할 수 있다. 이 사이트를 통해 책을 읽듯이 데스크톱, 아이패드 또는 아이폰을 사용해 예제를 확인할 수 있다. 링크를 통해 실습 사이트에 직접 접속한 후 실행 결과를 확인할 수 있으며 소스 코드를 보거나 파일 메뉴에서 "페이지를 다른 이름으로 저장"하여 코드를 확인할 수 있다.
- 실제 예제 사이트(www.grandviewave.com/m)
그랜드뷰 애비뉴(Grandview Avenue) 사이트는 지역 상점들의 정보를 제공하는 앱 및 모바일 사이트이다(2010년 만들어졌으며 계속 업데이트 되고 있다). 각 장의 마지막에 있는 "모두 합쳐 넣기" 섹션에서는 해당 장에서 배운 개념을 실제 애플리케이션에 적용하는 방법을 소개한다.
이 두 사이트를 통해 HTML5와 자바스크립트 코드를 작성하는 방법은 물론 이를 실제 사이트에 어떻게 적용하는지 익힐 수 있다.
이 책을 통해 배울 수 있는 것들
iOS 개발에 필요한 HTML5 기능 소개
유연하고 효과적인 제어가 가능한 앱 개발을 위한 모바일 웹 프레임워크 활용법
iOS의 유용성과 성능 향상을 위한 팁
이미지, 애니메이션 그리고 위치 정보 등과 같은 기능 상세 소개
아이패드용 앱으로 커스트마이즈 하는 방법
Objective-C를 사용하지 않고 네이티브 iOS 기능을 사용할 수 있는 폰갭(PhoneGap) 활용법
목차
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을 팔로우하면 보다 많은 정보를 얻을 수 있다
보도자료
저작권 안내
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
연관 프로그램
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
구매 도서 인증
iOS 모바일 웹앱
부가기호 확인하는 방법
- 종이책 :
-
도서 뒷표지 아래쪽에 있는 바코드의 오른쪽 위 숫자
- 전자책(eBook) :
- 전자책 앞 또는 뒷부분의 판권면 (발행인, 담당 편집자 등을 표시하는 곳) 중 ISBN 부분에 표기(예: 979-11-6050-407-1 05320로 된 곳의 뒤 다섯 자리 숫자 05320)
도서문의
iOS 모바일 웹앱
빠른 조회
님 환영합니다! 마이길벗
알림 메시지
최근 이용 자료
내 문의/답변
내 서재
동영상 강좌
모바일 앱 설치 QR코드
구글 플레이스토어
애플 앱스토어
독자의견 남기기