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에서 객체 사용하기

<!DOCTYPE html>

<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

 

 

Posted by 꿈을펼쳐라
,