로그인회원가입장바구니고객센터마이페이지회사소개
kangcom
전체
Home >   >   > 

jQuery Mobile inside

 [HTML5 API연동, 제이쿼리, 제이쿼리 모바일, Ajax를 통한 openAPI연동, appspreso를 활용한 네이티브 웹 패키징]
   
지은이 이광호   |   출판사 스마트미디어  |   발행일 2012년 07월 05일
 
클릭하시면 큰 도서이미지를 보실 수 있습니다.
판매가 36,000원32,400원 10%
마일리지 5% 1,800원
발행일 2012-07-05
ISBN 898136012X | 9788981360122
기타정보 국내서 | 600쪽 | 일반
예상출고일 금일 가능 (근무일기준)
배송비 무료배송
   
프로그래밍
종합지수 0p
   
 

[책소개]

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

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

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

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


[출판사 소개]

이 책은 실제로 실무자나 취업을 앞두고 있는 개발자, 퍼블리셔, 웹 디자이너들을 대상으로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을 사용하여 자신만의 디자인이 적용된 페이지를 구성하는데도 도움이 될 것이다.














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) 태그를 통한 캐릭터 셋 지정
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. 소스코드 설명
저자 운영카페 http://cafe.naver.com/jqminside
블로그 http://www.hoyanet.pe.kr

필자는 IT계에 처음 입문하면서 부터 모바일 관련 개발에 몸 담아 왔습니다. 과거 핸드폰이 흑백이던 시절부터 유무선 연동 사이트와 모바일 게임들을 개발하였고, WIPI 시절에는 각종 2D게임과 3D게임을 개발했으며, 스마트폰이 나오기 시작하면서 부터는 게임의 영역이 아니라 서비스의 영역에서 국내 모 대기업 관련 프로젝트들을 수행해 왔습니다.

스마트폰이 보급되면서 프로그래밍 환경의 변화가 생긴 것이 있다면, 개별적으로 취급받던 유선 웹 기술과 모바일 개발 기술이 이제는 자연스럽게 통합되었다는 것 입니다.

웹표준과 자바스크립트. 그리고 서버측 스크립트 기술.

안드로이드나 아이폰에 대한 App 개발 기술과 모바일 웹을 위한 HTML5...

갑작스럽게 새로운 기술들이 쏟아져 나오는 것 같아 보이지만, 자세히 살펴보면 이 기술들은 전혀 새로운 것은 아닙니다. 이전부터 사용되어져 오던 기술들을 서로 조합하고 각색하여서 새로운것 처럼 보이게 하고 있습니다.

현재 필자는 10여년간 쌓아온 실무 경험을 바탕으로 기존의 기술들이 모바일 환경에서 어떻게 접목되어져야 하는지에 대한 내용을 중심으로 실무자들을 대상으로한 강의 활동을 주로 하고 있습니다.

그리고 이 책에는 저의 다년간의 실무 경험과 강의 노하우가 그대로 녹아 있습니다.


작가의 한마디!!!

유선과 무선. 안드로이드와 아이폰.
두마리 토끼를 잡는 법. 어렵지 않습니다.
이제... 즐깁시다.
등록된 서평이 없습니다.
OpenCL 프로그래밍...
주식회사 Fixstars
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
Do it! 안드로이드 앱 프로그래밍...
정재곤
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
 
전체평균(0)
회원평점   회원서평수 0
이광호 의 최근 저서
 
인간과 성 2
27,440원
(2%↓+0%)
 
EnergyPlus 에너지플러스, 공조설비 이론과 함께 보는 모델링 기법
22,500원
(10%↓+5%)
 
꿈창 행정학개론 - 전3권
36,900원
(10%↓+0%)
 
초등수학수업전문성
23,750원
(5%↓+0%)
 
안드로이드 프로그래밍
36,000원
(10%↓+5%)
 
스마트미디어 출판사의 신간
안드로이드 프로그래밍
이광호, 주영아 저
36,000원
(10%↓+5%)
 
모바일 웹앱(개정판)
신용권 저
42,750원
(10%↓+5%)
 
모바일 웹앱(Framework): jQuery Mobile & Sencha Touch
신용권 저
42,750원
(10%↓+5%)
 
이메일주소수집거부