• 컴퓨터/IT > 모바일프로그래밍 > 모바일프로그래밍 일반

출판사 리뷰

당신의 상상력과 HTML5, CSS3, JavaScript가 만나면 손안에서는 어떤 일이 일어날까요?
이미 개발된 프레임워크나 라이브러리를 활용하는 것에서 한 걸음 더 나아가 프로젝트에 적용할 수 있는 나만의 프레임워크를 만들어 개성 있는 모바일 웹을 구축해보지 않으시겠습니까? 이를 위해 HTML5, JavaScript뿐만 아니라 레이아웃, 2D, 3D 구현 등 그 중요성이 나날이 늘어가는 CSS3에 대해서도 다양하게 다룸으로써 개발 시 어색하게만 느껴졌던 CSS3에 대한 이해를 높일 수 있도록 하였습니다. 아울러 하이브리드 앱이나 모바일 웹 개발 시 처리하기 곤란했던 히스토리 제어에 대한 여러 가지 방법도 함께 소개합니다.

■ 이 책의 특징
단순히 기존 모바일 프레임워크를 이용하는 것에서 벗어나 이를 이해하고 개성 있는 나만의 프레임워크를 만들어볼 수 있습니다.
구축 중인 하이브리드 앱이나 모바일 웹에 여러 가지 활용 기술들을 바로 적용해볼 수 있습니다.
HTML5, CSS3와 JavaScript를 이용한 본격적인 클라이언트 프로그래밍을 배울 수 있습니다.

■ 이 책에서 다루는 내용
Aptana Studio로 개발 환경을 준비하고 CSS로 페이지 레이아웃을 꾸며보자.
CSS3를 이용하여 애니메이션과 함께 2D, 3D 효과를 구현해보자.
웹 페이지 트랜지션과 트랜스폼을 활용하여 생동감있는 모바일 웹을 만들어보자.
Ajax와 History API를 이용하여 네이티브 앱 못지 않은 화면 전환과 페이지 이동 효과를 구현해보자.
모바일 환경에서 여러 가지 기능(화면 회전, 스와이프 효과, iScroll 라이브러리, 휠 메뉴)을 개발해보자.

Chapter 01 모바일 웹의 이해
1 프롤로그
2 HTML5의 변화된 패러다임
3 브라우저와 세 가지 구성 요소
4 HTML5 \u003d HTML + CSS + JavaScript

Chapter 02 개발 환경 준비와 뷰포트의 이해
1 개발 환경 준비
2 브라우저의 뷰포트에 대한 이해
3 반응형 웹과 뷰포트의 설정

Chapter 03 CSS3 모바일 컴포넌트 만들기
1 일반 웹을 모바일 웹으로 보이게 하는 CSS
2 화면에서 많이 사용하는 컴포넌트 제작 연습
3 모바일에서 가장 많이 사용하는 리스트 처리
4 입력 폼 처리

Chapter 04 모바일 웹 페이지의 레이아웃
1 화면 구성의 변화
2 모바일 웹 페이지와 일반 웹 페이지의 차이
3 절대 위치를 사용하는 기본 구조의 설정
4 상대 위치를 이용한 페이지의 제작
5 변화하는 모바일 웹 페이지의 레이아웃
6 부드러운 리스트를 위한 iScroll 라이브러리

Chapter 05 CSS3를 이용한 변형, 애니메이션 효과
1 자바스크립트 vs. CSS3
2 CSS를 이용한 화면 변형 효과
3 웹킷 기반 브라우저의 애니메이션 효과 지정하기

Chapter 06 CSS3 3D 효과
1 투영점 설정
2 키보드를 이용한 면의 회전
3 3D 효과를 이용하여 정육면체 만들기
4 복잡한 CSS 애니메이션 효과 만들기

Chapter 07 페이지 전환 효과
1 페이지 전환 효과의 기본
2 페이드 효과를 이용한 페이지 전환
3 슬라이드 효과를 이용한 페이지 전환
4 3D를 이용한 플립 효과
5 슬라이드를 응용한 면 회전 효과
6 투영점의 위치 설정을 이용한 턴 효과
7 장면 전환용 플로 효과

Chapter 08 페이지 이동과 히스토리 제어
1 모바일 웹과 웹 애플리케이션
2 히스토리 제어
3 히스토리 제어와 화면 전환 효과의 결합

Chapter 09 Ajax를 이용한 페이지 이동
1 jQuery의 load( ) 메서드
2 스피너 효과
3 Ajax와 페이지 이동 효과의 결합
4 Ajax 화면 이동 효과와 History API
5 각 화면 자바스크립트의 동적 처리

Chapter 10 화면 처리와 여러 가지 효과
1 모바일 웹과 데스크톱 웹 혼용
2 간단한 방식의 모바일 화면 처리
3 스와이프 효과 만들기
4 화면에 휠 메뉴 만들기

INDEX