센차 아키텍트
센차터치와 ExtJs를 만드는 데 도움을 주는 통합 툴로 직접적인 파일코딩이 아닌 컴포넌트를 이용하기 때문에 쉬운 웹앱을 개발을 원하는 분들께 권장합니다. 실무 실습 예제를 활용하여 모바일 웹앱 도구로 손쉽게 모바일 앱을 개발할 수 있어 웹앱개발을 원하는 분들이 이용하면 좋습니다.
-
01.25분 센차아키텍트 소개와 시작
센차아키텍트에 대해서 알아보고 사용환경을 설정한 후 간단한 예제를 만들어서 디버깅 해봅니다. 그리고 MVC 아케텍쳐와 클래스에 대해 알아봅니다.
책갈피[00:00] 센차아키텍트/[06:19] 프로젝트 관리자/[13:33] 센차서버와의 연결확인/[19:06] 경로설정/[22:59] 쇼콘솔/[25:23] mvc아키텍처
-
02.1시간 13분 화면의 구성과 레이아웃(1)
패키지와 경로, 컴포넌트와 컨테이너에 대해 알아보고 센차터치 레이아웃을 공부한 후 센차아키텍트에서 레이아웃 예제를 만들어봅니다.
책갈피[00:00] mvc아키텍처/[12:08] 클래스/[22:51] 속성부여/[34:13] 버튼이벤트/[41:05] 내용호출/[50:44] app.js/[56:09] layout/[01:07:19] 프로젝트관리자확인/[01:12:14] 설정창
-
03.56분 레이아웃(2)과 폼 컴포넌트
레이아웃 예제를 이어서 만들어보고, 파일의 분리와 게시,그리고 프리뷰 방법을 알아봅니다. 그리고 폼 컴포넌트에 대해 공부하고 예제를 통해서 폼 컴포넌트 필드들을 사용해봅니다.
책갈피[00:00] 패널/[06:07] 레이아웃변경/[13:37] 분리된 파일확인/[18:03] 검색기능/[24:10] password/[30:37] 각각의 필드명변경/[38:45] 필드이동/[43:25] 위치변경/[50:17] tab이벤트/[54:43] publish
-
04.52분 셀렉트, 슬라이더, 토글 필드와 픽커 필드&컴포넌트
셀렉트,슬라이더,토글 필드에 대해서 자세히 알아보고 예제를 만들어 본 후 MVC구조로 변경해봅니다. 그리고 픽커 필드와 픽커 컴포넌트도 사용해봅니다.
책갈피[00:00] 폼컴포넌트/[06:20] vbox/[13:57] 코드확인/[21:03] displayfield/[27:50] model추가/[34:37] reference2속성변경/[40:10] 새프로젝트/[46:59] hidden속성/[51:02] 날짜선택버튼
-
05.50분 아이콘과 UI, 메시지 박스와 사용자 함수, 탭패널과 캐러셀
아이콘 사용방법과 유저인터페이스를 변경하는 방법을 알아보고 메시지 박스와 사용자 함수를 사용해봅니다. 그리고 탭패널과 캐러셀을 구성하는 방법을 공부하고 직접 만들어봅니다.
책갈피[00:00] 아이콘과 UI/[06:06] 알림기능추가/[12:57] name변경/[20:26] 함수속성창/[28:40] tappanel추가/[36:13] 설정버튼메뉴/[40:08] carousel의 메소드/[46:56] 코드작성/[49:25] 결과확인
-
06.49분 오버레이창, 페이지의 구성과 이동(1)
오버레이창을 만드는 방법을 공부해서 팝업창으로 사용해보고 다양한 페이지의 구성방법과 페이지간의 이동방법에 대해 알아봅니다.
책갈피[00:00] 오버레이창/[06:50] 코드작성/[15:24] 패널추가/속성변경/[23:57] 파일구조 다시확인/[31:37] sub3버튼추가/[40:08] top1의 버튼name/[48:15] mypanelsub3/4
-
07.50분 페이지의 구성과 이동(2), 리스트뷰, 데이터뷰, Ajax 데이터
페이지 구성과 이동 예제를 만들어보고 리스트뷰와 데이터뷰를 공부합니다. 그리고 서버 데이터의 사용법을 배우기 위해 Ajax로 데이터를 가져오는 예제를 만들어 봅니다.
책갈피[00:00] 화면구성과 제어/[06:20] btnsub3추가/[12:09] btnpage2/[20:27] sub4소스입력/[28:01] store/[34:42] 새프로젝트/[41:06] itemtpl코드입력/[49:09] displayname
-
08.49분 Ajax 데이터 가져오기와 MVC 아키텍처, 멀티미디어 제어, 센차터치 차트(1)
서버에서 Ajax로 데이터를 불러와보고, MVC 아키텍처로 제어해봅니다. 그리고 멀티미디어의 비디오, 오디오, 지도 등을 사용해봅니다. 마지막으로 센차터치 차트의 종류에 대해 알아보고 사용법을 배워봅니다.
책갈피[00:00] 화면구성과 ajax/[05:16] url/[13:20] 컨트롤러 추가/[22:02] dock/[32:01] locationerror/[40:00] panel명 변경/[48:30] scoremodel/scarestore소스확인
-
09.48분 센차터치 차트(2), 나침반 앱 만들기(1)
데이터를 입력해서 차트로 만들어보고, 네이티브 앱을 만들기 위한 환경설정을 해줍니다. 그리고 센차아키텍트를 이용해서 나침반 앱을 구현해 봅니다.
책갈피[00:00] 차트/[05:10] store/[13:19] columchartpanel/[21:39] 안드로이드SDK지정/[30:06] 패키지구조확인/[41:51] 나침반만들기/[47:09] 이미지크기조절
-
10.52분 나침반 앱 만들기(2)와 네이티브 앱 구현, 센차 디바이스
센차아키텍트로 만든 나침반을 폰갭과 연동하여 실제로 모바일에서 움직일 수 있게 만들어 주고, Sencha Cmd를 이용해 네이티브 앱을 구현해 봅니다. 그리고 마지막으로 센차 디바이스에 대해 공부합니다.
책갈피[00:00] 나침반/[07:15] 버튼에 이벤트 부여/[14:11] 변수선언/[23:51] 폴더구조확인/[31:36] 차트프로젝트열기/[42:30] 루비인스톨러/[49:22] ext.device.geolocation/[50:32] ext.device.notification
센차터치212시간 42분
폰갭8시간 53분
