[jco 발표자료] 센차(sencha) 입문자를 위한 핵심 가이드

63

Upload: itismejk

Post on 29-Nov-2014

2.199 views

Category:

Technology


0 download

DESCRIPTION

제14회 한국자바개발자 컨퍼런스 자료를 공유합니다. - JCO : http://jcoconference.co.kr "센차 입문자를 위한 핵심 가이드" 어려운 센차를 효과적으로 배울 수 있는 것들을 공개 합니다. 수 많은 센차관련 학습 자료 중에서 초/중/고급 과정 별로 Best of the Best 를 선별 했습니다. 이것들만 공부하시면 가장 빨리 실력 향상을 이루실 수 있을 것입니다. 그리고 JCO 세션 참여하신 분은 간단한 피드백(질문3개) 부탁드립니다. - https://docs.google.com/forms/d/1ya8GzWgapRROE0R6RHvtOsYMM7iF1xI6wXMRa-MfXnU/viewform 감사합니다. - JCO : http://www.jco.or.kr - 한국센차유저그룹 (페이스북) : https://www.facebook.com/groups/korea.sencha/ - 한국센차유저그룹 (블로그) : http://sencha.or.kr

TRANSCRIPT

Page 1: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드
Page 2: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

센차 입문자를 위한핵심 가이드

Page 3: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

김종광����������� ������������������  -����������� ������������������  발표자����������� ������������������  소개

‣ 이름 : 김종광

‣ 소속 - (현) 한국센차유저그룹 운영자 - (현) 주식회사 종광, CTO - (현) 미래부/NIPA, SW 마에스트로 멘토

‣ 연락처 - E-Mail : [email protected] - Blog : http://jongkwang.com - Facebook

> https://www.facebook.com/kimjongkwang - Twitter

> https://twitter.com/jongkwang

Page 4: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

센차����������� ������������������  입무자를����������� ������������������  위한핵심����������� ������������������  가이드

발표주제

Page 5: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

센차����������� ������������������  입무자를����������� ������������������  위한핵심����������� ������������������  가이드

‣ Sencha 제품군 - Ext JS , Sencha Touch , Sencha

Architect

‣ 이 어려운 걸 뭘 보고 공부해야 하죠??

- 온라인 교육 자료 > 추천 문서 , 블로그 , 동영상 URL

- 오프라인 교육

‣ Sencha 만의 기본 개념 ( 이론 )

- MVC 패턴 - Class System

‣ 추천 사이트

Page 6: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

자~����������� ������������������  이제 방을����������� ������������������  잘못����������� ������������������  찾아����������� ������������������  오신분은

Page 7: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

Why����������� ������������������  Sencha?

Page 8: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?

Object-C����������� ������������������  Android����������� ������������������  Java����������� ������������������  HTML5

싫어!����������� ������������������  싫어!����������� ������������������  좋아!!����������� ������������������  ^^

Page 9: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?

HTML5

Page 10: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?UI

Control

Logic

Page 11: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?UI

Control

Logic

Page 12: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?UI

Control

Logic

Page 13: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?UI

Control

Logic

Page 14: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Why����������� ������������������  Sencha?

Sencha����������� ������������������  제품군

Page 15: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Sencha����������� ������������������  제품군

Sencha

Sencha����������� ������������������  Touch Ext����������� ������������������  JS Architect

Page 16: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Sencha����������� ������������������  제품군

‣ Sencha Touch - Demo URL : http://goo.gl/J02zeV

‣ Ext JS - Demo URL : http://goo.gl/F3iAhE

"‣ Sencha Architect

- Demo URL : http://www.sencha.com/products/architect/

Live����������� ������������������  Demo

Page 17: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

이����������� ������������������  어려운걸����������� ������������������  뭘����������� ������������������  보고����������� ������������������  공부해야����������� ������������������  하죠?

Page 18: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

제가����������� ������������������  추천하는����������� ������������������  커리큘럼만����������� ������������������  따라오세요!!

Page 19: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

제가����������� ������������������  추천하는����������� ������������������  커리큘럼만����������� ������������������  따라오세요!!

Best����������� ������������������  of����������� ������������������  the����������� ������������������  Best

Page 20: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급

Page 21: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급

Code����������� ������������������  따라하기����������� ������������������  &����������� ������������������  비디오����������� ������������������  감상

Page 22: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급Sencha����������� ������������������  Docs����������� ������������������  문서를����������� ������������������  보셔야����������� ������������������  합니다.

Page 23: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급

Getting Started with Sencha Touch

Building your First App

Page 24: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급

http://docs.sencha.com/touch/2.3.1/#!/guide

����������� ������������������  Video����������� ������������������  화면을����������� ������������������  반복해서����������� ������������������  감상하세요

http://docs.sencha.com/touch/2.2.1/#!/guide

Page 25: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급http://docs.sencha.com/touch/2.2.1/#!/guide

Page 26: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급http://docs.sencha.com/touch/2.2.1/#!/guide

Class System

Intro to Layouts

Tabs and ToolbarsMVC in Depth Part

