IT 프로를 향한 조건?

iPhone용 Hybrid Application개발 프레임워크 중 하나인 PhoneGap을 사용하여 간단히 지도 표시 어플리케이션을 만들어 본다.
개발에 사용한 지도는 xiles.net의 iPhone용 지도 사이트를 이용했다.

1. PhoneGap사이트에서 프레임워크를 다운로드 받아 적당한 위치에 압축을 푼다.

적당한 이름의 디렉토리를 만들고 iPhone용 프로젝트를 복사한다. 여기선 "MyNaverMap"으로 디렉토리를 만들었다.

2. 리스트에서 PhoneGap.xcodeproj를 더블클릭하여 xcode를 실행한다.

xcode가 실행 된 화면이다.


3. 컴파일 후 생성되는 이름을 변경한다.
Info.plist파일을 선택한다. 에디터 화면에 나와 있는 항목들 중에서 " Bundle display name"항목을 찾는다. 기본 값은 "PhoneGap"으로 되어 있다. PhoneGap을 적당한 이름으로 변경한다. 여기서 설정된 값이 iPhone의 바탕화면(?)에 표시되는 이름이 된다.


4. url.txt변경
PhoneGap은 기본적으로 로컬환경의 html을 이용하는 것이 아닌 url.txt파일에 등록된 url을 실행시키는 구조다. 여기서도 이 방식을 그대로 사용하도록 한다.
먼저, url.txt파일을 선택한다. 기본값으로 http://phonegap.com/demo2/ 가 설정되어 있을 것이다. 이 값을 앞에서 얘기한 http://map.xiles.net/으로 변경하고 저장한다.


5. 빌드하여 실행시켜 본다.
아래 화면은 iPhone 시뮬레이터에서 실행된 것이다.


6. 이상 없으면 AppStore에 등록?

---
정말 간단하다. PhoneGap에서 제공하는 GPS정보API등을 활용한다면 현재 위치 표시등이 가능하게 된다.
일부 이벤트 처리등에 있어서 100% 완벽한 것은 아니지만(이부분은 개발자 본인이 수정,발전시켜야 하는 부분으로 생각한다), 아주 다양한 매쉬업 어플리케이션의 개발을 쉽게 해주는 돌파구(?)라고 생각한다.

실제로 AppStore에 등록된 많은 어플리케이션이 이처럼 웹과 연동되어 실행 되고 있다.
3G망이던 WiFi던 연결되지 않으면 실행이 불가능하다는 것을 의미 하기도 하지만...-.-;;;

다음엔 로컬의 html을 이용하여 개발하는 것을 해보자.