센차터치 하이브리드 앱 프로그래밍 따라하며 배우기: 폰 갭 활용

센차터치 이 보다 더 쉽게 배울 수 없다. 이 책은 모바일 프로그래밍을 처음 접하거나 다른 개발 언어와 개발 도구를 사용하는 기존 개발자들에게 센차터치를 사용해서 모바일 웹앱과 하이브리드 앱을 개발하고 빌드하고 배포하는 방법을 알려준다. 이 책의 실습 프로젝트를 따라가다 보면 센차터치의 주요 기능을 자연스럽게 익히고, 센차터치의 멋지고 다양한 도구들을 자유자재로 사용해서 원하는 모바일 웹앱과 하이브리드 앱을 완성할 수 있다. 저자가 운영하는 카페에 가면 소스와 요약 PPT와 다양한 자료가 있으며, 궁금 사항을 올리면 자세한 답변을 받을 수 있다.



[ 출판사 리뷰 ]

이 책을 읽으면 센차터치를 간단하게 따라 하며 쉽게 배울 수 있다!



센차터치는 스마트폰과 자바스크립트 기술에 최적화되어 있어서, HTML, CSS 코딩 최소화, UI 개발 최소화, 크로스 브라우징 고민 끝이라는 개발자들의 난제를 해결해 준다. 그래서 기존 웹 개발자와 신규 모바일 프로그래머에게 가장 많이 추천되는 개발 도구가 바로 센차터치다. 도입기와 성장기를 지나 안정기로 접어드는 모바일 시대에 모바일 프로그래머가 선택할 수 있는 최적의 도구인 센차터치의 진수를 이 책에서 만날 수 있다.



이 책에서 배울 내용은 다음과 같다.



- 모바일 개발 개념을 이해한다.

- 센차터치의 기본 구조와 핵심 문법을 익힌다.

- 코딩 노하우를 배운다.

- Sencha Docs 활용법을 이해한다.

- 이벤트와 리스트를 배운다.

- 데이터 처리 방법을 마스터한다.

- 컨트롤러와 프로필을 구현한다.

- MVC 패턴을 이해한다.

- Saas와 CSS를 활용한 센차터치 UI 커스터마이징 방법을 실습한다.

- 프로덕션 빌드 방법을 배운다.

- 모바일 웹앱 배포를 실습한다.

- 웹뷰와 폰갭을 활용한 하이브리드앱 만들기 방법을 실습한다.

1장 모바일 웹앱과 하이브리드 앱

1.1 모바일 프로그램 비교

1.2 모바일 웹앱과 하이브리드 앱의 장점

1.3 센차터치 Vs. jQuery Mobile

1.4 Sencha Touch Examples 구경하기

1.5 마무리



2장 개발 환경 설정

2.1 APMSetup 설치

2.2 크롬 설치

2.3 Notepad++ 설치

2.4 GS 프로젝트 생성

2.5 GS 정리하기

2.6 마무리



3장 센차터치 기초 배우기

3.1 app.js 이해하기

3.2 Sencha Docs 이해하기

3.2.1 fullscreen 속성 이해

3.2.2 tabBarPosition 속성 이해

3.2.3 items 속성 이해

3.2.4 UI 속성 이해

3.3 items 속성 이해하기

3.4 xtype 속성 이해하기

3.5 defaults 속성 이해하기

3.6 변수와 객체 이해하기

3.7 클래스 이해하기

3.8 코딩 노하우

3.9 마무리



4장 구조와 문법

4.1 GS 프로젝트 구동 순서 이해하기

4.1.1 GS 프로젝트 파일

4.1.2 GS 프로젝트 구동 순서

4.2 MVC 패턴 훑어보기

4.3 View 생성하기

4.4 Tabs 예제

4.4.1 Kitchen Sink Tabs 예제 확인

4.4.2 센차터치 SDK - Kitchen Sink 폴더 이동

4.4.3 Tabs.js 복사

4.4.4 Tabs.js 수정하기

4.4.5 app.js 수정하기

4.5 Bottom Tabs 예제

4.5.1 Bottom Tabs 예제 훔쳐오기

4.5.2 Bottom Tabs 소스 분석하기

4.6 Icons 예제

4.6.1 Icons 예제 훔쳐오기

4.6.2 Icons 소스 분석하기

4.7 Carousel 예제

4.7.1 Carousel 예제 훔쳐오기

4.7.2 Carousel 소스 분석하기

4.8 Buttons 예제

4.8.1 Buttons 예제 훔쳐오기

4.8.2 Buttons 소스 분석하기

4.9 Video 예제

4.9.1 Video 예제 훔쳐오기

4.9.2 Video 소스 분석하기

4.10 마무리



5장 이벤트

5.1 Overlays 예제

5.2 버튼 이벤트 - 이벤트 객체 제어

5.2.1 이벤트 객체 제어 구현하기

5.2.2 Disable 버튼

