English
资源说明：
# 모바일 애플리케이션 개발 한 권으로 끝내기 - 예제 프로젝트 ## 도서 구입 안내[정보문화사 - 모바일 애플리케이션 개발 한 권으로 끝내기](http://www.infopub.co.kr/bookinfo/bookinfo.asp?sku=08000050) 페이지는 공식 책 안내 페이지 입니다. 구입할 수 있는 온라인/오프라인 서점 정보도 확인하실 수 있습니다. ## 예제 안내 Mobile App 예제페이지 입니다. 각 디렉토리 아래에 HTML5, Android, iOS 예제가 포함되어 있습니다. 예제 전체를 다운로드 받으시려면 위의 [Release](https://github.com/lethee/mobile-app/releases) 페이지에서 다운로드 받으실 수 있습니다. 예제가 실행되지 않거나 이상한 점을 발견하시면 이곳 [Issue 게시판](https://github.com/lethee/mobile-app/issues)에 남겨주시거나 sean@weaveus.com 으로 메일 주시면 확인하여 답변드리겠습니다. * ch2basic - 빠지면 섭섭한 Hello, World! 애플리케이션 * ch3flow - 화면 흐름 디자인 * ch4list - 리스트뷰 혹은 테이블뷰 * ch5ui - 유저 인터페이스 디자인 * ch6data - 파일과 데이터 관리 * ch7photo - 카메라와 이미지 활용하기 * ch8webview - 웹뷰(WebView) 활용 * ch9map - 위치 정보와 지도 활용 * ch10mashup - 데이터 바다를 향해: 매시업 애플리케이션 * ch11tablet - 태블릿 애플리케이션 디자인 ## 1. 모바일앱 개발도구 URL * Sublime Text - [https://www.sublimetext.com](https://www.sublimetext.com) * 드림위버 - [http://www.adobe.com/products/dreamweaver](http://www.adobe.com/products/dreamweaver) * 에디트플러스 - [http://editplus.co.kr/kr](http://editplus.co.kr/kr) * 브라우저 크기를 모바일 크기로 줄여서 보여주는 북마클릿
javascript:open(document.location,'iPhone:portrait','innerWidth='+(320)+',innerHeight='+(480-64)+',scrollbars=yes,resizable=no');* 안드로이드 개발자 사이트 - [http://developer.android.com/](http://developer.android.com/) * iOS 개발자 사이트 - [https://developer.apple.com/](https://developer.apple.com/) * 모바일 브라우저 비교 - [http://mobilehtml5.org/](http://mobilehtml5.org/) * 데스크톱 브라우저 비교 - [http://fmbip.com/litmus/](http://fmbip.com/litmus/) * XCode 버전별 릴리즈 노트 - [https://developer.apple.com/library/ios/#releasenotes/DeveloperTools/RN-Xcode/index.html](https://developer.apple.com/library/ios/#releasenotes/DeveloperTools/RN-Xcode/index.html) ## 2. 빠지면 섭섭한 Hello, World! 애플리케이션 URL * jQuery CDN 다운로드 링크 - [http://jquery.com/download/#using-jquery-with-a-cdn](http://jquery.com/download/#using-jquery-with-a-cdn) * 구글 CDN - [https://developers.google.com/speed/libraries/](https://developers.google.com/speed/libraries/) * CDNJS - [http://cdnjs.com](http://cdnjs.com) ## 3. 화면 흐름 디자인 URL * 다음 한메일의 페이퍼 프로토타이핑 영상 - 2007 - [http://www.youtube.com/watch?v=GrV2SZuRPv0](http://www.youtube.com/watch?v=GrV2SZuRPv0) * jQueryMobile 페이지 전환 API - [http://api.jquerymobile.com/1.3/jQuery.mobile.changePage/](http://api.jquerymobile.com/1.3/jQuery.mobile.changePage/) * jQueryMobile 페이지 이벤트 - [http://api.jquerymobile.com/1.3/category/events/](http://api.jquerymobile.com/1.3/category/events/) * Store.js 라이브러리 - [https://github.com/whitmer/store.js](https://github.com/whitmer/store.js) * 안드로이드 다이얼로그 - [http://developer.android.com/guide/topics/ui/dialogs.html](http:// developer.android.com/guide/topics/ui/dialogs.html) * iOS 뷰 컨트롤러 카탈로그(View Controller Catalog for iOS) [http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/ViewControllerCatalog/Introduction.html#//apple_ref/doc/uid/TP40011313](http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/ViewControllerCatalog/Introduction.html#//apple_ref/doc/uid/TP40011313) * iOS 뷰 컨트롤러 프로그래밍 가이드(View Controller Programming Guide for iOS) [http://developer.apple.com/library/ios/#featuredarticles/ViewControllerPGforiPhoneOS/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007457-CH1-SW1](http://developer.apple.com/library/ios/#featuredarticles/ViewControllerPGforiPhoneOS/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007457-CH1-SW1) * iOS 휴먼 인터페이스 가이드 중 "Alerts, Action Sheets, and Modal Views" [https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Alerts.html#//apple_ref/doc/uid/TP40006556-CH14-SW1](https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Alerts.html#//apple_ref/doc/uid/TP40006556-CH14-SW1) ## 4. 리스트뷰 혹은 테이블뷰 URL * jQuery 이벤트 API 레퍼런스 - [http://api.jquery.com/category/events/event-object/](http://api.jquery.com/category/events/event-object/) * iOS UIScrollView API - [https://developer.apple.com/library/ios/documentation/uikit/reference/UIScrollView_Class/Reference/UIScrollView.html](https://developer.apple.com/library/ios/documentation/uikit/reference/UIScrollView_Class/Reference/UIScrollView.html) ## 5. 유저 인터페이스 디자인 URL * 모바일 UI 프레임워크 - [http://www.slideshare.net/w3labs/mobile-ui-framework](http://www.slideshare.net/w3labs/mobile-ui-framework) * jQuery DOM Manipulation - [http://api.jquery.com/category/manipulation/](http://api.jquery.com/category/manipulation/) * iOS 웹앱(웹 클립) 즐겨찾기 아이콘 - [https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW3](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW3) * iOS 아이콘 제작 가이드 - [https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html#//apple_ref/doc/uid/TP40006556-CH19-SW1](https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html#//apple_ref/doc/uid/TP40006556-CH19-SW1) * 다양한 화면 지원 UI 디자인 (영문) - [http://developer.android.com/intl/ko/guide/practices/screens_support.html](http://developer.android.com/intl/ko/guide/practices/screens_support.html ) * 다양한 화면 크기 지원 (한글) - [http://developer.android.com/intl/ko/training/multiscreen/screensizes.html](http://developer.android.com/intl/ko/training/multiscreen/screensizes.html) * 안드로이드 View 속성 및 XML에서 사용가능한 애트리뷰트 - [http://developer.android.com/intl/ko/reference/android/view/View.html](http://developer.android.com/intl/ko/reference/android/view/View.html) * iOS - Cocoa Touch 소개 페이지 - [https://developer.apple.com/kr/technologies/ios/cocoa-touch.html](https://developer.apple.com/kr/technologies/ios/cocoa-touch.html) * iOS UI Example - [http://www.teehanlax.com/tools/iphone/](http://www.teehanlax.com/tools/iphone/) * AutoLayout은 다양한 비율의 iOS 해상도 지원을 위한 것일까? [http://www.iosappdev.co.kr/?p=2243](http://www.iosappdev.co.kr/?p=2243) * Auto Layout과 프로그램 비정상 종료 [http://stackoverflow.com/questions/11198981/presentviewcontroller-crash-on-ios-6-autolayout](http://stackoverflow.com/questions/11198981/presentviewcontroller-crash-on-ios-6-autolayout) * (공식) 안드로이드 스타일과 테마 [http://developer.android.com/intl/ko/guide/topics/ui/themes.html](http://developer.android.com/intl/ko/guide/topics/ui/themes.html) * (공식) 안드로이드 디자인 패턴 [http://developer.android.com/intl/ko/design/patterns/index.html](http://developer.android.com/intl/ko/design/patterns/index.html) * (공식) iOS 휴먼 인터페이스 가이드라인 [https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html](https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html) * (공식) iOS View 분석 [https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/CreatingViews/CreatingViews.html#//apple_ref/doc/uid/TP40009503-CH5-SW1](https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/CreatingViews/CreatingViews.html#//apple_ref/doc/uid/TP40009503-CH5-SW1) * (공식) iOS View와 View 구조 [https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/WindowsandViews/WindowsandViews.html#//apple_ref/doc/uid/TP40009503-CH2-SW1](https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/WindowsandViews/WindowsandViews.html#//apple_ref/doc/uid/TP40009503-CH2-SW1) * (공식) jQuery Mobile UI [http://jquerymobile.com/demos](http://jquerymobile.com/demos) * 모바일 UI 패턴 [http://www.mobile-patterns.com](http://www.mobile-patterns.com) * 안드로이드 커스텀 UI [http://www.androidviews.net](http://www.androidviews.net) * 모다일 디자인 패턴 갤러리 [http://www.mobiledesignpatterngallery.com/mobile-patterns.php](http://www.mobiledesignpatterngallery.com/mobile-patterns.php) * OS 앱 디자인 패턴 [http://pttrns.com](http://pttrns.com) * 안드로이드 앱 디자인 패턴 [http://androidpttrns.com](http://androidpttrns.com) * 모바일 애플리케이션 와이어프레임 [http://wireframes.tumblr.com](http://wireframes.tumblr.com) ## 6. 파일과 데이터 관리 URL * jQuery Cookie Plugin -[https://github.com/carhartl/jquery-cookie](https://github.com/carhartl/jquery-cookie) * HTML 5 Indexed DB 튜토리얼 -[http://www.html5rocks.com/en/tutorials/indexeddb/todo/](http://www.html5rocks.com/en/tutorials/indexeddb/todo/) ## 7. 카메라와 이미지 활용하기 URL ## 8. 뷰(WebView) 활용 URL ## 9. 위치 정보와 지도 활용 URL * 스마트폰의 A-GPS 원리 및 3G/4G/WIFI를 이용한 위치추정 - [http://leejk.net/89](http://leejk.net/89) * HTML5 Geolocation API[http://www.w3.org/TR/geolocation-API/](http://www.w3.org/TR/geolocation-API/) * 구글 지도 JavaScript API[https://developers.google.com/maps/documentation/javascript/?hl=ko](https://developers.google.com/maps/documentation/javascript/?hl=ko) * 네이버 지도 JavaScript API[http://developer.naver.com/wiki/pages/MapAPI](http://developer.naver.com/wiki/pages/MapAPI) * 다음 지도 JavaScript API[http://dna.daum.net/apis/maps](http://dna.daum.net/apis/maps) * 구글 지도 초기화 옵션 레퍼런스 -[https://developers.google.com/maps/documentation/javascript/reference#MapOptions](https://developers.google.com/maps/documentation/javascript/reference#MapOptions) * 안드로이드 오버레이아이템 -[http://www.myandroidsolutions.com/2012/03/23/android-how-to-put-markerspins-on-the-map/](http://www.myandroidsolutions.com/2012/03/23/android-how-to-put-markerspins-on-the-map/) * iOS CLLocationManager 레퍼런스 -[https://developer.apple.com/library/ios/documentation/CoreLocation/Reference/CLLocationManager_Class/CLLocationManager/CLLocationManager.html#//apple_ref/occ/cl/CLLocationManager](https://developer.apple.com/library/ios/documentation/CoreLocation/Reference/CLLocationManager_Class/CLLocationManager/CLLocationManager.html#//apple_ref/occ/cl/CLLocationManager) * iOS CLLocationManagerDelegate 레퍼런스 -[https://developer.apple.com/library/ios/documentation/CoreLocation/Reference/CLLocationManagerDelegate_Protocol/CLLocationManagerDelegate/CLLocationManagerDelegate.html#//apple_ref/occ/intf/CLLocationManagerDelegate](https://developer.apple.com/library/ios/documentation/CoreLocation/Reference/CLLocationManagerDelegate_Protocol/CLLocationManagerDelegate/CLLocationManagerDelegate.html#//apple_ref/occ/intf/CLLocationManagerDelegate) * 다음 모바일앱용 지도 API[http://dna.daum.net/apis/mmaps](http://dna.daum.net/apis/mmaps) * 네이버 지도 API[http://developer.naver.com/wiki/pages/MapAPI](http://developer.naver.com/wiki/pages/MapAPI) * 네이버 iOS 지도 API[http://developer.naver.com/wiki/pages/Tutorial_iOS](http://developer.naver.com/wiki/pages/Tutorial_iOS) ## 10. 데이터 바다를 향해: 매시업 애플리케이션 URL * 서울시 열린데이터광장 -[http://data.seoul.go.kr/](http://data.seoul.go.kr/) * 뉴욕 OpenData -[https://nycopendata.socrata.com/](https://nycopendata.socrata.com/) * 구글 검색 API -[https://developers.google.com/web-search/docs/#fonje](https://developers.google.com/web-search/docs/#fonje) * Painless Threading 번역 -[http://codemuri.tistory.com/entry/번역-Painless-threading](http://codemuri.tistory.com/entry/번역-Painless-threading) * Android AsyncTask -[http://developer.android.com/intl/ko/reference/android/os/AsyncTask.html](http://developer.android.com/intl/ko/reference/android/os/AsyncTask.html) * JSON Object -[http://developer.android.com/intl/ko/reference/org/json/JSONObject.html](http://developer.android.com/intl/ko/reference/org/json/JSONObject.html) * 네이버 개발자 센터 -[http://developer.naver.com/wiki/pages/OpenAPI](http://developer.naver.com/wiki/pages/OpenAPI) * 네이버 실시간 검색 API -[http://developer.naver.com/wiki/pages/SrchRank](http://developer.naver.com/wiki/pages/SrchRank) * NSURLConnection -[https://developer.apple.com/library/ios/documentation/Cocoa/Reference/Foundation/Classes/NSURLConnection_Class/Reference/Reference.html](https://developer.apple.com/library/ios/documentation/Cocoa/Reference/Foundation/Classes/NSURLConnection_Class/Reference/Reference.html) * NSURLConnectionDataDelegate -[https://developer.apple.com/library/ios/documentation/Foundation/Reference/NSURLConnectionDataDelegate_protocol/Reference/Reference.html](https://developer.apple.com/library/ios/documentation/Foundation/Reference/NSURLConnectionDataDelegate_protocol/Reference/Reference.html) * XMLReader 소스 -[https://github.com/bcaccinolo/XML-to-NSDictionary](https://github.com/bcaccinolo/XML-to-NSDictionary) * XMLReader 소스(ARC 적용 버전) -[https://github.com/genkernel/XML-to-NSDictionary/tree/ARC](https://github.com/genkernel/XML-to-NSDictionary/tree/ARC) * NSXML -[https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/NSXML_Concepts/NSXML.html](https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/NSXML_Concepts/NSXML.html) * 서드파티 XML Reader -[https://github.com/genkernel/XML-to-NSDictionary/tree/ARC](https://github.com/genkernel/XML-to-NSDictionary/tree/ARC) * 서드파티 TBXML -[http://www.tbxml.co.uk/](http://www.tbxml.co.uk/) * TBXML 예제 -[http://j2enty.tistory.com/90](http://j2enty.tistory.com/90) * NSThread -[http://lab.smoon.kr/72](http://lab.smoon.kr/72) * NSOperation -[http://lab.smoon.kr/73](http://lab.smoon.kr/73) * CGD -[http://lab.smoon.kr/74](http://lab.smoon.kr/74) * 멀티코어 개발자를 위한 애플의 선물 GCD -[http://dev.kthcorp.com/2011/05/19/grand-central-dispatch-gcd-apple-ios/](http://dev.kthcorp.com/2011/05/19/grand-central-dispatch-gcd-apple-ios/) * Grand Central Dispatch (GCD) -[http://stackoverflow.com/questions/11728098/ios-objective-c-equivalent-of- androids-asynctask](http://stackoverflow.com/questions/11728098/ios-objective-c-equivalent-of- androids-asynctask) * Grand Central Dispatch (GCD) -[https://developer.apple.com/library/ios/documentation/Performance/Reference/GCD_libdispatch_Ref/Reference/reference.html](https://developer.apple.com/library/ios/documentation/Performance/Reference/GCD_libdispatch_Ref/Reference/reference.html) * iOS JSON 다루기 -[http://blog.saltfactory.net/53](http://blog.saltfactory.net/53) * 서드파티 JSON 라이브러리 SBJSON -[http://stig.github.com/json-framework/](http://stig.github.com/json-framework/) * iOS JSON 다루기 with GlobalQueue -[http://www.raywenderlich.com/5492/working-with-json-in-ios-5](http://www.raywenderlich.com/5492/working-with-json-in-ios-5) ## 11. 태블릿 애플리케이션 디자인 URL * 안드로이드 Fragment 문서 -[http://developer.android.com/intl/ko/guide/components/fragments.html](http://developer.android.com/intl/ko/guide/components/fragments.html) * 다양한 화면 크기 지원 -[http://developer.android.com/intl/ko/training/multiscreen/screensizes.html](http://developer.android.com/intl/ko/training/multiscreen/screensizes.html) * 다양한 화면 크기 지원 가이드 -[http://developer.android.com/intl/ko/guide/practices/screens_support.html](http://developer.android.com/intl/ko/guide/practices/screens_support.html) ## 12. 모바일앱/모바일 웹앱 디자인 * 대학교 홈페이지에서 제공하는 것과 사용자가 원하는 것의 차이 -[http://xkcd.com/773/](http://xkcd.com/773/) * 구글이 세 가지 그룹으로 나눈 사용자 모바일 사용 형태 -[http://www.informationweek.com/news/229216268](http://www.informationweek.com/news/229216268) * 터치 인터페이스 고려 MS -[http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh202889(v=vs.92).aspx](http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh202889(v=vs.92).aspx) * 터치 인터페이스 고려 Apple -[https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1](https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1) * 터치 인터페이스 고려 Android -[http://klutzy.github.io/android-design-ko/style/metrics-grids.html](http://klutzy.github.io/android-design-ko/style/metrics-grids.html)
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
