쉽게 따라 하는 모바일 웹 개발(위키북스 오픈소스 & 웹 시리즈 74)

제이쿼리 모바일의 모든 것!

이 책은 제이쿼리 모바일을 통해 모바일 웹 개발에 입문하는 분들을 위한 책이다. 이 책을 통해 제이쿼리 모바일의 기본적인 개념부터 고급 활용법까지 배울 수 있으며, 예제 프로젝트를 통해 제이쿼리 모바일로 제작한 웹앱이 어떻게 동작하는지 알 수 있다. 이 책을 모두 읽고 나면 직접 간단한 모바일 웹앱을 만들 수 있게 될 것이다.



★ 이 책에서 다루는 내용 ★

◎ 제이쿼리 모바일의 다양한 위젯 사용법

◎ 제이쿼리 모바일의 메서드, 이벤트, 테마

◎ 내부 이벤트, 동작, 효과 처리 방식의 이해와 활용

◎ 핸들바의 이해 및 활용법

◎ Node.js의 이해 및 활용법

◎ 제이쿼리 모바일과 Node.js를 이용한 예제 프로젝트

▣ 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



▣ 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



▣ 프로젝트 01: 채팅

socket.io란?

socket room 소개

프로젝트 구조 및 설치 방법

구현 계획

구현 방법 설명

결과 화면

결론



▣ 프로젝트 02: 모바일 청첩장

개요

프로젝트 구조

설치 방법

프로젝트 구현

결론

한정현 저자 한정현은 성균관대학교 석사 졸. SK planet에서 근무 중이며, 자바스크립트 웹앱 및 프레임워크를 개발했다. 현재는 O2O 서비스의 프런트엔드 개발을 담당하고 있다. 웹 트렌드와 자바스크립트, Node.js에 대해 관심이 많으며, 매 순간 성장하는 개발자가 되려고 노력 중이다.