굳이 비교를 하자면 Adobe의 Flash builder보다 훨씬 쉽습니다.



http://www.appcelerator.com/


우선 홈페이지에 들어가서 로그인을 합니다.


[Programming/Web] - [Titanium] 가입과 설치

혹시 가입과 설치 방법을 모르시는 분들이 계실 것 같아서 링크를 걸어둡니다.





그리고 market place로 들어갑니다.


https://marketplace.appcelerator.com/home


들어가시면 market place가 어떠한 곳인지 설명이 조금 있고, 그리고 go to market place라는 곳이 있습니다.

위의 링크를 눌러서 들어가셔도 됩니다.




위의 Search Marketplace에 admob이라고 입력해서 관련 모듈을 찾습니다.




들어가시면 관련 모듈이 2가지 있는 것을 확인하실 수 있습니다.

우선 Admob module은 Appcelerator에서 직접 개발한 모듈이고 무료입니다.

moblcix는 Sjiggle이라는 곳에서 제작한 유료 모듈입니다.

티타늄에서 유료 모듈은 종종 Free Trial로 무료 체험을 해보고 나중에 구매를 할 수 있도록 지원하고 있습니다.


여기서 저희는 유료를 구입할 상황은 아니니 Appcelerator에서 개발한 무료 모듈을 사용하도록 하겠습니다.




저의 경우는 벌써 구입을 한 것으로 되어있기 때문에 저렇게 보입니다.

다운로드를 클릭하시면 마이 페이지로 이동하고 그 곳에서 압축 파일을 다운로드 받으실 수 있습니다.




다운로드 받으신 파일의 압축을 해제하시면 modules라는 폴더 안에 다음과 같이 android와 iphone이라는 폴더가 있을 겁니다.



자 여기부터는 조금 복잡해지니 잘 따라해주시기 바랍니다.



 OSX

 /Library/Application Support/Titanium or ~/Library/Application Support/Titanium

 Windows 7  C:\Users\username\AppData\Roaming (or C:\ProgramData\Titanium on Titanium Studio 1.0.1 and earlier)  
 Windows XP  C:\Documents and Settings\username\Application Data (or C:\Documents and Settings\All Users\Application Data\Titanium on Titanium Studio 1.0.1 and earlier)  
 Linux  ~/.titanium  


위의 내용은 아래의 링크를 참조했습니다.

https://wiki.appcelerator.org/display/tis/Downloading+Titanium+SDKs+in+Titanium+Studio


위의 경로를 참고하셔서 자신의 운영체제에 맞는 곳으로 갑니다.





해당 경로로 가시면 위의 이미지처럼 modules라는 폴더가 있다는 것을 발견하실 수 있습니다.

이는 이미 티타늄 클라우드 서비스 모듈이 티타늄 SDK를 설치하면서 같이 설치되었기 때문입니다.


이제 modules 폴더 안의 android와 iphone 폴더에 애드몹 모듈을 붙여넣습니다.

만약 없다면 폴더를 그냥 생성하시면 됩니다.



자 이제 티타늄을 실행합니다.


새로운 프로젝트와 기존 프로젝트가 있는 경우 둘 다 가능합니다.




tiapp.xml 을 들어가서 보시면 우측에 modules라는 란이 있습니다. 여기서 + 버튼을 누르시고, 지금까지의 과정을 잘 따라하셨다면 위의 화면처럼 ti.admob이라는 모듈이 정상적으로 들어갔다는 것을 발견하실 수 있을겁니다.

ti.admob을 추가해주시고요.



다시 xml 화면을 보면 기존의 아래와 같은 내용을


<android xmlns:android="http://schemas.android.com/apk/res/android"/>

 

다음과 같은 내용으로 변경합니다.


    <android xmlns:android="http://schemas.android.com/apk/res/android">

        <tool-api-level>14</tool-api-level>

        <manifest>

            <application>

                <activity android:name="com.google.ads.AdActivity"

                          android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"/>

            </application>

            <uses-permission android:name="android.permission.INTERNET"/>

            <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

        </manifest>

    </android>



자 이제 소스 코드로 넘어갑니다.


실제 화면을 뿌려줄 곳으로 이동을 한 뒤, 예제에 있는 소스 코드를 삽입합니다.




예제의 소스 코드를 따라 실행한 화면의 모습입니다.




저작자 표시 비영리 변경 금지
신고
  1. LUC1EL 2013.05.24 12:42 신고

    안녕하세요 네이버에 타이타니움 모바일 카페를 만들어서 운영을 시작한 루시엘이라고 합니다.

    좋은 글을 보아서 카페 팁으로 올릴까 싶어서 이렇게 요청 문의를 드립니다.

    ^^;

    네이버 카페 주소는 http://cafe.naver.com/titaniumorg 입니다. ^^

    • 가우초 2013.06.23 20:42 신고

      죄송합니다.
      별 내용이 없는 카테고리라는 것이 문제이기도 하지만, 상대적으로 질문 등에 저희가 직접 대응을 해줄 수 없다는 것이 문제입니다.

+ Recent posts