Categories

아울그룹은 밤샘의 세월이 만든

“케미가 있는 웍그룹”입니다.

기술 + 문화 + 소통의 조화를 꿈꾸다.

We are in Social
18 4월
2012
Books & Stories Development Java Smart App
1435 Views

모바일 웹과 웹앱을 위한 jQuery Mobile

모바일-웹과-웹앱을-위한-jQuery-Mobile

ch01-1 ch01-2 ch01-3 ch01-4 ch01-5 ch01-6 ch01-7 ch01-8

[서지 정보]

저자 이두진

출판사 PCBOOK

출간일 2012년 04월 18일

정가 26,000원

쪽수 604쪽

ISBN 9788981931391

[개요]

하나의 소스로 데스크톱, 안드로이드, 아이폰, 윈도우폰 스마트 디자인을 한다!

본서는 다음과 같은 독자를 대상으로 합니다.

ㆍ모바일 웹 사이트를 개발하실 분

ㆍ모바일 웹앱을 개발하실 분

ㆍ차세대 웹 개발 방법론인 스마트 디자인을 학습하실 분

본서는 초보 프로그래머는 물론 웹 디자이너들도 모바일 관련 스마트 디자인을 할 수 있도록 아주 쉽게 가이드하고 있습니다. jQuery Mobile의 지향점은 “누구나 쉽게 사용하게 한다”는데 있습니다. 복잡하고 어려운 언어를 배워서 프로그래밍을 해야 한다면 jQuery Mobile은 성공하지 못했을 것입니다. 본서는 jQuery Mobile의 목표에 맞춰 프로그래밍을 모르는 웹 디자이너들도 쉽게 jQuery Mobile을 사용할 수 있도록 배려하고 있습니다.

본서는 다음과 같은 특징 있습니다.

ㆍ데스크탑, 스마트폰, 웹, 웹앱 등 모든 분야를 대상으로 디자인 기법을 설명하고 있습니다.

ㆍHTML 태그를 기반으로 하기 때문에 프로그래밍 경험이 없어도 쉽게 배울 수 있습니다.

ㆍ자바스크립트 조차 잘 몰라도 이해할 수 있도록 자세하게 설명하고 있습니다.

ㆍjQuery Mobile의 모든 기능을 브라우저와 실물 스마트폰에서 모두 테스트하고 있습니다.

ㆍ하이브리드 브릿지 솔루션을 사용하여 웹앱을 만드는 분들을 위해 폰갭도 설명합니다.

ㆍ나만의 테마 라이브러리를 만드는 CSS GUI 개발도구 “테마롤러”의 사용법을 설명합니다.

ㆍ자동으로 화면 디자인을 해주는 GUI 화면 빌더 “codiqa”의 사용법을 설명합니다.

이 책의 개략적인 구성은 다음과 같습니다.

1장 – 3장 : 웹과 웹앱의 개념, 앱 개발 환경을 구축하는 방법을 요약하고, 폰갭으로 안드로이드, 아이폰, 윈도우폰에서 웹앱을 만드는 방법을 소개합니다. 이 장들은 웹앱에 관심 있는 독자들을 위해 제공됩니다.

4장 – 16장 : jQuery Mobile을 이용한 스마트 디자인을 하는 방법을 소개하고 있습니다. HTML 코더, 전문 프로그래머, 웹 디자이너, 웹 기획자까지 모두 쉽게 이해할 수 있도록 가이드하고 있습니다. 브라우저는 물론이고 웹앱에서 실험한 화면도 보여주고 있어 초보자도 웹앱 화면에서 고려해야할 사항을 점검할 수 있도록 했습니다.

17장 – 웹디자이너를 위해 GUI 환경에서 CSS 스타일 테마를 자동으로 만들어주는 “Theme Roller”와 스마트 디자인을 코딩하지 않고 디자인할 수 있는 “codiqa”를 소개하고 있습니다. 초보자의 경우 이 두 개의 개발도구로 먼저 jQuery Mobile를 경험하는 것도 좋습니다.

18장 – 20장 : 자바스크립트로 jQuery Mobile을 제어하는 방법을 소개합니다. 이 장을 잘 몰라도 스마트 디자인을 하는 데는 문제가 없지만, 프로그래머 입장에서 스마트 디자인 화면을 제어하여 심도 있는 jQuery Mobile을 알고자 하는 개발자를 위해 참고서 역할을 할 수 있도록 최대한 검증된 샘플들로 설명하고 있습니다.

[목차]

1장 스마트 디자인을 위한 jQuery Mobile

1.1 하이브리드를 완벽하게 실현한 jQuery Mobile

1.2 하이브리드의 정의

1.3 웹앱의 정의

1.4 미완성작 웹앱 솔루션

1.5 완성된 웹앱 솔루션 조합

2장 네이티브 앱 개발환경 구축

2.1 안드로이드용 개발환경 요약

