모바일 웹앱

저자 : 신 용 권

가격 : 47500원

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

ISBN13 : 9788981360115

메일 : info@techworld.co.kr

HTML5, 센차터치2, 제이쿼리, 폰갭을 이용한 하이브리드앱 개발 개정판,CD

판매처

책소개

HTML5로 모바일 앱을 만든다! 웹 개발자들을 Hybrid 모바일앱 개발자로 만들어 주는 책! 

이 책은 차세대 웹 표준 기술인 HTML5와 CSS3를 기반으로한 프레임워크인 Sencha Touch 2와 jQuery Mobile를 이용하여 웹앱을 만드는 방법부터 하이브리드앱을 만드는 방법까지 자세하게 설명한다. 국내 최초로 모바일 웹앱 개발자 교육으로 유명한 신용권 교수가 오랜 개발자로서의 경험과 축적된 노하우를 바탕으로 집필했고, 단순한 참고서 역할을 벗어나 책의 절반 이상을 예제 위주로 구성해 개발의 원리와 방법을 이해하고 응용할 수 있도록 했다. 이번 개정판에서는 Sencha Touch2 정식 버전을 토대로 재구성을 하였고, Sencha SDK Tools를 이용한 MVC 클래스 작성 방법과 프로덕션 빌드가 추가되었다. 그리고 Sencha 네이티브 API와 네이티브앱 패키징에 대해서도 상세히 다룬다. 이번 개정판에서는 특별한 혜택도 있다. 저자가 직접 운영하는 모바일 웹앱 카페에서 책 전체 동영상 강의(약 250강) 를 무료로 제공한다는 점이다. 그리고 카페를 통해서 실무 개발자들과 좋은 정보를 공유할 수 있어 더할 나위 없이 좋은 학습 환경을 제공해준다. 

모바일 웹앱 카페: http://cafe.naver.com/mobilewebapp

저자/역자 소개

목차

PART 1. HTML5
             Chapter 01 모바일 웹앱
                             Section 01 모바일 웹앱의 종류 
                             Section 02 모바일 웹앱 프레임워크
                                             1)jQuery Mobile
                                             2)Sencha Touch
                                             3)jQuery Mobile vs Sencha Touch
             Chapter 02 개발 환경 구축
                             Section 01 웹서버 설치
                             Section 02 크롬 설치
                             Section 03 Site to Phone 설치
                             Section 04 책 예제 설치
                             Section 05 에디터플러스 설치
             Chapter 03 HTML5 주요 
                             Section 01 HTML5
                             Section 02 모바일 웹앱을 위한 설정
                                             1)문서 타입 선언
                                             2)「meta」 태그
                                             3)「link」 태그
                             Section 03 향상된 폼 양식
                             Section 04 향상된 Selector API
                             Section 05 웹 스토리지
                             Section 06 애플리케이션 캐시
                             Section 07 위치 정보
                             Section 08 미디어 재생

PART 2. jQuery Mobile 1
             Chapter 01 jQuery Mobile 시작
                             Section 01 jQuery Mobile 소개
                             Section 02 jQuery Mobile 특징
                             Section 03 jQuery Mobile 프레임워크 설치
                             Section 04 HTML5 사용자 정의 속성
                             Section 05 jQuery Mobile 웹앱 시작 HTML 파일
                             Section 06 jQuery Mobile 웹앱 파일 구성
             Chapter 02 jQuery Mobile UI 
                             Section 01 페이지
                             Section 02 컨텐트
                             Section 03 버튼
                                             1)기본 버튼
                                             2)버튼 아이콘
                                             3)버튼 그룹
                                             4)폼 버튼
                             Section 04 툴바
                                             1)헤더바
                                             2)푸터바
                                             3)내비게이션바
                                             4)툴바 고정
                                             5)전체 화면 보기
                                             6)공통 푸터바
                             Section 05 리스트
                                             1)기본 리스트
                                             2)번호 매기기
                                             3)탭 항목 만들기
                                             4)여백 주기
                                             5)항목 구분자 추가
                                             6)필터링하기
                                             7)Split 버튼 추가
                                             8)항목 썸네일 추가
                                             9)항목 아이콘 추가
                                             10)카운트 버블 추가
                                             11)텍스트 서식
                                             12)중첩 리스트
                                             13)리스트 동적 갱신
                             Section 06 그리드 레이아웃
                             Section 07 Collapsible 블록
                             Section 08 폼 양식
                                             1)필드 컨테이너
                                             2)number, email, url, tel 양식
                                             3)Slider 양식
                                             4)Select 양식
                                             5)Checkbox와 Radio Button 양식
                                             6)Flip Toggle 양식
             Chapter 03 jQuery Mobile 페이지 이동
                             Section 01 단일 HTML 모델
                             Section 02 외부 페이지
                             Section 03 다른 웹앱 실행
                             Section 04 데이터 링크
                             Section 05 페이지 트랜지션
                             Section 06 페이지 이동 API
             Chapter 04 jQuery Mobile 이벤트 처리 
                             Section 01 mobileinit 이벤트
                             Section 02 페이지 로드 이벤트
                             Section 03 페이지 초기화 이벤트
                             Section 04 페이지 제거 이벤트
                             Section 05 페이지 트랜지션 이벤트
                             Section 06 터치 이벤트
                             Section 07 방향 변경 이벤트
             Chapter 05 jQuery Mobile 서버 통신 
                             Section 01 AJAX 통신
                             Section 02 크로스 도메인 통신
             Chapter 06 jQuery Mobile 테마 
                             Section 01 jQuery Mobile 테마 특징
                             Section 02 jQuery Mobile 테마 적용
                             Section 03 테마롤러로 테마 만들기
             Chapter 07 jQuery Mobile 데모
                             Section 01 웹앱 파일 구성
                             Section 02 웹앱 시연
                             Section 03 홈페이지
                             Section 04 로그인 관련 페이지
                                             1)로그인 폼 페이지
                                             2)로그인 처리 페이지
                             Section 05 폰 관련 페이지
                                             1)폰 목록 페이지
                                             2)폰 등록 및 수정 폼 페이지
                                             3)폰 등록 및 수정 처리
                                             4)폰 삭제 처리

