길벗·이지톡

길벗스쿨 시나공 IT 길벗 동영상강좌

모바일 웹앱 개발을 시작하기에 앞서
이 책의 구성
지은이 및 옮긴이 소개
베타테스터의 글
프로젝트 소스 코드 보는 방법


Chapter 01 시작하기

안드로이드 플랫폼 기능의 이해

- 인터넷 연결
- 터치
- 위치 추적
- 하드웨어 센서
- 로컬 데이터베이스와 저장소
- 카메라 지원
- 메시징과 푸시 공지
- 웹킷 웹 브라우저
- 프로세스 관리
- 안드로이드 플랫폼이 제공하는 기능

개발 환경 준비

- 텍스트 편집기와 작업 디렉터리
- 웹 서버
- 에뮬레이터

Hello World

요약


Chapter 02 모바일 HTML 입력 폼 구축

모바일 웹을 위한 HTML

- Mobile-Ready 웹 페이지
- 폼 요소 추가

스타일 입히기

- CSS3를 적용한 폼 스타일
- 페이지 제목 개선
- 크기가 다른 화면을 위한 코딩
- 기기 방향에 따른 변화 처리

폼 유효성 추가하기

- 제한된 화면에서의 피드백

요약


Chapter 03 | HTML5 Storage API

Web Storage API

- JSON을 이용하여 웹 Storage에 객체 저장
- 로컬 스토리지 vs 세션 스토리지

Web SQL Database

- 클라이언트 측 데이터베이스에 to-do-list 목록 저장하기
- 데이터베이스 버전 관리와 업그레이드

요약


Chapter 04 | 멀티 페이지 앱 구현하기

단일 HTML 파일, 멀티 앱 페이지

- 뷰 관리자 생성
- 뷰 액션 구축

애플리케이션 메인 화면 구성하기

- ViewManager 기능 조작
- 메인 화면 스토리지 요구사항
- 메인 화면 마무리

모든 내용을 보여주는 화면 구축하기

뷰 스택 구현하기

요약


Chapter 05 | 클라우드 동기화

온라인 저장소 옵션 알아보기

- 온라인 동기화 저장소의 조건
- 3-Tier 구조 우회
- 사용자 인증
- 자바스크립트 동기화 라이브러리
- 사용 가능한 동기화 솔루션

구글 앱 엔진 시작하기

- 로컬에서 json엔진 배포
- 적합한 동기화 방식 선택
- json엔진에 오프라인 데이터 전송

온라인 동기화를 위한 사용자 인터페이스 업데이트하기

데스크톱 인터페이스 작업하기

- json엔진 인스턴스로 쿼리 전송
- 클라우드에서의 애플리케이션 배포

요약


Chapter 06 | 네이티브 앱과의 한판 승부

간단한 애니메이션 및 네이티브 느낌의 레이아웃 추가하기

- 간단한 로딩 스피너 추가
- 스크롤 기능 추가
- 액션 바 꾸미기

애플리케이션에게 위치 정보 알려 주기

- W3C Geolocation API 사양

오프라인에서 애플리케이션 실행하기

- 오프라인 캐시 매니페스트 파일
- 숨겨진 오프라인 캐싱 기능
- 연결 상태 감지

요약


Chapter 07 | 사용자 상호작용

HTML5 캔버스

상호작용 입력으로 캔버스에 그리기

- 상호작용: 마우스 이벤트
- 상호작용 : 터치 이벤트

캔버스 애니메이션 구현하기

- 애니메이션 루프 생성
- 애니메이션 프레임 그리는 방법
- 기기의 DPI 고려해 이미지 그리기

고급 애니메이션 기술 익히기

- 애니메이션의 사실적인 움직임 구현
- 캔버스 변형과 애니메이션
- 변형과 자동차 애니메이션

요약


Chapter 08 | 위치 기반 서비스와 모바일 지도

위치 기반 서비스

지오소셜 네트워킹

모바일 지도 제작

- 구글 맵스를 이용한 지도 표시
- Tile5: HTML5 지도 API를 이용한 대안
- 구글 지도에 표시점 추가
- 표시점 상세 정보 표시

모바일에 최적화된 지도 UI

- 지도 UI 샘플 이미지 작업
- 모바일 지도 UI 코드 작성
- 내비게이션 UI 구현
- 내비게이션 바에서 표시점 선택

요약


Chapter 09 | 폰갭을 이용한 네이티브 앱 변환

하이브리드 앱 개발 프레임워크

- 폰갭을 언제 사용할까?
- 폰갭 다운로드

폰갭 애플리케이션 예제

- 예제 애플리케이션 생성
- 예제 애플리케이션 검토

간단한 폰갭 지도 애플리케이션

- 폰갭 예제 프로젝트 수정
- 기존 코드를 폰갭 앱으로 전송

요약


Chapter 10 |소셜 API와의 연동

웹 API에 연결하기

- JSONP란?
- JSONP를 지원하지 않는 API 처리
- Geominer API 소개

Moundz 자원 위치 검색하기

- Geominer API를 이용한 근처 자원 검색
- 위치 정보를 이용하여 사용자 위치 추적

사용자 로그인

- 시작 화면 및 로그인 화면 구성
- 트위터 Anywhere와 로그인 과정
- 트위터 인증 대안 : Geominer API

요약


Chapter 11 | 모바일 UI 프레임워크 비교

모바일 UI 프레임워크

- 프레임워크의 공통점과 차이점
- 프레임워크 비교를 위한 준비 작업

Jo

- Jo 시작하기
- Moundz와 Jo의 만남

jQTouch

- jQTouch 시작하기
- JQTouch에 Moundz 적용

jQuery Mobile

- jQuery Mobile 시작하기
- Moundz와 jQuery Mobile

Sencha Touch

- Sencha Touch 시작하기
- Moundz와 Sencha Touch

요약


chapter 12 | 앱 출시를 위한 마무리 정리와 패키징

jQuery Mobile 이용해 계속 진행하기

- 로그인 화면 복귀
- 내비게이션 레이아웃 수정

자원 수집하기

- 자원의 상세 정보를 보여주는 화면 제작
- Geominer API를 이용한 자원 추적

Moundz 애플리케이션을 네이티브 앱으로 패키징하기

- 폰갭 프로젝트 실행
- 애플리케이션 승인 수정

폰갭, 인증 그리고 인텐트

- 기존 웹 인증 과정
- 안드로이드 인텐트 개요
- 폰갭의 플러그-인을 이용한 인텐트 사용

출시를 위한 애플리케이션 패키징하기

요약


Chapter 13 |모바일 컴퓨팅의 미래

모바일 컴퓨팅 시대

- 전 세계적인 현상
- 데스크톱의 죽음?
- 점진적 향상 적용

모바일 기술 예측

- 도구와 라이브러리 개선
- 기기 아키텍처의 변화
- 미래의 아키텍처를 위한 코딩

사물간의 통신

- 하드웨어 센서 네트워크
- 인간 센서

요약


부록 A 안드로이드 웹앱 디버깅
부록 B 웹 서버 몽구스 설치
부록 C 국내 하이브리드 앱 프레임워크 : 앱스프레소