체험!!

093906 전의진

Sencha Architect2

설치시... 언어선택가능!! 하네요. ㅎ 한글어 선택해서 설치해봤지만 툴은 한글지원 아직 지원 안되나 봅니다. 저만 안되는건가여??

설치후 실행해보니 바로 업데이트나오더군요.업데이트 후 실행하면 오른쪽 화면나오네요. 프로젝트 종류는 Ext JS4.0&Senchar Touch 2.0.x 나뉘네요.

두개의 차이가 무엇일까?? Ext JS 4.0.x 와 Sencha Touch 2.0.x 실행봤습니다. 툴에서 보이는 다른점은 툴 메뉴가 생겨서 개수 차이가 있고 나머지 부분은 화면은 같았습니다. 둘 다 처음 접해서 모르겠지만 개발환경이 먼가 다른점이 있을려니 생각됩니다.

실행된 툴화면입니다. 저같은 경우 5/10일날 설치 했었는데 이때는 처음에만 실행되고 이후에는 아예 계속 팅겨서 실행도 안되서 ㅜㅜ 만지지도 못했었네여.(윈도우64bit환경) 그래서 다른컴퓨터 32bit에선 잘되길래 32bit에서 사용했습니다. 몇일뒤 오른쪽처럼 업데이트가 되길래... 업데이트 후 실행하니 그때부터 윈도우 64bit에서도 잘 실행 되더라구요. 5/10일에 64bit에서 한번실행후 안될땐 당황했네여. ㅎ 현재 업데이트는 자주 이루어지는듯 합니다. 하루에 한번씩 실행해보긴했는데 일주일 사이 업데이트 4번이나 이루어졌네여. 나온지 얼마안되서 어딘가에 버그만 많나봅니다.

툴에서 help 확인해보면... Senchar 사이트 접속되면서 가이드를 확인활수 있었습니다. 사용전에 한번 훓어보는것도 좋은거 같습니다. ㅎ 툴이 기능이 무엇인지는 알아야하니깐요. 그런데 봐도 머 처음 접하는 저로썬 머가 먼지..

그리고 역시 Sencha도 사이트에 API문서가 있습니다. 개발가능하신분들은 API 문서 참고해서 개발하면 되겠습니다. 이제 처음 접하는 Sencha!!! 일딴 무작정 만져보고 느껴야봐야겠네요. ㅎㅎ

둘러보니… 디바이스별로 선택해서 디자인을 할 수 있고.. 사이즈도 조절해서 가능합니다. 좌우 화면전환해서도 확인가능합니다.

툴을 원하는 것을 선택하여 어플을 디지인 할 수 있으며 디자인한 구조는 Project Inspector 쉽게 확인가능하고… 또한 Design,code 선택하여 바로 알아 볼 수 있습니다. 그래서 구글map의 첫페이지를 한번 디자인해 보았습니다.

이렇게 iPad 디바이스 환경의 사이즈선택 한뒤... 툴을 이용하여 쉽게 간단히 구글map 웹을 디자인을 할 수 있었습니다.

Design 환경

Code 환경을 보게되면 디자인을 하였던 것을 코드로 볼 수 있습니다. Code 환경에서 수정을 해볼려했지만 왜?? 전 수정이 안되는 걸까여?? Trial 버전이라?? 그런건지 버그인지 모르겠지만..코드도 쉽게 확인 가능합니다.

Code 환경 클립보드저장 Js파일로저장 Class,JSON 및 Override 코드 바로 확인가능

프로젝트를 저장하면 html,JS 및 Sencha 파일로 저장이 된다.

Sencha Architect2 사용해보면서 제가 써본것 중 가장 흡사한 프로그램이 있다면 홈페이지를 만들 수 있게 하는 Dreamweaver, 안드로이드 어플 만들수 있게 하는 Google App Inventor 생각이 났습니다.

Google App Inventor

Dreamweaver

Dreamweaver, Google App Inventor 두개 프로그램도 Sencha Architect2와 같이 툴로 이용하여 쉽게 디지안 및 코드가 짜여지는 편리한 도구입니다. Sencha는 처음 접하는거지만 2가지를 사용해봐서 그런지 쉽게 접근할 수 있었습니다. 홈페이지,안드로이드어플은 간단한거 만들어본적은 있지만... Sencha는 어떤지 한번 제대로 사용해서 만들어보고 싶어집니다. Sencha는 코드가 Ext js라서 제가 배운적없어 생소하지만 Sencha 사용할려면 Ext js 공부해서 코드 제대로 알면 더 쉽게 접근하겠네요. 코드짜는것보단 전 디자인하는건 좋아합니다. 이번 계기로 Sencha 알게되었으니 방학때 책을 빌려 공부해서 디자인툴로 쉽게 디자인하면서 한번 웹앱 만들어봐야겠습니다.

Sencha 만든 Melon 웹앱

Thank you!