제이쿼리 모바일의 모든 것!
이 책은 제이쿼리 모바일을 통해 모바일 웹 개발에 입문하는 분들을 위한 책이다. 이 책을 통해 제이쿼리 모바일의 기본적인 개념부터 고급 활용법까지 배울 수 있으며, 예제 프로젝트를 통해 제이쿼리 모바일로 제작한 웹앱이 어떻게 동작하는지 알 수 있다. 이 책을 모두 읽고 나면 직접 간단한 모바일 웹앱을 만들 수 있게 될 것이다.
★ 이 책에서 다루는 내용 ★
- 제이쿼리 모바일의 다양한 위젯 사용법
- 제이쿼리 모바일의 메서드, 이벤트, 테마
- 내부 이벤트, 동작, 효과 처리 방식의 이해와 활용
- 핸들바의 이해 및 활용법
- Node.js의 이해 및 활용법
- 제이쿼리 모바일과 Node.js를 이용한 예제 프로젝트
한정현
성균관대학교 석사 졸. SK planet에서 근무 중이며, 자바스크립트 웹앱 및 프레임워크를 개발했다. 현재는 O2O 서비스의 프런트엔드 개발을 담당하고 있다. 웹 트렌드와 자바스크립트, Node.js에 대해 관심이 많으며, 매 순간 성장하는 개발자가 되려고 노력 중이다.
신호철
삼성전자를 거쳐 SK planet에서 개발자로 근무 중이며, 어떻게 하면 70세까지 즐겁게 개발할 수 있을지 고심 중이다. 저서로는 『빠르게 활용하는 파이썬 3.2 프로그래밍』 『빠르게 활용하는 SQLite3』 『IT Cookbook for beginner C++ 기초』 등이 있다.
송형규
성균관대학교 석사 졸. 삼성전자 SWC에서 LiMo 및 Tizen 플랫폼을 개발했고, 현재는 Invensense에서 센서 기반의 프레임워크를 개발 중이다. 항상 전체를 아우를 수 있는 개발자가 되고자 노력 중이며, 현재는 계속 진화하고 있는 모바일과 웹 기술에 집중하고 있다.
- ▣ 01장: 제이쿼리 모바일 준비하기
- 1.1. 개요
- 1.2. 프레임워크 비교
- 제이쿼리
- AngularJS vs. 핸들바
- 제이쿼리 모바일 vs. 센차 터치
- 1.3. 제이쿼리 모바일 설치
- 빌더를 이용하는 방법
- 압축 파일을 통째로 내려받는 방법
- CDN을 이용하는 방법
- 1.4. 예제 코드 빌드와 실행
- ▣ 02장: 제이쿼리 모바일 사용법
- 2.1. Page 위젯
- 2.2. 페이지 전환
- 2.3. Form 위젯
- 2.4. Button 위젯
- 2.5. Slider 위젯
- 2.6. Range Slider 위젯
- 2.7. Flip Switch 위젯
- 2.8. Checkbox 위젯
- 2.9. RadioButton 위젯
- 2.10. Select 위젯
- 2.11. Textinput 위젯과 Textarea 위젯
- 2.12. Form 위젯의 특성
- 폼 요소 비활성화하기
- 폼 요소 그룹화하기
- 폼 요소 자동 초기화하기
- 동적으로 삽입된 폼 요소 초기화하기
- 2.13. 폼 요소 갱신하기
- Checkbox 위젯
- RadioButton 위젯
- Select 위젯
- Slider 위젯
- Flip switch 위젯
- 2.14. 폼 요소의 자동 초기화 방지
- data-role="none"
- keepNative 옵션
- data-enhance="false"
- 2.15. Form 관련 위젯
- 2.16. Button 위젯
- 2.17. Icon
- 2.18. Single Slider 위젯
- 2.19. Range Slider 위젯
- 2.20. Flip Switch 위젯
- 2.21. Radio Button 위젯
- 2.22. Checkbox 위젯
- 2.23. Select 위젯
- 2.24. Textinput 위젯
- 2.25. Controlgroup
- 2.26. Collapsibles
- 2.27. Grid
- 2.28. Toolbar 위젯
- 2.29. Table 위젯
- 2.30. Dialog 위젯
- 2.31. Popup 위젯
- 2.32. Accordion 위젯
- 2.33. Listview 위젯
- 2.34. Navbar 위젯
- 2.35. Panel 위젯
- ▣ 03장: 제이쿼리 모바일 활용하기
- 3.1. 메서드
- 스타일링 관련 메서드
- 유틸리티성 메서드
- 데이터 관련 메서드
- 3.2. 이벤트
- hashchange
- mobileinit
- navigate
- orientationchange
- pagecreate
- scrollstart
- scrollstop
- swipe
- tap 및 taphold
- throttledresize
- updatelayout
- 가상 마우스 이벤트
- 3.3. 테마
- Swatches
- Active State
- Theme inheritance
- ThemeRoller
- 3.1. 메서드
- ▣ 04장: 제이쿼리 모바일 내부의 이해
- 4.1. Page 이벤트
- 4.2. 페이지 전환 동작 방식 및 새로운 전환 효과 추가하기
- 4.3. 위젯 정의 방식
- ▣ 05장: 핸들바
- 5.1. 핸들바란?
- 5.2. 핸들바 사용하기
- 5.3. 핸들바의 기본 문법
- Block
- 하위 속성 표현
- 부모 속성 표현
- 삼중괄호({{{, }}})
- 주석처리
- 스크립트 태그 사용하기
- 5.4. 핸들바 헬퍼 사용하기
- 내장 헬퍼 사용하기
- 사용자 정의 헬퍼 사용하기
- 사용자 정의 함수 헬퍼 만들기
- 사용자 정의 블록 헬퍼
- ▣ 06장: Node.js
- 6.1. Node.js란?
- package.json 생성
- Gruntfile.js
- Grunt-cli 설치
- io.js
- 6.1. Node.js란?
- ▣ 프로젝트 01: 채팅
- socket.io란?
- socket room 소개
- 프로젝트 구조 및 설치 방법
- 구현 계획
- 구현 방법 설명
- 결과 화면
- 결론
- ▣ 프로젝트 02: 모바일 청첩장
- 개요
- 프로젝트 구조
- 설치 방법
- 프로젝트 구현
- 결론