5.2.3 BadgeText 버튼

5.3 버튼 이벤트 - 다른 객체 제어

5.3.1 Enable 버튼 구현하기

5.3.2 Enable 버튼 이해

5.3.3 개발자 도구로 객체 제어

5.4 MessageBox

5.4.1 Alert

5.4.2 Confirm

5.4.3 Prompt

5.5 Action Sheet

5.6 Overlay

5.7 Picker

5.7.1 이벤트 추가 - listeners 속성 활용

5.7.2 이벤트 추가 - addListener 함수 활용

5.8 개발자 도구를 이벤트에 활용하는 방법

5.9 마무리



6장 리스트

6.1 BasicList 예제

6.1.1 BasicList 예제 훔쳐오기

6.1.2. BasicList 소스 분석

6.1.3. Store와 Model 소스 분석하기

6.1.4. BasicList 예제 구조 정리

6.2 AJAX 예제

6.2.1 Ajax 예제 훔쳐오기

6.2.2. Ajax 소스 분석하기

6.2.3. Ajax 예제 구동 방식 정리

6.2.4. 디버깅 모드를 통해 Ajax 이벤트 자세히 보기

6.3 리스트 데이터를 JSON 파일로 가져오기

6.3.1 JSON이란?

6.3.2. JSON 파일 불러오기

6.3.3. PHP를 통해 JSON 불러오기

6.3.4. 모바일 웹앱 언어 정리

6.4 리스트 로딩 - DB 데이터

6.4.1 phpMyAdmin 접속하기

6.4.2 MySQL Table 만들기

6.4.3 MySQL 데이터 삽입하기

6.4.4 MySQL 쿼리 만들기

6.4.5 MySQL 내용을 센차터치로 출력하기

6.5 리스트 심화

6.5.1 itemTpl 이해하기

6.5.2 Store 정렬 이해하기

6.5.3 Store, List 그룹 속성 이해하기

6.5.4 List 이벤트 이해하기

6.6 리스트 데이터를 JSONP 방식으로 가져오기

6.6.1 JSONP란?

6.6.2 JSONP 사용하기

6.7 마무리



7장 데이터

7.1 Form Panel 예제

7.2 Form Panel 예제 이해하기

7.3 FormPanel 수정

7.3.1 Form Field 수정

7.3.2 Title 및 버튼 추가

7.4 FormPanel Select

7.4.1 Select 쿼리 만들기

7.4.2 singerSelect.php 만들기

7.4.3 JSONP 불러오기 예제

7.4.4 Ajax 불러오기 예제

7.5 FormPanel Insert

7.5.1 Insert 쿼리 만들기

7.5.2 singerInsert.php 만들기

7.5.3 Ajax Insert 예제

7.6 FormPanel Update

7.6.1 Update 쿼리 만들기

7.6.2 singerUpdate.php 만들기

7.6.3 Ajax Update 예제

7.7 FormPanel Delete

7.7.1 Delete 쿼리 만들기

7.7.2 singerDelete.php 만들기

7.7.3 Ajax Delete 예제

7.7.4 BasicList에서 삭제 적용하기

7.8 마무리



8장 컨트롤러

8.1. 컨트롤러 구현

8.2 ref 속성 이해하기

8.3 컨트롤러 이해

8.4 마무리



9장 프로필

9.1 프로필 구현

9.2 프로필 활용 메인 구성

9.3 프로필 구동 방식 이해

9.4 마무리



10장 MVC 패턴 이해

10.1 모델

10.2 뷰

10.3 컨트롤러

10.4 마무리



11장 센차터치 UI 커스터마이징

11.1 Sass를 활용한 UI 커스텀

11.1.1 Sass 개발툴 설치

11.1.2 Sass 활용 테마 생성

11.1.3 Sass 활용 테마 커스텀

11.2 CSS를 활용한 UI 커스텀

11.2.1 CSS 활용 UI 커스텀

11.2.2 이미지 파일을 통한 아이콘 추가

11.3 마무리



12장 프로덕션 빌드

12.1 프로덕션 빌드 수행

12.2 빌드된 프로젝트 이해

12.3 마무리



13장 모바일 웹앱 배포

13.1 웹 호스팅 신청

13.2 PHP 파일 수정

13.3 DB 데이터 내보내기 및 가져오기

13.4 빌드 파일 FTP 업로드

13.5 마무리



14장 하이브리드앱 만들기

14.1 안드로이드 개발 환경 세팅

14.2 웹뷰 활용 하이브리드앱 생성

14.3 폰갭 활용 하이브리드앱 생성

14.4 마무리



찾아보기

하영훈 저자 하영훈은 인천대학교 컴퓨터공학과를 졸업하고, 프리랜서 개발자로 일하고 있다. 가르치는 것이 좋아서 시간이 날 때면 강의도 하고 있다. 주 관심 분야는 프론트엔드 개발이다.