3. ExtJs 프로젝트 생성

3 ExtJs 프로젝트 생성

3.1 프로젝트 생성하기

workspace를 생성한 후 프로젝트를 생성하는 방식이 있지만 저는 평범한 디렉터리를 생성한 후 그곳에 프로젝트를 만들도록 하겠습니다.

workspace를 생성하고 싶으시다면 eclipse를 통해 workspace를 생성하시면 됩니다.

3.1.1 원하는 위치에 디렉터리를 생성합니다. or eclipse를 통해 workspace 생성합니다.

3.1.2 cmd창을 여신 후 생성한 디렉터리 or workspace로 이동합니다.

3.1.3 프로젝트 생성 명령을 입력합니다.

- sencha -sdk extjs경로(=framework 디렉터리 경로) generate app 생성할 프로젝트명 프로젝트생성경로(+생성할 프로젝트명)

- 프로젝트 생성경로 뒤에 생성할 프로젝트명은 생략이 가능합니다. 

3.1.4 해당 프로젝트의 app.js가 존재하는 디렉터리에서 명령을 실행합니다.

sencha app watch or sencha web(-port 8000) start

3.1.5 브라우저를 통해 접속합니다.

- senchaCmd의 기본 포트는 1841입니다. 따라서 localhost:1841을 브라우저의 주소창에 입력합니다.

- F12키를 누른 후 좌측 상단의 아이콘을 클릭하면 모바일로 접속했을 때의 UI를 볼 수도 있습니다.

3.1.6 이클립스를 실행한 후 project 생성을 클릭한 후 생성한 extjs 프로젝트가 위치한 디렉터리를 import 해줍니다.

3.1.7 이클립스를 통해 extjs 프로젝트 생성을 통해 자동으로 작성된 코드를 확인할 수 있습니다.

- classic 디렉터리 : extjs component(web)와 관련된 디렉터리 입니다.

- modern 데릭터리 : sencha touch component(mobile)와 관련된 디렉터리 입니다.