소장자료검색

HTML5과 CSS3, JavaScript를 이용한 클라이언트 프로그래밍 안내서!

상상력과 HTML5, CSS3, JavaScript로 빚는『모바일 웹』. 단순히 기존 모바일 프레임워크를 이용하는 것에서 벗어나 이를 이해하고 개성 있는 나만의 프레임워크를 만들도록 안내하는 책이다. 본문은 Aptana Studio로 개발 환경을 준비하고 CSS로 페이지 레이아웃을 꾸미는 과정, CSS3를 이용하여 애니메이션과 함께 2D, 3D 효과를 구현하는 과정, 웹 페이지 트랜지션과 트랜스폼을 활용하여 생동감있는 모바일 웹을 만드는 과정, 모바일 환경에서 여러 가지 기능(화면 회전, 스와이프 효과, iScroll 라이브러리, 휠 메뉴)을 개발하는 과정 등을 담고 있다.

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