jQuery mobile inside

저자 : 주영아, 이광호

가격 : 36000원

크기 : 600페이지 | 188*254mm(가로*세로)

ISBN13 : 9788981360122

메일 : info@techworld.co.kr

HTML5 API연동, Ajax를 통한 openAPI연동, appspreso를 활용한 네이트브 앱 패키징 

판매처

책소개

네이티브 앱을 대채하기 위해서 각광받고 있는 웹앱 기술.

"웹"이라는 주제가 분명 Java나 Object-C같은 네이티브 개발 기술보다는 쉽게 생각되어 질 수도 있지만, 막상 뚜껑을 열어보면 그렇지만은 않다.

HTML5, CSS3, JavaScript 등 새롭게 받아들여야 하는 기술들이 많기 때문이다. 이러한 새로움에 좀 더 쉽게 익숙해 지기 위해서 jQuery Mobile은 HTML5나 CSS3와 같은 새로운 기술을 전혀 모르더라도 모바일 웹앱을 손쉽게 만들 수 있도록 도와준다.

이 책에서는 그러한 jQuery Mobile에 대한 전반적인 내용을 필자의 다년간의 강의 경험에 맞추어서 체계적으로 정리하고 있다. 

저자/역자 소개

목차

PART1. Mobile WebApp
           Section1. 모바일 웹 환경의 진화
                         1. 네이티브 앱 (Native App)
                         2. 모바일 웹 (Mobile Web)
                         3. 모바일 웹앱 (Mobile Web App)
                         4. 하이브리드 앱 (Hybrid App)
           Section2. 모바일 웹앱 Framework
                         1. jQTouch
                         2. jQuery Mobile
                         3. Sencha Touch
                         4. Naver Jindo Mobile
           Section3. 개발환경 구성하기
                         1. 실행환경을 위한 APM 설치
                             1) APMSetup for Windows
                             2) MAMP for Mac OS
                         2. 웹 브라우저 설치 (Google Chrome)
                         3. Site To Phone 설치
                             1) Site To Phone 가입 및 인증
                             2) Google Chrome Plugin
                             3) iPhone
                             4) Android Phone
                         4. 소스 편집기 설치
                             1) Editplus3의 설치 (for Windows)
                             2) Coda의 설치 (for MAC OS)
           Section4. 모바일 웹의 중심 HTML5
                         1. HTML5 시작하기
                             1) DTD 선언문의 변경
                             2) 「meta」태그를 통한 캐릭터 셋 지정
                             3) 첫번째 모바일 웹 페이지를 위한 기본 준비
                             4) 모바일 웹앱을 위한 설정
                         2. HTML5 API 살펴보기
                             1) 새로워진 WebForm
                             2) QuerySelector
                             3) 멀티미디어
                             4) WebStorage
                             5) WebDatabase
                             6) GeoLocation
                             7) Application Cache

PART2. jQuery Mobile UI
           Section1. jQuery Mobile 시작하기
                         1. jQuery Mobile을 활용하기 위한 환경 구성
                             1) jQuery Mobile 다운로드 받기
                             2) jQuery Mobile 소스파일 구성
                         2. Hello jQuery Mobile
                             1) jQuery Mobile 사용을 위한 소스 참조
                             2) jQuery Mobile 페이지 구성하기
                         3. jQuery Mobile 페이지 구조
                         4. jQuery Mobile Theme (Theme Swatches)
                         5. jQuery Mobile의 동작 원리
           Section2. 사용자 인터페이스
                         1. 페이지와 다이얼로그
                             1) 페이지 이동하기
                             2) 하나의 파일로 여러 페이지 구성하기
                             3) 페이지 이동 애니메이션
                             4) 팝업 다이얼로그
                             5) 다이얼로그 ActionSheet
                             6) 이전 페이지로의 복귀
                             7) 페이지 테마
                         2. 버튼과 아이콘
                             1) 기본 버튼 사용하기
                             2) 버튼 옵션
                             3) 아이콘
                             4) 아이콘 위치 지정
                             5) 커스텀 아이콘
                             6) 그룹 버튼
                             7) 버튼 테마
                         3. 툴바
                             1) HeaderBar
                             2) FooterBar
                             3) NavBar
                             4) FullScreen
                         4. 리스트 뷰
                             1) ListView
                             2) Number List
                             3) Link List
                             4) Link List Icon
                             5) Inset List
                             6) TwoLine List
                             7) Split List
                             8) Thumbnail List
                             9) List Divider
                             10) Count Bubble
                             11) ASide
                             12) Search List
                             13) Hidden Data Search List
                             14) Icon List
                             15) Content Formatting
                             16) NestedList
                             17) ListView Theme
                         5. 폼
                             1) FieldContain
                             2) FormatField
                             3) Slider
                             4) DropDown
                             5) CheckBox와 RadioButton
                             6) Flip Toggle
                             7) 리스트뷰안에 Form을 넣기
                             8) 폼 테마
                         6. 컨텐츠 형식 지정
                             1) ui-bar
                             2) ui-body
                             3) Grid
                             4) Collapsible
                             5) Collapsible-set
                             6) Collapsible 테마
                         7. jQuery Mobile Theme 커스터마이징 (Theme Roller)
                             1) 테마롤러로 디자인하기
                             2) 테마롤러 적용하기
           Section3. jQuery Mobile 페이지 이동
                         1. 다른 형태의 Link
                             1) 다른 웹앱의 호출
                             2) DataLink
                         2. GET / POST 데이터 전송
                             1) GET 방식의 데이터 전송
                             2) POST 방식의 데이터 전송