PART 3. Sencha Touch 2

             Chapter 01 Sencha Touch 시작 
                             Section 01 Sencha Touch 소개
                             Section 02 Sencha Touch 특징
                             Section 03 Sencha Touch 프레임워크 설치
                             Section 04 Sencha Touch 클래스 시스템
                                             1)클래스 정의
                                             2)클래스 구성 옵션
                                             3)클래스 상속
                                             4)new 연산자 vs Ext.create()
                                             5)Ext.require()
                             Section 05 Sencha Touch 웹앱 시작 HTML 생성
                             Section 06 웹앱 파일 구성
             Chapter 02 Sencha Touch UI 
                             Section 01 컴포넌트 종류
                                             1)기능별 분류
                                             2)상속 관계에 따른 분류
                             Section 02 패널
                                             1)패널 생성
                                             2)컴포넌트 추가와 제거
                                             3)도킹된 컴포넌트 추가
                                             4)HTML 내용 추가
                             Section 03 레이아웃
                                             1)Default 레이아웃
                                             2)Vbox와 Hbox 레이아웃
                                             3)Fit 레이아웃
                                             4)Card 레이아웃
                             Section 04 xtype 정의 객체
                             Section 05 컴포넌트 공통 구성 옵션
                             Section 06 버튼
                             Section 07 툴바와 타이틀바
                             Section 08 세그먼트 버튼
                             Section 09 오버레이
                             Section 10 시트
                             Section 11 액션 시트
                             Section 12 메시지 박스
                                             1)기본 메시지 박스
                                             2)메시지 박스 한글화
                             Section 13 멀티미디어
                                             1)비디오
                                             2)오디오
                             Section 14 지도
                             Section 15 폼 양식
             Chapter 03 Sencha Touch 화면 내비게이션
                             Section 01 페이지 이동 vs UI 컴포넌트 뎱체
                             Section 02 Card 레이아웃
                             Section 03 화면 전환 애니메이션
                             Section 04 탭패널
                             Section 05 캐러셀
             Chapter 04 Sencha Touch 이벤트 처리
                             Section 01 listeners 구성 옵션
                             Section 02 addListener() 메소드
                             Section 03 탭 이벤트 처리
                             Section 04 객체 찾기
                             Section 05 터치 이벤트 처리
                             Section 06 드래그 이벤트 처리
             Chapter 05 Sencha Touch 서버 통신
                             Section 01 AJAX 요청
                             Section 02 마스크
                             Section 03 XML 응답 처리
                             Section 04 JSON 응답 처리
                             Section 05 폼 양식 처리
                             Section 06 JSONP로 크로스 도메인 데이터 얻기

             Chapter 06 Sencha Touch 데이터 바인딩
                             Section 01 템플레이트
                             Section 02 X템플레이트
                                             1)반복 처리
                                             2)조건적 처리
                             Section 03 컨테이너 tpl 구성 옵션
                             Section 04 AJAX와 JSONP 데이터 바인딩
             Chapter 07 Sencha Touch 데이터 I
                             Section 01 Model 클래스 정의
                             Section 02 Model 객체 생성, 읽기, 수정
                             Section 03 Model 데이터 바인딩
                                             1)템플레이트 바인딩
                                             2)폼 바인딩
                             Section 04 Proxy/Reader/Writer의 역할과 종류
                             Section 05 HTML5 로컬 저장소 데이터
                                             1)로컬 저장소의 가상 테이블화
                                             2)데이터 읽기
                                             3)데이터 생성, 수정, 삭제
                             Section 06 AJAX 동일 도메인 서버 데이터
                                             1)XML 데이터 읽기
                                             2)JSON 데이터 읽기
                                             3)데이터 생성, 수정, 삭제
                             Section 07 JSONP 크로스 도메인 서버 데이터
                                             1)데이터 읽기
             Chapter 08 Sencha Touch 데이터 II
                             Section 01 스토어
                             Section 02 인라인 데이터 스토어
                             Section 03 스토어 데이터뷰
                                             1)List
                                             2)항목 탭 이벤트 처리
                                             3)DataView
                                             Section 04 원격 XML 데이터 스토어
                             Section 05 원격 JSON 데이터 스토어
                             Section 06 크로스 도메인 데이터 스토어
                             Section 07 HTML5 로컬 저장소 스토어
                             Section 08 스토어 정렬
                             Section 09 스토어 필터링
                             Section 10 스토어 그룹핑
                                             1)알파벳 그룹핑
                                             2)한글 초성 그룹핑
                             Section 11 스토어 페이징과 내비게이션
                             Section 12 트리 스토어와 중첩 리스트
                             Section 13 스토어 데이터 동기화
                                             1)로컬 저장소와 동기화
                                             2)서버와 동기화
             Chapter 09 Sencha Touch 테마
                             Section 01 Sass 기반 테마
                             Section 02 Sass 개발 툴 및 설치
                             Section 03 Sencha Touch 테마 관련 파일
                             Section 04 사용자 정의 테마 만들기
          Chapter 10 Sencha Touch MVC 아키텍쳐
                             Section 01 MVC 아키텍쳐 소개
                             Section 02 Sencha SDK Tools 설치
                             Section 03 MVC 폴더 자동 생성
                             Section 04 MVC 폴더와 파일 분석
                             Section 05 View
                             Section 06 Controller
                             Section 07 Model
                             Section 08 Store
                             Section 09 Profile
             Chapter 11 프로덕션 버전 및 네이티브앱 패키징
                             Section 01 프로덕션 버전
                             Section 02 네이티브앱 패키징
                             Section 03 Sencha Touch 2 네이티브 API
             Chapter 12 Sencha Touch 데모
                             Section 01 웹앱 파일 구성
                             Section 02 웹앱 시연
                             Section 03 Main 관련 클래스
                             Section 04 User 관련 클래스
                             Section 05 Phone 관련 클래스
                             Section 06 웹앱 초기화 파일
                             Section 07 서버 데이터 처리
                             Section 08 프로덕션 빌드

