• Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect

  • 6,610 views
Uploaded on

[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect ...

[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect

2013.05.14 별천지 세미나 자료 입니다.
- 세미나 후기 : http://sencha.or.kr/?p=855

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,610
On Slideshare
2,300
From Embeds
4,310
Number of Embeds
8

Actions

Shares
Downloads
0
Comments
0
Likes
6

Embeds 4,310

http://readme.skplanet.com 2,587
http://sencha.or.kr 1,087
http://feeds.feedburner.com 261
http://w3labs.kr 252
http://www.hanrss.com 93
http://www.miraeweb.com 27
http://cafe.naver.com 2
http://digg.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. https://www.facebook.com/groups/korea.senchaSencha 로 끝장내는 HTML5 Front-End 개발과Architect§ 한국센차유저그룹 - 김종광113년 5월 15일 수요일
  • 2. https://www.facebook.com/groups/korea.sencha§ (현) 한국 센차 유저 그룹(http://sencha.or.kr) – 운영자§ (현) Sencha Inc. 국제 공인 트레이너§ (현) 김종광 / 미래웹기술연구소 책임 연구원§ (현) OKJSP 오픈소스 Committer 활동§ (전) OKJSP 개발자 커뮤니티 HTML5 버전 + 모바일 버전 구축§ (전) 멜론 모바일 사이트(iPad 용) Sencha Touch 사이트 개발§ 월간 마이크로소프트 2011년 1월호 ~ 4월호 Sencha Touch 연재§ 월간 웹 2011년 7월호 ~ 9월호 Sencha Touch 연재§ HTML5 / Sencha Touch 관련 강의 및 도서 집필 중§ E-mail : jongkwang@w3labs.kr§ Twitter : @jongkwang§ Facebook : https://www.facebook.com/kimjongkwang§ (현) 한국 센차 유저 그룹(http://sencha.or.kr) – 운영자§ (현) 김종광 / 미래웹기술연구소 수석 연구원§ (현) Sencha Inc. 공인 Instructor§ (전) OKJSP 개발자 커뮤니티 HTML5 버전 + 모바일 버전 구축§ (전) 멜론 모바일 사이트(iPad 용) Sencha Touch 사이트 개발§ 월간 마이크로소프트 2011년 1월호 ~ 4월호 Sencha Touch 연재§ 월간 웹 2011년 7월호 ~ 9월호 Sencha Touch 연재§ E-Mail : kim@jongkwang.com§ Site : http://jongkwang.com§ Twitter : @jongkwang§ Facebook : https://www.facebook.com/kimjongkwang2발표자13년 5월 15일 수요일
  • 3. https://www.facebook.com/groups/korea.sencha313년 5월 15일 수요일
  • 4. https://www.facebook.com/groups/korea.senchaSencha
  • 5.   로
  • 6.   끝장내는Front-End
  • 7.   개발313년 5월 15일 수요일
  • 8. https://www.facebook.com/groups/korea.senchaSencha
  • 9.   로
  • 10.   끝장내는Front-End
  • 11.   개발413년 5월 15일 수요일
  • 12. https://www.facebook.com/groups/korea.sencha-
  • 13.   HTML5
  • 14.   Web
  • 15.   개발-
  • 16.   HTML5
  • 17.   App
  • 18.   개발Sencha
  • 19.   로
  • 20.   끝장내는Front-End
  • 21.   개발413년 5월 15일 수요일
  • 22. https://www.facebook.com/groups/korea.senchaObject-CAndroid
  • 23.   JavaHTML55HTML5 Mobile Development13년 5월 15일 수요일
  • 24. https://www.facebook.com/groups/korea.senchaObject-CAndroid
  • 25.   JavaHTML5싫어!5HTML5 Mobile Development13년 5월 15일 수요일
  • 26. https://www.facebook.com/groups/korea.senchaObject-CAndroid
  • 27.   JavaHTML5싫어!싫어!5HTML5 Mobile Development13년 5월 15일 수요일
  • 28. https://www.facebook.com/groups/korea.senchaObject-CAndroid
  • 29.   JavaHTML5싫어!싫어!좋아!!
  • 30.   ^^5HTML5 Mobile Development13년 5월 15일 수요일
  • 31. https://www.facebook.com/groups/korea.senchaHTML5
  • 32.   로앱을
  • 33.   만들어
  • 34.   Store
  • 35.   에올려보신
  • 36.   분?6HTML5 Mobile Development13년 5월 15일 수요일
  • 37. https://www.facebook.com/groups/korea.senchaHTML57HTML5 Mobile Development13년 5월 15일 수요일
  • 38. https://www.facebook.com/groups/korea.senchaHTML57HTML5 Mobile Development13년 5월 15일 수요일
  • 39. https://www.facebook.com/groups/korea.senchaHTML57HTML5 Mobile Development13년 5월 15일 수요일
  • 40. https://www.facebook.com/groups/korea.senchaUIControlLogic8HTML5 Mobile Development13년 5월 15일 수요일
  • 41. https://www.facebook.com/groups/korea.senchaUIControlLogic8HTML5 Mobile Development13년 5월 15일 수요일
  • 42. https://www.facebook.com/groups/korea.senchaUIControlLogic9HTML5 Mobile Development13년 5월 15일 수요일
  • 43. https://www.facebook.com/groups/korea.senchaUIControlLogic9HTML5 Mobile Development13년 5월 15일 수요일
  • 44. https://www.facebook.com/groups/korea.senchaUIControlLogic10HTML5 Mobile Development13년 5월 15일 수요일
  • 45. https://www.facebook.com/groups/korea.senchaUIControlLogic11HTML5 Mobile Development13년 5월 15일 수요일
  • 46. https://www.facebook.com/groups/korea.sencha11HTML5 Mobile Development13년 5월 15일 수요일
  • 47. https://www.facebook.com/groups/korea.sencha1213년 5월 15일 수요일
  • 48. https://www.facebook.com/groups/korea.sencha어떻게
  • 49.   만드는지Demo를
  • 50.   보시죠12withSencha
  • 51.   Architect13년 5월 15일 수요일
  • 52. https://www.facebook.com/groups/korea.sencha1313년 5월 15일 수요일
  • 53. https://www.facebook.com/groups/korea.sencha1313년 5월 15일 수요일
  • 54. https://www.facebook.com/groups/korea.senchavs.Sencha
  • 55.   Touch
  • 56.   는무겁다??14Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 57. https://www.facebook.com/groups/korea.senchavs.Sencha
  • 58.   Touch
  • 59.   는무겁다??옛날
  • 60.   이야기
  • 61.   입니다Sencha
  • 62.   Touch는
  • 63.   가볍습니다15Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 64. https://www.facebook.com/groups/korea.senchaSencha
  • 65.   Touch는
  • 66.   가볍습니다16Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 67. https://www.facebook.com/groups/korea.senchaSencha Touch 1• sencha-touch.js - 374 KB(minified)Sencha
  • 68.   Touch는
  • 69.   가볍습니다무거웠었습니다16Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 70. https://www.facebook.com/groups/korea.senchaSencha Touch 1• sencha-touch.js - 374 KB(minified)Sencha Touch 2• sencha-touch.js - 92 KB(minified)Sencha
  • 71.   Touch는
  • 72.   가볍습니다무거웠었습니다 가볍습니다16Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 73. https://www.facebook.com/groups/korea.senchaSencha Touch 1• sencha-touch.js - 374 KB(minified)Sencha Touch 2• sencha-touch.js - 92 KB(minified)jQuery Mobile• jquery.mobile-1.2.0.min.js - 113 KBSencha
  • 74.   Touch는
  • 75.   가볍습니다무거웠었습니다 가볍습니다jQuery Mobile보다 더16Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 76. https://www.facebook.com/groups/korea.senchaSencha Touch 1• sencha-touch.js - 374 KB(minified)Sencha Touch 2• sencha-touch.js - 92 KB(minified)jQuery Mobile• jquery.mobile-1.2.0.min.js - 113 KB• jquery.js- 32 KBSencha
  • 77.   Touch는
  • 78.   가볍습니다무거웠었습니다 가볍습니다jQuery Mobile보다 더16Sencha Touch 는 무겁다?13년 5월 15일 수요일
  • 79. https://www.facebook.com/groups/korea.senchaFaster
  • 80.   Startup
  • 81.   Time1713년 5월 15일 수요일
  • 82. https://www.facebook.com/groups/korea.senchaFaster
  • 83.   Startup
  • 84.   Time18‣ Faster startup time• Sencha SDK Tools - Optimization• Code combination + minified• HTML5 App Cache - Manifest 자동 생성13년 5월 15일 수요일
  • 85. https://www.facebook.com/groups/korea.sencha개발버전Faster
  • 86.   Startup
  • 87.   Time18‣ Faster startup time• Sencha SDK Tools - Optimization• Code combination + minified• HTML5 App Cache - Manifest 자동 생성13년 5월 15일 수요일
  • 88. https://www.facebook.com/groups/korea.sencha개발버전첫번째.Faster
  • 89.   Startup
  • 90.   Time18‣ Faster startup time• Sencha SDK Tools - Optimization• Code combination + minified• HTML5 App Cache - Manifest 자동 생성13년 5월 15일 수요일
  • 91. https://www.facebook.com/groups/korea.sencha개발버전첫번째.두번째.Faster
  • 92.   Startup
  • 93.   Time18‣ Faster startup time• Sencha SDK Tools - Optimization• Code combination + minified• HTML5 App Cache - Manifest 자동 생성13년 5월 15일 수요일
  • 94. https://www.facebook.com/groups/korea.sencha개발버전첫번째.두번째.n번째Faster
  • 95.   Startup
  • 96.   Time18‣ Faster startup time• Sencha SDK Tools - Optimization• Code combination + minified• HTML5 App Cache - Manifest 자동 생성13년 5월 15일 수요일
  • 97. https://www.facebook.com/groups/korea.senchavs.19Smaller
  • 98.   CSS13년 5월 15일 수요일
  • 99. https://www.facebook.com/groups/korea.sencha20‣ sencha-touch.css 크기 비교Smaller
  • 100.   CSS13년 5월 15일 수요일
  • 101. https://www.facebook.com/groups/korea.senchaSencha Touch 2• sencha-touch.css - 351 KB(minified)SASS & Compass Compile• sencha-touch.js - 103 KB(minified)20‣ sencha-touch.css 크기 비교Smaller
  • 102.   CSS13년 5월 15일 수요일
  • 103. https://www.facebook.com/groups/korea.sencha@include sencha-panel;@include sencha-buttons;@include sencha-tabs;@include sencha-toolbar;@include sencha-layout;@include sencha-carousel;@include sencha-msgbox;@include sencha-list;// @include sencha-picker;// @include sencha-toolbar-forms;// @include sencha-indexbar;// @include sencha-sheet;// @include sencha-form;Sencha Touch 2• sencha-touch.css - 351 KB(minified)SASS & Compass Compile• sencha-touch.js - 103 KB(minified)21‣ 사용하지 않는 컴포넌트(CSS) 제외Smaller
  • 104.   CSS13년 5월 15일 수요일
  • 105. https://www.facebook.com/groups/korea.senchavs.그밖의
  • 106.   기능2213년 5월 15일 수요일
  • 107. ‣ Smoother Scrolling and Animations• 특히 안드로이드 강점!!‣ Advanced List Plugin• Pull to Refresh , Load More‣ Config System‣ Class System - from Ext JS 4‣ History, Back Button‣ Infinite Carouselhttps://www.facebook.com/groups/korea.sencha2313년 5월 15일 수요일
  • 108. ‣ Smoother Scrolling and Animations• 특히 안드로이드 강점!!‣ Advanced List Plugin• Pull to Refresh , Load More‣ Config System‣ Class System - from Ext JS 4‣ History, Back Button‣ Infinite Carouselhttps://www.facebook.com/groups/korea.sencha2313년 5월 15일 수요일
  • 109. ‣ Sencha Touch Chart• http://www.sencha.com/products/touch/charts‣ HTML5 Canvas based• iOS• Androidhttps://www.facebook.com/groups/korea.sencha2413년 5월 15일 수요일
  • 110. https://www.facebook.com/groups/korea.senchavs.MobileWebApp 최고의
  • 111.   솔루션2513년 5월 15일 수요일
  • 112. https://www.facebook.com/groups/korea.senchaHTML5MobileWebApp26HTML5 Development13년 5월 15일 수요일
  • 113. https://www.facebook.com/groups/korea.senchaHTML5MobileWebAppMobileAppDesktopWebAppDesktopApp27HTML5 Development13년 5월 15일 수요일
  • 114. https://www.facebook.com/groups/korea.sencha28HTML5 DevelopmentHTML5는Mobile이
  • 115.   다가
  • 116.   아니다Desktop
  • 117.   은??13년 5월 15일 수요일
  • 118. https://www.facebook.com/groups/korea.sencha28HTML5 DevelopmentHTML5는Mobile이
  • 119.   다가
  • 120.   아니다Desktop
  • 121.   은??13년 5월 15일 수요일
  • 122. https://www.facebook.com/groups/korea.senchaMobile이
  • 123.   다가
  • 124.   아니다Desktop
  • 125.   은??Sencha TouchMobile Desktop2913년 5월 15일 수요일
  • 126. https://www.facebook.com/groups/korea.senchaMobile이
  • 127.   다가
  • 128.   아니다Desktop
  • 129.   은??Sencha Touch Ext JSMobile Desktop2913년 5월 15일 수요일
  • 130. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile Desktop3013년 5월 15일 수요일
  • 131. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile DesktopSencha Mobile Sencha Desktop+ +3113년 5월 15일 수요일
  • 132. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile DesktopSencha Mobile Sencha Desktop3213년 5월 15일 수요일
  • 133. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile DesktopSencha Mobile Sencha DesktopSencha Charts3313년 5월 15일 수요일
  • 134. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile DesktopSencha Mobile Sencha DesktopSencha ChartsSencha Architect3413년 5월 15일 수요일
  • 135. https://www.facebook.com/groups/korea.senchaSencha Touch Ext JSMobile DesktopSencha Mobile Sencha DesktopSencha ChartsSencha Architect3513년 5월 15일 수요일
  • 136. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha Architect3613년 5월 15일 수요일
  • 137. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha ArchitectSencha Eclipse3613년 5월 15일 수요일
  • 138. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha ArchitectSencha Eclipse3713년 5월 15일 수요일
  • 139. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha ArchitectSencha EclipseSencha Animator3713년 5월 15일 수요일
  • 140. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha ArchitectSencha EclipseSencha Animator3813년 5월 15일 수요일
  • 141. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha ArchitectSencha EclipseSencha AnimatorEnterprise3813년 5월 15일 수요일
  • 142. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha ArchitectSencha AnimatorEnterprise3913년 5월 15일 수요일
  • 143. https://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha CareSencha EclipseSencha ArchitectSencha AnimatorEnterprise3913년 5월 15일 수요일
  • 144. Sencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha Care4013년 5월 15일 수요일
  • 145. Sencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha CareSencha Market4013년 5월 15일 수요일
  • 146. Sencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha CareSencha Market4113년 5월 15일 수요일
  • 147. Sencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha CareSencha Market Sencha.IO4113년 5월 15일 수요일
  • 148. Sencha ArchitectSencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha CareSencha MarketSencha.IO4213년 5월 15일 수요일
  • 149. Sencha ArchitectSencha Architecthttps://www.facebook.com/groups/korea.senchaSencha TouchExt JSSencha MobileSencha DesktopSencha ChartsSencha EclipseSencha AnimatorEnterpriseSencha CareSencha MarketSencha.IOSencha
  • 150.   Complete
  • 151.   !!4213년 5월 15일 수요일
  • 152. https://www.facebook.com/groups/korea.senchaSencha
  • 153.   Complete
  • 154.   !!FrameworkEnterpriseSupportDevelopmentToolsNative
  • 155.   PackagingSencha TouchExt JSSencha Mobile Sencha DesktopSencha EclipseSencha AnimatorEnterpriseSencha CareSencha MarketSencha.IOSencha Architect Sencha Charts4313년 5월 15일 수요일
  • 156. https://www.facebook.com/groups/korea.senchaSencha
  • 157.   Complete
  • 158.   !!FrameworkEnterpriseSupportDevelopmentToolsNative
  • 159.   PackagingSencha TouchExt JSSencha Mobile Sencha DesktopSencha EclipseSencha AnimatorEnterpriseSencha CareSencha MarketSencha.IOSencha Architect Sencha Charts4313년 5월 15일 수요일
  • 160. https://www.facebook.com/groups/korea.senchavs.Performance44Performance13년 5월 15일 수요일
  • 161. cehttps://www.facebook.com/groups/korea.senchaFa
  • 162.   
  • 163.   
  • 164.   book45Performance13년 5월 15일 수요일
  • 165. https://www.facebook.com/groups/korea.senchaFa
  • 166.   
  • 167.   
  • 168.   bookst45Performance13년 5월 15일 수요일
  • 169. https://www.facebook.com/groups/korea.sencha§ Mark Zuckerberg- “HTML5 wasn`t ready”§ HTML5 App ==> Native App46Sencha Touch - Fastbook13년 5월 15일 수요일
  • 170. https://www.facebook.com/groups/korea.sencha§ Sencha Inc - fastbook- Video : http://vimeo.com/55486684- Demo : http://fb.html5isready.com47Sencha Touch - Fastbook13년 5월 15일 수요일
  • 171. https://www.facebook.com/groups/korea.senchaDemo48Sencha Touch - Fastbook13년 5월 15일 수요일
  • 172. https://www.facebook.com/groups/korea.sencha48Sencha Touch - Fastbook13년 5월 15일 수요일
  • 173. https://www.facebook.com/groups/korea.senchavs.iPhone
  • 174.   말고Android
  • 175.   는?49Sencha Touch - Fastbook13년 5월 15일 수요일
  • 176. https://www.facebook.com/groups/korea.senchaDemo
  • 177.   -
  • 178.   Android50Sencha Touch - Fastbook13년 5월 15일 수요일
  • 179. https://www.facebook.com/groups/korea.sencha50Sencha Touch - Fastbook13년 5월 15일 수요일
  • 180. https://www.facebook.com/groups/korea.senchavs.JavaScript
  • 181.   +
  • 182.   DOMPerformance51Sencha Touch - Fastbook13년 5월 15일 수요일
  • 183. https://www.facebook.com/groups/korea.senchavs.Row 1Row 2Row 3Row 4Row 5Row 6Row 7Row 8Row 952Sencha Touch - Fastbook13년 5월 15일 수요일
  • 184. https://www.facebook.com/groups/korea.senchavs.Row 1Row 2Row 3Row 4Row 5Row 6Row 7Row 8Row 1Row 2Row 3Row 4Row 5Row 6Row 9Row 7Row 8Row 9DynamicLoadingDynamicRemove52Sencha Touch - Fastbook13년 5월 15일 수요일
  • 185. https://www.facebook.com/groups/korea.sencha5313년 5월 15일 수요일
  • 186. https://www.facebook.com/groups/korea.sencha마무리5313년 5월 15일 수요일
  • 187. https://www.facebook.com/groups/korea.sencha5413년 5월 15일 수요일
  • 188. https://www.facebook.com/groups/korea.senchaSencha
  • 189.   로
  • 190.   끝장내는Front-End
  • 191.   개발5413년 5월 15일 수요일
  • 192. https://www.facebook.com/groups/korea.senchaUIControlLogic5513년 5월 15일 수요일
  • 193. https://www.facebook.com/groups/korea.senchaUIControlLogic5513년 5월 15일 수요일
  • 194. https://www.facebook.com/groups/korea.senchaSencha
  • 195.   Complete
  • 196.   !!FrameworkEnterpriseSupportDevelopmentToolsNative
  • 197.   PackagingSencha TouchExt JSSencha Mobile Sencha DesktopSencha EclipseSencha AnimatorEnterpriseSencha CareSencha MarketSencha.IOSencha Architect Sencha Charts5613년 5월 15일 수요일
  • 198. https://www.facebook.com/groups/korea.sencha감사합니다57§ 김종광 (JongKwang Kim)§ E-Mail : kim@jongkwang.com§ Blog : http://jongkwang.com§ Twitter : @jongkwang§ Facebook : https://www.facebook.com/kimjongkwang13년 5월 15일 수요일