PART3. jQuery
           Section1. jQuery 다루기
                         1. jQuery 기본
                             1) Hello jQuery
                             2) HTML 요소의 획득
                             3) JSON
                         2. jQuery 이벤트 처리
                             1) Click Event
                             2) Key Event
                             3) Focus Event
                             4) Change Event           
                             5) Submit Event
                         3. Form 처리
                         4. 이벤트 고급 처리
                             1) bind
                             2) one
                         5. HTML의 속성과 스타일시트 제어
                             1) HTML속성과 CSS속성 및 클래스 제어
                             2) CSS 클래스 토글
                         6. 에니메이션 처리
                             1) show / hide
                             2) 더보기 메뉴 예제
                         7. 요소의 탐색과 생성
                             1) 요소의 탐색
                             2) 요소의 생성
           Section2. Ajax
                         1. Ajax의 개요
                             1) 텍스트 파일 읽어오기
                             2) Server Side Script와의 연동
                         2. Ajax를 통한 XML 데이터 처리
                             1) XML 파일 읽어오기
                             2) Server Side Script와의 연동
                         3. Ajax를 통한 JSON 데이터 처리
                             1) JSON 형식의 데이터 얻어오기
                             2) Server Side Script와의 연동
                         4. Cross Domain 통신
                             1) 프록시 페이지를 사용한 Naver Open API 연동
                             2) JSONP 개요
                             3) Daum Open API 연동

PART4. jQuery Mobile API
           Section1. jQuery Mobile 이벤트
                         1. jQuery Mobile 초기화
                         1) mobileinit 이벤트
                         2) 기본 환경설정
                         2. Page Event
                         1) Page Load 이벤트
                         2) Page Create 이벤트
                         3) Page Show Hide 이벤트
                         3. Touch Event
                         1) Tap 이벤트
                         2) Swipe 이벤트
                         3) Orientation 이벤트
           Section2. jQuery Mobile API
                         1. 유틸리티
                             1) changePage
                             2) loading Message
                             3) parseUrl
                             4) makePathAbsolute
                             5) makeUrlAbsolute
                             6) isSameDomain
                             7) isRelativeUrl
                             8) isAbsoluteUrl
                         2. 컨트롤 관련 API
                             1) button
                             2) listview
                             3) collapsible

PART5. Third Party Plugins
           Section1. Plugin 소개
           Section2. Icon Pack
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례
                             1) page
                             2) header
                             3) header button
                             4) footer Tab
                             5) Form
                             6) listview
                             7) dialog
           Section3. iOS Theme
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례
                             1) page
                             2) header
                             3) header button
                             4) footer Tab
                             5) Form
                             6) listview
                             7) dialog
           Section4. Pagination
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례
           Section5. PhotoSwipe
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례
           Section6. SwipeButton
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례
           Section7. ActionSheet
                         1. 플러그인 다운로드
                         2. 플러그인 적용 방법
                         3. 플러그인 적용 사례

PART6. HybridApp with jQuery Mobile
           Section1. Hybrid App Framework
           Section2. Appspresso 개발환경 구축
                         1. JDK 다운로드 및 설치
                         2. Appspresso SDK 다운로드 및 설치
                         3. Android SDK 다운로드 및 설치
                         4. iOS 개발환경 연동 (only Mac OS)
           Section3. Hello Appspresso
                         1. 프로젝트 생성하기
                         2. 프로젝트 구성 살펴보기
                         3. 소스코드 작성
                         4. 프로젝트 빌드
           Section4. 장치정보 획득하기
                         1. 프로젝트 설정
                         2. API 소개
                         3. 구현 사례
           Section5. 진동과 비프음 제어하기
                         1. 프로젝트 설정
                         2. API 소개
                         3. 구현 사례
           Section6. 진주소록 조회하기
                         1. 프로젝트 설정
                         2. API 소개
                         3. 구현 사례
           Section7. 카메라 사용하기
                         1. 프로젝트 설정
                         2. API 소개
                         3. 구현 사례

