환경 : 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 를 실행하면 다음과 같은 모습을 볼 수 있다.




'Hybrid Application > SenchaTouch' 카테고리의 다른 글

Production 빌드의 문제?  (0) 2012.11.08
Sencha SDK 주요 명령어  (0) 2012.11.08
Get Started Sencha Touch 2.1 RC2 - 1.환경설정편  (0) 2012.10.22
Sencha Touch 2.1 RC2  (0) 2012.10.22

설치환경 : Mac OSX Lion 

Sencha Touch 2.1 RC2  / Sencha Cmd v3.0.0.201 ( 현 시점 베타 201 ) - 더 향상된 버전을 이용할 경우 아래 부분에 201대신에 그 버전 숫자를 넣어야함.


1. 다운로드하기



DownLoad : http://www.sencha.com/forum/announcement.php?f=89


링크를 클릭 한 후 밑줄친 부분을 클릭하면    다운로드가 시작한다



압축해제하면   설치끝!




2. Cmd 설치


다음으로 Sencha Touch Cmd 를 설치해야한다.



1번의 링크에서 다음과 같은 링크들이 있다. 

1. 리눅스용 x64

2. 리눅스용 x32

3. 맥 osx

4. 윈도우용

으로 구성되어 있다. 자신의 환경에 맞게 다운로드 !!

다운받아서 압축을 풀면 위와같은 파일이 있다. 설치 !!


설치 후 터미널에서 Sencha 라고 입력을 하면 다음과 같은 화면이 보여야한다.



이 화면이 안보인다면? ... 

# 이미 Sencha Cmd v2.0.0 beta3 와 같은 이전버전을 설치한 경우

# 환경변수 등록이 제대로 안되어있는 경우

라고 판단이 된다. 필자는 첫번째의 경우였다.


그럼 환경변수에 

export SENCHA_CMD_3_0_0="/Users/qkfmxha/bin/Sencha/Cmd/3.0.0.201"

export PATH=/Users/qkfmxha/bin/Sencha/Cmd/3.0.0.201:$PATH

라고 추가시킨다. v2.0.0과 같이 이전버전이 설치 된 경우 대치한다.


환경변수 등록방법


    • 자신의 아이디 폴더로 간다. ( /Users/ID )

예 )  


    • 자신의 아이디 폴더에서 ls -a 를 입력한다.

    • .bash_profile 을 수정한다. ( sudo 명령어로 관리자모드로 수정해야함 )


'Hybrid Application > SenchaTouch' 카테고리의 다른 글

Production 빌드의 문제?  (0) 2012.11.08
Sencha SDK 주요 명령어  (0) 2012.11.08
Sencha Touch 2.0.1 이용하기  (2) 2012.11.08
Sencha Touch 2.1 RC2  (0) 2012.10.22