쉽게 따라 하는 모바일 웹 개발

jQuery Mobile부터 Node.js까지

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

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

★ 이 책에서 다루는 내용 ★

  • 제이쿼리 모바일의 다양한 위젯 사용법
  • 제이쿼리 모바일의 메서드, 이벤트, 테마
  • 내부 이벤트, 동작, 효과 처리 방식의 이해와 활용
  • 핸들바의 이해 및 활용법
  • 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
    •  
  • ▣ 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: 모바일 청첩장
    • 개요
    • 프로젝트 구조
    • 설치 방법
    • 프로젝트 구현
    • 결론

예제코드 관련 깃허브 페이지