PART7. WebApp Demo
           Section1. TodoList
                         1. 프로그램 실행화면 미리보기
                         2. 프로그램 구성
                         3. 소스코드 구현
           Section2. Image검색 with Daum Open API
                         1. 프로그램 실행화면 미리보기
                         2. 프로그램 구성
                         3. 소스코드 
           Section3. 지역정보 검색 (with Google Map, Naver/Daum Open API)
                         1. 프로그램 실행화면 미리보기
                         2. 프로그램 구성
                         3. 소스코드 
           Section4. 게시판
                         1. 프로그램 실행화면 미리보기           
                         2. 프로그램 구성           
                         3. 소스코드 설명

출판사 리뷰

이 책은 실제로 실무자나 취업을 앞두고 있는 개발자, 퍼블리셔, 웹 디자이너들을 대상으로jQuery Mobile에 대한 강의를 진행하면서 실무자들의 반응을 고려하여 완성된 책 이다. 딱딱한 레퍼런스에서 제시하는 순서대로 정리된 것이 아니라, 실무자들에게 익숙한 내용에서 시작하여 점진적으로 내용을 확장해 나가도록 하고 있기 때문에, HTML과 CSS2를 사용한 웹 표준만 가능하다면 모두가 부담없이 즐길 수 있는 책 이다. 아마 책의 목차를 살펴보는 것 만으로도 단순히 이론적인 내용만을 정리하는 책이 아닌 실무에 대한 경험이 풍부하게 녹아 있는 책이라는 것을 느낄 수 있을 것이다.

(1) 웹 디자이너, 웹 퍼블리셔, 웹 개발자 모두가 볼 수 있는 jQuery Mobile
책의 앞부분에서는 HTML태그에 대한 기본 원리만 알고 있다면 누구나 손쉽게 모바일 웹을 구성할 수 있는 jQuery Mobile의 기본 속성들을 다루었다. 웹 개발자, 웹 퍼블리셔, 웹 디자이너들이 모두 함께 보아도 무난한 내용들이며, 다른 책들에는 소개되지 않았던 최신 jQuery Mobile의 내용까지도 빠짐없이 정리했다.

(2) 웹 퍼블리셔, 웹 개발자를 위한 기초 내용
jQuery Mobile을 사용하여 UI를 구성한 후에 웹 퍼블리셔나 웹 개발자들이 기능에 대한 부분을 구현하고자 할 경우에는 jQuery라는 스크립트를 기존에 다루지 않았던 경우, 혹은 Ajax를 기존에 다루어 보지 못한 경우 벽에 막히게 된다. 책의 중간 부분에서는 jQuery Mobile의 기능 구현을 위해서 반드시 필요한 jQuery의 기본적인 내용들과 Aajx에 대해서 정리하고 있으며 실무적인 부분을 위해서 Naver와 Daum의 OpenAPI 연동까지 다루고 있다. 웹 프로그래머와 웹 퍼블리셔가 함께 보면 당장 실무에 적용하기에도 무리가 없을 내용들이다. 또한, jQuery Mobile만의 새로운 자바스크립트 처리와 jQuery Mobile기반에서의 플러그인들을 소개하고 있다. jQuery Mobile만으로 부족함을 느껴서 다른 플랫폼을 고려해 보고 있다면, 그 전에 이 책을 통해서 외부 플러그인들을 검토해 보는 것도 좋은 대안이 될 것이다.

(3) 웹 퍼블리셔, 웹 개발자를 위한 고급 내용
Appspresso를 사용하여 모바일 웹앱을 네이티브 앱으로 패키징 하고, 하드웨어적인 자원을 사용하는 부분과 실제 jQuery Mobile을 사용한 다움 이미지 검색 연동, 네이버 지역검색 연동등에 대한 내용도 다루고 있다. 웹 페이지를 단말기에 설치가 가능한 App으로 변환하여 마켓을 통한 판매가 가능해 진다는 것은 생각만 해도 짜릿한 일이다.

(4) 웹 디자이너, 웹 퍼블리셔, 웹 개발자 모두를 위한 프로젝트 진행
이 책의 마지막에서는 PHP와 연동을 통한 게시판을 다루고 있다. 표면적인 주제 자체는 개발자와 퍼블리셔 들을 위한 내용이지만, 직접 CSS를 사용하여서 디자인을 적용하고 있다. CSS2정도를 다룰 수 있는 웹 디자이너나 퍼블려서라면 어렵지 않게 jQuery Mobile을 사용하여 자신만의 디자인이 적용된 페이지를 구성하는데도 도움이 될 것이다.