PART 4. PhoneGap

             Chapter 01 폰갭
                             Section 01 폰갭 소개
                             Section 02 안드로이드 개발 툴 설치
                             Section 03 AVD 생성
                             Section 04 폰갭 하이브리드 프로젝트 생성
             Chapter 02 웹앱을 하이브리드앱으로 변환 
                             Section 01 jQuery Mobile 하이브리드앱
                             Section 02 Sencha Touch 2 하이브리드앱
             Chapter 03 폰갭 API로 하드웨어 접근
                             Section 01 하이브리드앱 프로젝트 생성
                             Section 02 가속도계(Accelerometer)
                             Section 03 카메라(Camera)
                             Section 04 방향(Compass)
                             Section 05 연락처(Contact)
                             Section 06 통지(Notification)
                             Section 07 파일(File)
                             Section 08 데이터베이스(Storage)

출판사 리뷰

우리나라 전체 개발자중 웹 개발자가 80% 이상을 차지하고 있다. 웹 개발자들의 개발 노하우를 그대로 이용하면서 네이티브앱과 유사한 동작을 하는 앱을 만들 수 있다면 구지 Java나 Object C, 그리고 SDK를 학습할 이유가 없을 것이다. 모바일 웹앱이 빛날 수 밖에 없는 이유가 여기에 있다. 모바일 웹앱은 순수한 웹 기술만으로 네이티브앱에 준하는 RIA(Rich Internet Application)을 만들 수 있는 방법을 제시한다. 웹 개발자들이 이미 알고 있는 HTML, CSS, JavaScript 만을 요구하며 자신이 선호하는 웹 개발 도구를 그대로 사용해서 모바일 웹앱을 만들 수 있다. 그리고 하이브리드 앱으로 변환해서 애플 앱스토어나 구글 마켓에 내다 팔수도 있다. 따라서 웹 개발자들은 네이티브앱 개발을 위해 시간과 노력을 지불할 필요가 없다. 

개발 기간과 비용 측면에서도 네이티브앱보다는 모바일 웹앱이 유리하다. 네이티브앱은 플랫폼별로 개발해야 하므로 개발 기간과 비용이 증가한다. 예를 들어 안드로이드와 아이폰 앱은 별도로 개발해야 한다. 그리나 모바일 웹앱은 크로스 프랫폼을 지원한다. HTML5와 CSS3, JavaScript가 지원되는 플랫폼이라면 어디든지 실행이 가능하기 때문에 개발 기간과 비용이 적게 든다. 

이 책을 학습하면서 여러분은 모바일 웹앱 개발자로 다듬어 지고, 이 책을 접을 때쯤이면 이미 모바일 웹앱 개발자가 되어 있을 것이다. 이 책을 통해 모바일 웹앱을 배우는 과정에서도 여러분에게 감탄과 즐거움을 선사할 것임을 확신한다.