2.2 아이폰용 개발환경 요약

2.3 원도우폰 개발환경 요약

2.2 네이티브 브릿지 폰갭(PhoneGap) 다운로드

2.3 스마트 디자인 jQuery Mobile 다운로드

3장 웹앱과 jQuery Mobile의 연동

3.1 안드로이드용 웹앱 프로젝트

3.2 아이폰용 웹앱 프로젝트

3.3 윈도우폰용 웹앱 프로젝트

4장 jQuery Mobile의 기초

4.1 jQuery Mobile의 기본 구조

4.2 jQuery Mobile의 디자인 솔루션 둘러보기

4.3 jQuery Mobile의 특징

5장 스마트 페이지의 기본 구성

5.1 스마트 페이지의 기본 형식

5.2 뷰포트 설정

5.3 jQuery Mobile 프레임웍 호출

6장 상단 툴바 : 머리말 영역

6.1 기본형 머리말 영역

6.2 머리말 영역의 버튼 주무르기

7장 하단 툴바 : 꼬리말 영역

7.1 꼬리말 영역 기본형

7.2 꼬리말 영역의 버튼들

7.3 꼬리말 영역의 내비게이션 바

7.4 페이지 풀 스크린과 꼬리말 숨김

7.5 꼬리말 영역의 선택 메뉴와 화면 전환 효과

8장 스마트 페이지 레이아웃

8.1 싱글형 페이지

8.2 멀티형 페이지

8.3 자동 분할형 페이지 : splitview 플러그인

9장 스마트 페이지 링크 처리법

9.1 Ajax 링크 방식

9.2 풀 페이지(Full-Page) 링크 방식 : Ajax 사용하지 않음

9.3 외부 프로그램 링크

9.4 백(Back) 버튼 링크

9.5 샘플 소스 분석

10장 data-url의 기능과 특성의 이해

10.1 페이지 아이디가 있는 경우

10.2 페이지 아이디가 없는 경우

10.3 data-url 속성을 폴더로 정의하는 경우

10.4 data-url 속성을 페이지로 정의하는 경우

10.5 웹앱에서의 실험

11장 화면 전환 애니메이션

11.1 기본 화면 전환 효과

11.2 화면 전환 효과 역순

11.3 개발자 정의 화면 전환 효과

11.4 전체 소스 살펴보기

11.5 웹앱에서의 특성

12장 스마트 대화상자

12.1 기본 대화상자

12.2 대화상자 전환 효과

12.3 대화상자 테마 적용

12.4 대화상자 오버레이 테마

12.5 마법사형 대화상자

12.6 선택형 대화상자

12.7 전체 소스 살펴보기

12.8 웹앱에서의 특성

13장 스마트 버튼

13.1 버튼 속성

13.2 버튼 기본 아이콘

13.3 버튼 아이콘의 위치

13.4 기본 버튼 아이콘 : 아이콘만 출력과 그룹 버튼

13.5 나만의 버튼 아이콘

13.6 버튼 모양 비교

13.7 목록 버튼과 기본 활성 설정

13.8 폼 버튼

13.9 버튼과 자바스크립트

13.10 전체 소스 살펴보기

13.11 웹앱에서의 특성

14장 스마트 콘텐트 레이아웃

14.1 HTML 기본 마크업 스타일

14.2 그리드 레이아웃

14.3 접펼식 레이아웃 : Collapsible

14.4 바디 테마

15장 스마트 폼

15.1 스마트 폼의 기본 형식

15.2 스마트 폼 객체들

15.3 스마트 선택상자

16장 스마트 리스트

16.1 기본형 목록

16.2 번호 목록

16.3 계층형 목록과 읽기전용 아이템

16.4 구분자 목록

16.5 건수 표시

16.6 목록 테마와 아이템 아이콘

16.7 섬네일과 아이콘 이미지

16.8 다양한 목록 아이템 포맷

16.9 검색 필터바

16.10 샘플 소스 살펴보기

17장 테마롤러와 디자인 빌더

17.1 테마롤러(ThemeRoller)

17.2 나만의 테마 만들기

17.3 스마트 디자인 빌더 codiqa

18장 jQuery Mobile의 기본 환경 설정

18.1 mobileinit 이벤트

18.2 기본 환경 설정 옵션들

19장 jQuery Mobile 이벤트 작성법

19.1 bind() 메소드

19.2 live() 메소드

19.3 bind()와 live(), delegate(), on() 메소드의 통합성

19.4 on()과 off() 메소드

19.5 페이지 이벤트들

19.6 페이지 로드 이벤트

19.7 페이지 변경 이벤트

19.8 페이지 전환 이벤트

19.9 페이지 초기화 이벤트

19.10 페이지 비활성 이벤트

20장 $.mobile 객체

20.1 페이지 관련 메소드와 속성

20.2 고정 툴바 관련 메소드

20.3 경로 관련 메소드

20.4 스크롤 관련 메소드