모바일 애플리케이션 개발 한 권으로 끝내기

Part 1. 모바일 앱 개발 도구
SECTION 01 | 웹 애플리케이션 개발 도구
1. 추천 텍스트 편집기
2. 웹 브라우저의 개발 도구 기능
3. 브라우저에서 모바일 브라우저 화면 크기 흉내 내기
SECTION 02 | 안드로이드 개발 도구, SDK, 에뮬레이터
1. ADT 번들
2. 안드로이드 에뮬레이터
SECTION 03 | iOS 개발 도구, SDK, 시뮬레이터
1. XCode
2. Open Quickly
3. iOS 시뮬레이터
| Key Point |
1. 모바일 환경에서 HTML 5 기능 지원
2. 안드로이드 개발 번들
3. iOS 개발 환경과 대상 버전
4. 베타 버전

Part 2. 빠지면 섭섭한 Hello, World! 애플리케이션
SECTION 01 | MVC 패턴
SECTION 02 | HTML 5 프로젝트
1. DOCTYPE
2. HEAD
3. BODY
4. BODY 마지막 부분의 SCRIPT
SECTION 03 | 안드로이드 프로젝트
1. 새 프로젝트 만들기
2. 애플리케이션 매니페스트
3. 레이아웃
4. 액티비티 Part 1 - 뼈대
5. 액티비티 Part 2 - 모델 렌더링
6. 액티비티 Part 3 - 이벤트 처리
7. 최종 전체 액티비티 코드
8. 에뮬레이터로 실행
SECTION 04 | iOS 프로젝트
1. 새 프로젝트 생성
2. 프로젝트 정보와 빌드 타깃
3. 스토리보드
4. 애플리케이션 델리게이트
5. 뷰 컨트롤러 - 뼈대
6. 뷰 컨트롤러 - 이벤트, 액션, 아웃렛
7. 뷰 컨트롤러 - 모델 렌더링
8. 전체 뷰 컨트롤러 코드
9. 시뮬레이터로 실행
| Key Point |
1. MVC 패턴 적용
2. Advanced Tip - 엔트리 포인트

Part 03. 화면 흐름 디자인
SECTION 01 | 화면 흐름 설계
1. 화면 전환
2. 화면 전환의 의미
3. 뒤로 가기 및 스택
4. 전환과 데이터 전달
5. 다이얼로그
6. 화면 전환 애니메이션 효과
SECTION 02 | HTML 5 프로젝트
1. HTML 문서당 페이지 하나
2. HTML 문서 하나에 페이지 여러 개
3. 페이지 이벤트 처리
4. 페이지 전환 효과
5. 페이지 전환과 링크 특성
6. 파라미터 전달
7. 다이얼로그
8. 다이얼로그 선택 버튼에 따른 처리
SECTION 03 | 안드로이드 프로젝트
1. 액티비티 생성하기
2. 매니페스트로 액티비티 등록하기
3. 액티비티 전환 및 애니메이션
4. 액티비티 파라미터 전달
5. 다이얼로그 활용
SECTION 04 | iOS 프로젝트
1. 스토리보드를 사용한 화면 흐름 디자인
2. UIAlertView를 사용한 다이얼로그
3. iOS 뷰 컨트롤러 및 전환 관련 참고 자료
| Key Point |
1. 페이지 전환 및 페이지 관리 개념
2. 파라미터 전달 및 반환, 관련 이벤트
3. 다이얼로그 활용

Part 04. 리스트 뷰 혹은 테이블 뷰
SECTION 01 | 리스트 뷰 UI와 데이터
SECTION 02 | HTML 프로젝트 - 리스트 뷰
1. 다양한 리스트 아이템 UI 효과
2. 리스트 뷰를 활용한 입력 폼 디자인
3. 리스트 뷰 데이터 연결
4 리스트 뷰 아이템 수정 및 업데이트
SECTION 03 | 안드로이드 프로젝트 - ListView, ListActivity, 어댑터
1. ListView와 어댑터
2. ListActivity 및 문자열 배열 리소스
3. ListView 아이템 뷰
4. 사용자 정의 아이템 뷰 디자인
5. 어댑터 데이터 추가/삭제
SECTION 04 | iOS 프로젝트 - UITableView, UITableViewController
1. UITableView UI 및 데이터 연결
2. UITableViewCell 디자인
3. UITableViewController 및 터치 이벤트
4. 테이블 뷰 scrollToTop 프로퍼티
| Key Point |

Part 05. 사용자 인터페이스(UI) 디자인
SECTION 01 | 뷰, 컨트롤, 레이아웃
1. 뷰 계층구조
2. 기본 컨트롤
3. 주요 컨트롤
4. 레이아웃 - 배치와 정렬
5. 레이아웃 - 세로 화면(Portrait), 가로 화면(Landscape)
6. 컨트롤과 컨트롤의 데이터
SECTION 02 | HTML 5 - 뷰&UI 프로젝트
1. 문서를 위한 HTML vs 애플리케이션을 위한 HTML
2. HTML UI 기본 특성
3. 동적 UI 구성
4. jQuery Mobile 프레임워크를 사용한 애플리케이션 UI 구성
5. 애플리케이션 아이콘 & 스플래시
SECTION 03 | 안드로이드 뷰&UI 프로젝트
1. 기본 컨트롤
2. 주요 컨트롤
3. 레이아웃
4. UI 만드는 방법 - XML레이아웃 vs 코드
SECTION 04 | iOS 뷰&UI 프로젝트
1. UI 만드는 방법 - 인터페이스 vs 코드
2. 기본 컨트롤
3. 주요 컨트롤
4. 뷰 컨트롤러
5. iOS 버전별 레이아웃 디자인 주의 사항
| Key Point |

