sencha 썸네일형 리스트형 4일차 : Sencha Touch 2 views 에 대한 이해! App 에서 View 를 사용해 보자!! 사용자가 실제로 보는 부분은 view 이다. 오늘은 app 에서 어떻게 view 를 만들고 그렇게 만들어진 View 를 통해 어떻게 application 을 build 하는 지를 설명하겠다. 지난 시간에 배웠듯이, component 를 만들 때, 센차에서 제공하는 Component class 를 이용하는데 이 때, Ext.create 를 사용한다. Ext.create('Ext.Panel', { html: 'Welcome to my app', fullscreen: true }); 그러나 이 것 보다 실제로 더 많이 쓰이는 방법은, Ext.define 을 사용하는 방법인데, 센차에서 기본적으로 제공하는 class 를 상속하여 프로그래머가 필요로 하는 class 를 만.. 더보기 3일차 : Sencha Touch 2 Components 에 대한 이해! 센차2 블로그는, 제가 속한 CRA 에서 방학동안 진행하는 센차2 스터디 및 프로젝트에 도움을 주기위해 작성하게 됐습니다.. 이 자리를 빌어, 방학 동안 프로젝트 하느라 수고할 임 모양, 이 모군, 정 모군, 이 모양, 남 모양, 양 모양, 최 모군, 모두 모두 화이팅 이다!! ㅎㅎㅎ (외부인들도 검색하면 보게 되는 블로그라서 full name 으로 쓰지는 않았업!ㅎ 원한다면 실명으로 수정해 주겠음 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ) 오늘 다룰 내용은 Components 에 대한 내용이다. (갑자기 반말로 가서 죄송.. 시간 관계상..ㅠㅠ) Components 란 무엇인가?센차 터치에서 사용자와 상호작용을 하는 눈에 보이는 클래스들을 components 라고 한다. 그래서 센차에서 모든 components 들은 Ext.. 더보기 HW1 : Sencha Touch 2 Home Panel 추가하고 자기 소개 하기. 첫 번째 과제 입니다. (현재 이 블로그를 쓸 때 제가 generate 한 저의 app 이름은 Sample 입니다. 처음부터 블로그를 따라 오신 분들은 app 이름이 ST2_test1 일 겁니다. 여러분들은, 제가 Sample 이라고 쓴 부분은, 여러분들이 generate 한 app 이름에 맞게 고치셔야 해요 ㅠㅠ) Home 이라는 새로운 Panel 을 만들고 자기 소개서를 쓴 뒤, Main tab panel 에 추가하는 과제 입니다. + app 전체에 고정된 title bar 를 만들어 보세요. 어떻게 새로운 Panel 을 추가해야 하는지가 막막하실 수 있는데 아래 링크를 따라가시면 영상이 나옵니다. http://docs.sencha.com/touch/2-0/#!/guide/getting_started.. 더보기 Extra1 : Sencha Touch 2 한글 인코딩 문제 크롬에서 실행하다 보면 한글이 제대로 뜨지 않을 때가 있습니다. sencha generate 시켜준 폴더에서 index.html 파일을 엽니다. 그럼 아래와 같은 모습이 나오는데요 여기서 아래 빨간색 박스 쳐 진 모양처럼 바꾸어 주어야 합니다. 그러고 난 뒤에 아래의 사진 처럼 도구 부분에서 인코딩 부분을 자동선택에 체크 해 주시면 됩니다. 자동 선택 해 주시고 지금 캡쳐한 사진은 유니코드 체크 되 있지만, 한글 안 나올 경우에는 자동 선택 되 있는 상태에서 한국어 선택 해 주시면 됩니다. ㅎ 더보기 1일차 : Sencha Touch 2 개발 환경 구축 먼저 Sencha Touch 2 를 테스트 하기 위해서는 기본적인 개발 환경 구축이 필요하다.오늘은 Tomcat 설치 및 가장 기본적인 프로그램을 생성하는 시간을 가져보도록 하겠다. 1. Tomcat 설치톰캣이 필요한 이유는 센차터치를 활용하여 모바일 웹앱을 만들 때 서버로 부터 데이터를 주고 받는다는 이유 하나와,HTML 파일을 서버에 두고 테스트 하기 위함이다. 무슨 말인지 잘 몰라도 일단은 넘어가자. http://tomcat.apache.org/ 여기 사이트로 가서 좌측에 download 부분에 Tomcat 7.0 을 선택한다.그리고 중간 즈음에 빨간색으로 체크된 것을 클릭해서 다운 받는다. 다운로드가 완료되면 인스톨을 시키면 된다. 이 때 나 같은 경우에는 설치 위치를 D 드라이브로 잡았다.아래 .. 더보기 이전 1 다음
