하이브리드 아이폰 애플리케이션 프로젝트 생성/빌드 팁
태그 CSS,
HTML,
대시코드 3.0,
아이폰 SDK 3.1.2,
양석호,
엑스코드 3.2.1,
오브젝티브C,
자바스크립트,
퀵커넥트패밀리 1.5.1.1,
하이브리드 아이폰 애플리케이션
이 책에 관해 누차 말씀드린 부분이지만, 오브젝티브C 코딩에 대해서는 별다른 사전지식이 필요하지 않지만, 적어도 엑스코드(Xcode)와 대시코드(Dashcode)는 어느 정도 잘 알고 있는 사람들을 대상으로 하는 책입니다. 허나 독자분들께서 이에 대해서도 어느 정도 좀더 쉬운 가이드가 필요했을 것 같습니다. 다시 한번 말씀드리지만, 이 책에서는 자바스크립트/HTML/CSS만으로 애플리케이션을 만드는 방법에 입문하시는 분들께는 어느 정도 도움이 될 것입니다. 다만 프레임워크를 독자적으로 개량해 도입하려 한다면 그 이상에는 오브젝티브C에 대한 경험도 필요할 것입니다. 모든 책이 초심자부터 고급자를 대상으로 하기란 쉽지 않은 일이니까요.
관련 자료는 저희 출판사 『하이브리드 아이폰 애플리케이션』 도서정보페이지 (링크는 여기) "다운로드"항목에서도 바로 내려받으실 수 있습니다.
책의 내용을 보완해 업로드한 항목은 다음과 같습니다.
1. ch01.zip : 책에 나온 대시코드 버전(2.X)을 기준으로, 동작하도록 다시 수정한 예제파일
2. myself.zip : 대시코드 최신 버전(3.0)을 기준으로 작성한 예제 파일
3. HybridStepbyStep.pdf : 『하이브리드 아이폰 애플리케이션』프로젝트 생성/빌드 가이드. 최신 대시코드 버전(3.0)을 기준으로 완전히 아무것도 없는 상황부터 간단한 하이브리드 아이폰 애플리케이션을 시뮬레이터에서 돌리는 것까지 단계별로 안내하는 문서
PDF 파일을 다운로드 받으시면 쉽게 공부하실 수 있겠지만, 혹시 웹에서 검색을 하시는 분들을 위해 블로그에 전문을 공개합니다.
모쪼록 『하이브리드 아이폰 애플리케이션 개발』을 사신 분들께서 공부를 하시다가 어려웠던 문제가 해결되기를 바랍니다. 더 궁금하신 내용이 있으시면 언제든 저희 에이콘출판사 편집팀(editor@acornpub.co.kr)으로 문의주시면 역자분께 내용을 전달해드리고 회신을 드리겠습니다.
<하이브리드 아이폰 애플리케이션 프로젝트 생성/빌드 가이드>
작성: 양석호
[실행환경]
스노우 레퍼드 OS,
대시코드 3.0,
엑스코드 3.2.1,
아이폰 SDK 3.1.2,
퀵커넥트패밀리 1.5.1.1
대시코드를 실행하면 다음과 같이 템플릿 선택 화면이 나온다.
젝트가 생성된다. 그림처럼 이름을 HelloWorld로 변경하고, 아래 쪽의 버튼을 눌러 파
일 브라우징 모드로 변경한다.
란 사각형을 클릭한다.
 |  |
document.getElementById('text').innerHTML= "Hello";
Run 버튼을 클릭하라. 다음과 같이 아이폰 시뮬레이터가 나타난다.
 |  |
 |  |
엑스코드에서 폴더를 지우더라도 Reference만 지워지므로, Finder에서 저장된 프로젝트
폴더로 가서 직접 파일을 삭제한다. index.html, main.js, main.css, Images를 삭제한다. 삭제된 파일은 엑스코드에서 Reference만 남아 빨갛게 표시되므로 엑스코드에서 Reference도 지워준다. 반대로 엑스코드에서 먼저 삭제하면서 Move To Trash로 실제 파일도 삭제한 후, 폴더만 Finder에서 지워도 상관없다. 중복되는 파일을 모두 삭제했으면 다음과 같이 대시코드에서 Deploy한 파일을 드래그한다.
Resources 그룹에는 다시 하위 그룹이 존재하는 다층 구조지만 최종 빌드된 아이폰 애플리케이션 내에는 디렉토리 계층 구조로 들어 가는 것이 아니라 모든 파일이
곧바로 애플리케이션 최상위 디렉토리로 들어간다(flat
structure). 그러므로 HTML/CSS/자바스크립트 등에서 상대하위경로로 참조하고 있는 부분을 모두 같은 경로를 참조하도록 수정해야한다. 우선 index.html에서 다음 그림에 표시한 부분을 삭제한다.
경로 수정이 끝나면 자바스크립트 파일도 패키지에 복사하도록 Copy Bundle Resources 목록에 추가한다. html, css, 이미지 등은 자동으로 추가된다(자바스크립트는 소스코드로 취급되므로 컴파일 대상으로 추가된다. 물론 자바스크립트를 컴파일해봤자 결과물은 나오지 않으므로 리소스로 취급하도록 추가하는 것이다).
 |  |
폰갭의 경우는 디렉토리 구조를 그대로 복사하기 위해 약간의 편법을 사용하므로 좀 더 편리한 점도 있다. 하지만 표준적인 엑스코드 프로젝트의 구성방식을 따르는 것은 아니기 때문에 다소 문제가 발생하는 경우도 있다. 아이폰 애플리케이션 개발에 뛰어드는 데 이 문서가 도움이 되길 바란다.
분류없음
2010/02/03 11:03
트랙백 1 : 댓글 4
트랙백 주소 :: http://www.acornpub.co.kr/blog/trackback/352
Hybrid iPhone Application – Quickstart Guide
Tracked from Eclipse for Everything - javanese 2010/02/03 12:18 DELETE지난주 제가 번역한 “하이브리드 아이폰 애플리케이션”이 출간되었습니다. 많은 분들이 관심을 가져주셔서 반갑긴 합니다만, 원서 자체가 Dashcode나 Xcode에 익숙한 사람을 가정으로 하고 있