Part 06. 파일과 데이터 관리
SECTION 01 | 파일과 데이터를 관리하는 몇 가지 방법
SECTION 02 | HTML 5 - 데이터 저장 API
1. 쿠키를 활용한 데이터 관리
2. 로컬 스토리지를 활용한 데이터 관리
3. Indexed DB를 활용한 데이터 관리
SECTION 03 | 안드로이드 - 애플리케이션 데이터 관리
1. 파일 입출력
2. Preference 이용
3. SQLite 데이터베이스 이용
SECTION 04 | iOS - 데이터 저장 및 관리
1. 파일 접근
2. UserDefaults를 활용한 예제 - 로그인 정보 저장
3. SQLite 활용한 Todo 데이터 관리
4. CoreData 활용한 Todo 데이터 관리
| Key Point |

Part 07. 카메라와 이미지 활용하기
SECTION 01 | 이미지 선택과 메타데이터
SECTION 02 | 안드로이드 - 카메라와 이미지
1. UI 정의
2. 이미지 라이브러리에서 선택
3. 카메라에서 선택
4. EXIF 정보 보기
SECTION 03 | iOS - 카메라와 이미지
1. UI 정의
2. 이미지 앨범에서 선택
3. 카메라에서 선택
4. UIImagePickerController 델리게이트 - 이미지 출력하기
5. EXIF 정보 보기
| Key Point |

Part 08. 웹 뷰 활용하기
SECTION 01 | 네이티브 앱 + 웹 환경
1. 웹 뷰 기본
2. 웹 뷰 이벤트 처리(Client/Delegate)
3. 웹 뷰와 네이티브 앱 상호간 통신
SECTION 02 | 안드로이드 프로젝트
1. 웹 뷰 기본(WebView 프로젝트)
2. 웹 뷰 이벤트 처리(WebView 프로젝트)
3. 네이티브 앱 상호간 통신(WebViewEx 프로젝트)
SECTION 03 | iOS 프로젝트
1. 웹 뷰 기본(WebViewBasic 프로젝트)
2. 웹 뷰 이벤트 처리(WebViewBasic 프로젝트)
3. 네이티브 앱 상호 간 통신(WebViewEx 프로젝트)
| Key Point |

Part 09. 위치 정보와 지도 활용
SECTION 01 | 위치 정보와 지도 기본
1. 모바일 위치 정보 센서
2. 위치 정보 데이터 형식 및 수집 방식
3. SDK 제공 지도(맵 뷰) 활용
SECTION 02 | HTML 5 프로젝트
1. HTML 5 Geolocation API
2. 구글 지도 활용
3. 다음 지도 활용
4. 네이버 지도 활용
SECTION 03 | 안드로이드 프로젝트
1. 위치 정보 얻기 - Android Location API
2. 맵뷰 예제
3. 서드파티 예제
SEC.TION 04 | iOS 프로젝트
1. 위치 정보 얻기 - CoreLocation API
2. 지도 UI 활용 - MapKit API
3. 서드파티 지도 활용
| Key Point |

Part 10. 데이터 바다를 향해 - 매시업 애플리케이션
SECTION 01 | 공개 공유 데이터와 매시업으로 만드는 새로운 경험
1. OpenAPI와 공개 공유 데이터
2. JSON 및 XML 데이터 형식
3. 네트워크 데이터 전송과 UI 스레드
SECTION 02 | HTML 5 프로젝트 - 서울 열린 데이터를 활용한 매시업
1. 서울 열린 데이터 광장 서비스를 통한 공공 정보 활용하기
2. API 키 얻기
3. 화면 디자인
4. CrossDomain 문제와 해결책
5. JSONP
6. Access-Control-Allow-Origin 헤더
SECTION 03 | 안드로이드 프로젝트 - 구글 검색 매시업과 JSON 이용
1. 예제 애플리케이션 설계
2. AsyncTask 활용
3. JSON 형식의 데이터 활용
SECTION 04 | iOS 프로젝트 - 네이버 실시간 검색 API와 XML 이용
1. 예제 애플리케이션 설계
2. URLConnection 데이터 요청 및 스레드 처리
3. XML 데이터 처리
4. 데이터 전송 Indicator UI
5. GCD 스레드 처리
| Key Point |

Part 11. 태블릿 애플리케이션 디자인
SECTION 01 | HTML 5
1. 미디어 쿼리를 활용한 태블릿 페이지 디자인
2. JavaScript로 태블릿 확인하기
SECTION 02 | 안드로이드 태블릿 UI
1. 한정자를 활용한 레이아웃 디자인
2. 프래그먼트를 활용한 태블릿 레이아웃 디자인
SECTION 03 | iOS 태블릿 UI
1. 스플릿 뷰를 활용한 태블릿 레이아웃 디자인
| Key Point |

Part 12. 모바일 앱/ 모바일 웹 앱 디자인
SECTION 01 | 모바일과 데스크톱 환경 차이
1. 화면 크기
2. 터치스크린
3. 성능
4. 새로운 모바일 환경
5. 이용 행태 분석
SECTION 02 | 콘텐츠 구성
1. 콘텐트 먼저 배치
2. 사용자 중심 콘텐트 배치
3. 모바일 화면 디자인 고려 사항
SECTION 03 | 터치 친화 인터페이스 고려
1. 마우스 포인터가 아닌 손가락
SECTION 04 | 키보드 입력 고려
1. 입력 폼의 배치
2 입력 내용에 따른 반응형 키보드
SECTION 05 | 보기 편한 화면 디자인