당신의 상상력과 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 = 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

당신의 상상력과 HTML5, CSS3, JavaScript가 만나면 손안에서는 어떤 일이 일어날까요? 이미 개발된 프레임워크나 라이브러리를 활용하는 것에서 한 걸음 더 나아가 프로젝트에 적용할 수 있는 나만의 프레임워크를 만들어 개성 있는 모바일 웹을 구축해보지 않으시겠습니까? 이를 위해 HTML5, JavaScript뿐만 아니라 레이아웃, 2D, 3D 구현 등 그 중요성이 나날이 늘어가는 CSS3에 대해서도 다양하게 다룸으로써 개발 시 어색하게만 느껴졌던 CSS3에 대한 이해를 높일 수 있도록 하였습니다. 아울러 하이브리드 앱이나 모바일 웹 개발 시 처리하기 곤란했던 히스토리 제어에 대한 여러 가지 방법도 함께 소개합니다. ■ 이 책의 특징 단순히 기존 모바일 프레임워크를 이용하는 것에서 벗어나 이를 이해하고 개성 있는 나만의 프레임워크를 만들어볼 수 있습니다. 구축 중인 하이브리드 앱이나 모바일 웹에 여러 가지 활용 기술들을 바로 적용해볼 수 있습니다. HTML5, CSS3와 JavaScript를 이용한 본격적인 클라이언트 프로그래밍을 배울 수 있습니다. ■ 이 책에서 다루는 내용 Aptana Studio로 개발 환경을 준비하고 CSS로 페이지 레이아웃을 꾸며보자. CSS3를 이용하여 애니메이션과 함께 2D, 3D 효과를 구현해보자. 웹 페이지 트랜지션과 트랜스폼을 활용하여 생동감있는 모바일 웹을 만들어보자. Ajax와 History API를 이용하여 네이티브 앱 못지 않은 화면 전환과 페이지 이동 효과를 구현해보자. 모바일 환경에서 여러 가지 기능(화면 회전, 스와이프 효과, iScroll 라이브러리, 휠 메뉴)을 개발해보자.