1. Javascript 사용하기
1) sencha용 자바 스크립트 불러오기
ㄱ. 좌측 Project Explore 탭에서 sencha-touch-debug.js 파일을 복사하여, index.html
디렉토리와 동일한 위치로 붙여넣기 함.
ㄴ. html 파일 내에서 다음 라인 추가
<script type=”text/javascript” src=”sencha-tourch-debug.js”> </script>
2) Javascript에서 객체 사용하기
<html>
<head>
<title>Hello World</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="sencha-touch-debug.js"></script>
<script type="text/javascript">
Ext.define("cat",{
name:'',
speak:function(){
alert(this.name+':므~용~');
},
});
var tomcat = new cat();
tomcat.name ="tom";
tomcat.speak();
Ext.define('Mainecoon', {
extend:'cat',
speak:function() {
alert(this.name + ":왈왈!");
}
});
var navicat = Ext.create("Mainecoon");
navicat.name ="aaa";
navicat.speak();
</script>
</head>
<body>
Hello World!!
</body>
</html>
3) Editor 기능 활용
ㄱ. 자동완성 : ctrl + space
ㄴ. 주석처러 : ctrl + ‘/ ’
2. Sench-Touch Project 만들기
1) Hello 프로젝트 만들기
ㄱ. 윈도우용 환경 세팅 수정 : command > sencha 파일 선택 후 윈도우 버전으로 변경
#!/bin/sh
DIR=$(dirname $(which $0))
export NODE_PATH=$DIR/vendor/nodejs/node_modules
$DIR/vendor/nodejs/win/node.exe $DIR/sencha.js $*
ㄴ. workspace 선택후 오른쪽 팝업 메뉴 : show in > Terminal
ㄷ. Terminal command 라인에 다음 내용 추가
$ ./command/sencha app create –n HelloWorld -p ./workspace/HelloWorld/ -l all
-n ‘프로젝트명’ -p ‘프로젝트 생성 경로’ -l ‘참조 라이브러리 (core, all)’
2) Project 구성 보기
ㄱ. app :
ㄴ. resources
ㄷ. sdk
ㄹ. app.js
ㅁ. app.json
ㅂ. index.html
ㅅ. packager.json
3) 실행화면
워드파일 : 모바일 웹앱 전문 개발자 과정_0404.docx
'프로그래밍 > Mobile Web App 개발' 카테고리의 다른 글
[모바일 웹앱 전문 개발자 과정] 6일차 4/7 #1 (0) | 2012.04.07 |
---|---|
[모바일 웹앱 전문 개발자 과정] 5일차 4/6 (0) | 2012.04.06 |
[모바일 웹앱 전문 개발자 과정] 4일차 4/5 (0) | 2012.04.06 |
[모바일 웹앱 전문 개발자 과정] 2일차 4/3 (0) | 2012.04.05 |
[모바일 웹앱 전문 개발자 과정] 1일차 4/2 (1) | 2012.04.05 |