Page 27: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

입문����������� ������������������  ~����������� ������������������  초급 Summary‣ Sencha Docs > Guide

- Getting Started with Sencha Touch

> http://docs.sencha.com/touch/2.3.1/#!/guide/getting_started - Buidling Your First App

> http://docs.sencha.com/touch/2.3.1/#!/guide/first_app

"‣ Sencha Docs > Video (버전을 2.2.1로 맞추세요!!)

- http://docs.sencha.com/touch/2.2.1/#!/video

> Class System

> Intro to Layout

> Tabs and Toolbars

> MVC in Depth Part

Page 28: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

여기까지����������� ������������������  하는데����������� ������������������  일주일����������� ������������������  걸립니다.

Page 29: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

여기까지����������� ������������������  하는데����������� ������������������  일주일����������� ������������������  걸립니다.

동영상은����������� ������������������  반복해서����������� ������������������  3~10번은����������� ������������������  보셔야����������� ������������������  해요

Page 30: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급

Page 31: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급Docs����������� ������������������  

&����������� ������������������  Examples

Page 32: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급

Page 33: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급

Page 34: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급http://docs.sencha.com/touch/2.3.1/#!/example

Page 35: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

중급은����������� ������������������  1달����������� ������������������  정도����������� ������������������  걸립니다

O`Reilly����������� ������������������  샘플����������� ������������������  앱은����������� ������������������  반복해서����������� ������������������  연습!!!

Page 36: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급

이미����������� ������������������  문법은����������� ������������������  해결����������� ������������������  되셨기에����������� ������������������  배우기����������� ������������������  수월합니다

Page 37: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급 http://vimeo.com/sencha

Page 38: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급 http://vimeo.com/sencha

Page 39: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급����������� ������������������  1

The Building of F

astbook

http://vimeo.com

/75397090

Page 40: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급����������� ������������������  2

Ext JS Performan

ce

http://vimeo.com

/75397091

Page 41: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급����������� ������������������  3,4JavaScri

pt: Need for Spee

d

http://vimeo.com

/75312608

Sencha Touch Be

st Practices and

Component Arch

itecture

http://vimeo.com

/75264456

Page 42: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

고급����������� ������������������  5,6Debugg

ing and Perform

ance

http://vimeo.com

/75258561 Watch L

ist Code Walkthr

ough

http://vimeo.com

/64262771

Page 43: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

Buffering large d

atasets in an Ext

JS 4.2 Grid for hig

h performance

http://vimeo.com

/59611158

고급����������� ������������������  7

Page 44: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

Buffering large d

atasets in an Ext

JS 4.2 Grid for hig

h performance

http://vimeo.com

/59611158

고급����������� ������������������  7

Page 45: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

블로그����������� ������������������  추천

Page 46: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스블로그����������� ������������������  추천 Korea Sencha User Group http://sencha.or.kr

Page 47: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스블로그����������� ������������������  추천 Korea Sencha User Group https://www.facebook.com/

groups/korea.sencha/

Page 48: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스블로그����������� ������������������  추천 곽옥석님 블로그 (Ext JS) http://benney.tistory.com/category/자바스크립트/

Page 49: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스블로그����������� ������������������  추천 송성광님 블로그 http://blog.saltfactory.net/category/Sencha

Page 50: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

오프라인����������� ������������������  교육

Page 51: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스오프라인����������� ������������������  교육 센차 공인 교육 (미래웹기술연구소) http://www.miraeweb.com/

training/sencha/extjs1403/

Page 52: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스오프라인����������� ������������������  교육Ext JS 교육 (곽옥석님)

http://onoffmix.com/event/23614

Page 53: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

무료����������� ������������������  E-Book

Page 54: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스무료����������� ������������������  E-Book‣ E-Book

"- Intro

> http://sencha.or.kr/?p=755 - Google Books

> http://goo.gl/kCS3U - Apple iBooks

> http://goo.gl/lVOPD - PDF

> http://goo.gl/XzqgAo

Page 55: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

API����������� ������������������  보는����������� ������������������  방법

가장����������� ������������������  중요!!

Page 56: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스API����������� ������������������  보는����������� ������������������  방법

Page 57: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

Demo

Page 58: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Demo 손장부 (Sencha Touch, 오상환님) http://goo.gl/lOrRlA

Page 59: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Demo Asset Flow (Ext JS, 안효종님) https://www.facebook.com/

hyojong.ahn

Page 60: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Demo MySQL Client (Ext JS, 정주원님) https://www.facebook.com/

jungjuwon

Page 61: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Demo Synology NAS (Touch & Ext JS)

http://www.synology.com/ko-kr/

products/dsm_livedemo

Page 62: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스Demo Sencha Architect (Ext JS) https://www.sencha.com/products/architect/

Page 63: [JCO 발표자료] 센차(Sencha) 입문자를 위한 핵심 가이드

https://www.facebook.com/groups/korea.sencha

제14회 한국자바개발자 컨퍼런스

감사합니다. ""

Q & AFastboo

k

http://fb.html5is

ready.com