DevDoc

환경 : Mac OSX Lion

1. 설치하기

몇일전에 Sencha Touch 2.1 RC2 를 이용하여 앱 개발해보고 테스트를 하려고 했지만, 아직 베타버전이라 고생을 많이 해서 다시 2.0.1버전으로 앱을 개발하기로 했다...

Download : http://www.sencha.com/products/touch/download/ ( Sencha Touch 2.0.1 )

사이트에 접속을 하고 E-mail 을 적고 버튼을 누르면 메일로 다운로드 주소가 오게된다.

< E-Mail 화면 >

다운을 받으면 압축을 풀고 원하는 위치에 놓는다. 필자는 ~/dev/안에 넣어뒀다.

완료 되었으면 다음으로 Sencha SDK를 다운받는다. 

Download : http://www.sencha.com/products/sdk-tools/download ( Sencha SDK 2.0.0 Beta 3 )

이 사이트에서 다운받아서 바로 설치하면 끝!

설치가 끝나면 확인을 위해 터미널을 열고 sencha 를 쳐본다.

2. 프로젝트 만들기

설치를 완료했으면 간단한 명령어를 통해 프로젝트를 한번 만들어보자.

일단 터미널을 접속한 후 Sencha Touch 2.0,1을 다운받았을 때 압축을 푼 폴더로 가자.

그리고 다음 명령어를 쳐본다.

sencha generate app test ../testfolder

위의 명령어를 통해 프로젝트를 생성하는 화면이다.

이 명령어는 sencha generate app [앱이름] [경로] 로 이루어져 있으며, 이것으로 간단하게 프로젝트를 만들어볼 수 있다.

폴더 내부는 다음과 같이 이루어져있다.

# app 폴더는 Sencha Touch 의 MVC모델의 파일을 저장하는 곳이다. 처음 생성하면 view > Main.js 파일이 기본적으로 생성되어있다.

# app.js 파일은 Sencha Touch 2 버전의 가장 초기에 실행되는 파일로서, Ext.Application이 정의되어 있다.

# app.json 파일은 앱이 실행하기에 추가적인 외부파일 등을 추가하기 위한 앱 속성파일이라고 생각하면 된다.

# packager.json 파일은 앱을 패키징하기 위한 속성파일이다.

# resources 폴더는 하위폴더 이름을 보면 아시다시피 추가적인 파일을 저장해놓은 폴더이다.

# sdk 폴더는 Sencha 모듈이 들어있는 폴더이다.

이 프로젝트를 실행하려면 그전에 localhost 환경을 만들어야한다.

환경을 설정하고 index.html 를 실행하면 다음과 같은 모습을 볼 수 있다.