크로스 모발일 개발 플랫폼인 타이타늄(Titanium) 소개 자료입니다. 이 자료는 다음과 같은 모임에서 발표자료로 사용되었습니다. * 타이타늄 개발자 커뮤니티인 TiDev.kr의 2013년 8월 정기모임 * JsLounge 2013년 9월 모임 * DevOn 2013 10월 26일

1. 당신이 알고 있는 Titanium
이종은
rev. 2013.10.25
13년 10월 29일 화요일

2. 한국 타이타늄 사용자 모임
TiDev.Kr
이종은
인디 개발자
Titan
13년 10월 29일 화요일

3. 언제 타이타늄 해보셨나요?
TiDev.kr
13년 10월 29일 화요일

4. 이전까지의 타이타늄은 잊어라!
TiDev.kr
13년 10월 29일 화요일

5. 과거 - Ti
현재 - Ti 3.x
미래 - Ti.Next
TiDev.kr
13년 10월 29일 화요일

6. 과거
과거에 무엇이 여러분을
그만두게 하였나요?
TiDev.kr
13년 10월 29일 화요일

7. 과거
환경 세팅의 어려움
개발자가 적음
적은 수의 API
낮은 성능
잘못된 문서
TiDev.kr
13년 10월 29일 화요일

8. 과거
그만 하고 돌아갈까?
TiDev.kr
13년 10월 29일 화요일

9. 과거
이것 때문에 그만!
TiDev.kr
13년 10월 29일 화요일

10. 과거
내 문제 반!
타이타늄 문제 반!
TiDev.kr
13년 10월 29일 화요일

11. 현재 Titanium 바로 알기
* Titanium
* Alloy (MVC Framework)
* ACS (Appcelerator Cloud Service)
TiDev.kr
13년 10월 29일 화요일

12. 13년 10월 29일 화요일

13. Founded
In 2007
Mountain View
London
Tokyo
Beijing
150
Employees
$68M
Mayfield, Translink,
Storm,
Sierra, eBay, Red
Hat
About
Appcelerator
13년 10월 29일 화요일
GSMA Global
Mobile Awards
2012 Winner
Gartner 2012, 2013
Magic Quadrant
Visionary for Mobile
Application
Development Platform

14. Magic Quadrant for Mobile Application Development Platforms
13년 10월 29일 화요일

15. Our Vision
Appcelerator offers a mobile-first platform that enables enterprises
to deliver transformative mobile experiences across devices,
manage mobile apps from end-to-end, and achieve ROI
504K
60K
164M
Developers
Apps
Devices
13년 10월 29일 화요일

16. 현재
Titanium ?
TiDev.kr
13년 10월 29일 화요일

17. 현재
13년 10월 29일 화요일

18. 현재
13년 10월 29일 화요일

19. 현재
Javascript로
Native 모바일 앱을 만든다.
TiDev.kr
13년 10월 29일 화요일

20. 현재
Javascript
?
Native
TiDev.kr
13년 10월 29일 화요일

21. 현재
Javascript
번역?
Native
js
TiDev.kr
13년 10월 29일 화요일

22. 현재
Javascript
js
번역?
Native
Native
Code
TiDev.kr
13년 10월 29일 화요일

23. 현재
Javascript
js
번역?
Native
Native
Code
TiDev.kr
13년 10월 29일 화요일

24. 현재
Javascript
Native
js
TiDev.kr
13년 10월 29일 화요일

25. 현재
Native
Javascript
js
js
TiDev.kr
13년 10월 29일 화요일

26. 현재
Native
Javascript
js
js
Native
Code
TiDev.kr
13년 10월 29일 화요일

27. 현재
Native
Javascript
js
js
Native
Code
TiDev.kr
13년 10월 29일 화요일

28. 현재
Native
Javascript
js
js
Native
Code
TiDev.kr
13년 10월 29일 화요일

29. 현재
Javascript
js
Native
동시통역
js
Native
Code
TiDev.kr
13년 10월 29일 화요일

30. Javascript
World
Ti
JS
API
Native
World
현재
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

31. Javascript
World
Ti
JS
API
Native
World
현재
Ti
Na+ve
SDK
var view = Ti.UI.createView()
TiDev.kr
13년 10월 29일 화요일

32. Javascript
World
Native
World
Ti
JS
API
Ti
Na+ve
SDK
var view = Ti.UI.createView()
현재
[[TiUIView alloc] init]
TiDev.kr
13년 10월 29일 화요일

33. Javascript
World
Ti
JS
API
Native
World
현재
Ti
Na+ve
SDK
var view = Ti.UI.createView()
TiDev.kr
13년 10월 29일 화요일

34. Javascript
World
Native
World
현재
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

35. Javascript
World
Native
World
현재
View
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

36. Javascript
World
Native
World
현재
View Proxy
View
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

37. Javascript
World
Native
World
현재
Module (UI)
View Proxy
View
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

38. Javascript
World
Native
World
현재
Module (UI)
View Proxy
View
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

39. Javascript
World
Native
World
현재
Module (UI)
View Proxy
View
Ti
JS
API
var view = Ti.UI.createView()
Ti
Na+ve
SDK
TiDev.kr
13년 10월 29일 화요일

40. 현재
현재 Titanium !
TiDev.kr
13년 10월 29일 화요일

41. 현재
Alloy MVC Framework
TiDev.kr
13년 10월 29일 화요일

42. 현재
13년 10월 29일 화요일

43. 현재
XML
13년 10월 29일 화요일

44. 현재
JS
XML
13년 10월 29일 화요일

45. 현재
JS
XML
13년 10월 29일 화요일
JS(Backbone)

46. 현재
What is Alloy?
• MVC Framework
• Declarative UI
• Free and open source
• Highly customizable
• Awesome. Yes, awesome.
13년 10월 29일 화요일

47. 현재
Titanium App
13년 10월 29일 화요일

48. 현재
Alloy App
index.tss
index.xml
13년 10월 29일 화요일

49. 현재
Appcelerator Cloud Service
TiDev.kr
13년 10월 29일 화요일

50. 현재
ACS
Demo Time!
TiDev.kr
13년 10월 29일 화요일

51. 현재
현재 Titanium !
TiDev.kr
13년 10월 29일 화요일

52. Ti.Next
TiDev.kr
13년 10월 29일 화요일

53. 미래
Hyperloop ∞
Hyperloop is a next-generation compiler that
converts JavaScript source code into native code
for targeting different native OS platforms.
TiDev.kr
13년 10월 29일 화요일

54. 미래
Javascript?? Native??
String.prototype.toUTF8 = function() {
" return NSString.stringWithUTF8String('' + this);
};
TiDev.kr
13년 10월 29일 화요일

55. @import("UIKit");
var
keyWindow
=
UIApplication.sharedApplication().keyWindow;
var
view
=
new
UIView();
#import
<UIKit/UIKit.h>
UIWindow
*window
=
[UIApplication
sharedApplication].keyWindow;
UIView
*view
=
[[UIView
alloc]
init];
TiDev.kr
13년 10월 29일 화요일

56. 현재
Hyperloop Demo
TiDev.kr
13년 10월 29일 화요일

57. h"ps://github.com/appcelerator/hyperloop#contributors
TiDev.kr
13년 10월 29일 화요일

58. 웹 기술(JS)
적은 리소스
멀티 플랫폼
TiDev.kr
13년 10월 29일 화요일

59. One Language,
One Love!
TiDev.kr
13년 10월 29일 화요일

60. Less Coding,
More Thinking
TiDev.kr
13년 10월 29일 화요일

61. 빠른
개발
네이티브
언어로
개발하는
것
보다
20%
더
빠른
개발이
가
능합니다.
13년 10월 29일 화요일
코드
재사용
기존
코드의
60~90%를
여러
플랫폼을
지원하는데
재사용
가능
합니다.
비용
절감
Javascript를
기반하는
SDK를
사
용하여
멀티
플랫폼으로
개발하
는
비용을
절감합니다.

62. 한국 타이타늄 사용자 모임 - tidev.kr
since
2012.04.
TiDev.kr
13년 10월 29일 화요일

63. TiDev Meetup in Seoul
•Titanium을 알리고 기존 개발자들의 지식 공유
가 목적
•2달에 한번 진행 (짝수달)
•Sponsored by
TiDev.kr
13년 10월 29일 화요일

64. T Time
•친목도모 및 온라인 포럼이 풀어주지 못하는 가려
운 곳을 긁어주려는 목적
•궁금증, 자랑거리 공유하는 캐주얼 모임
•비 정기적
•더치페이
TiDev.kr
13년 10월 29일 화요일

65. 11월
13일(수)
~
11월
14일(목)
수강료
:
400,000원
근로자직무능력향상지원금
해당시,
지원금액
정
규
직
재직자
:
정부지원금
320,000원
[수강료
본인부담
금액
:
80,000원]
비정규직
재직자
:
정부지원금
400,000원
[수강료
본인부담
금액
:
0원]
13년 10월 29일 화요일

66. 감사합니다.
TiDev.kr
13년 10월 29일 화요일

67. Reference
h"p://www.appcelerator.com
h"p://www.slideshare.net/appcelerator/codestrong-­‐2012-­‐breakout-­‐
session-­‐alloy-­‐mvc-­‐app-­‐framework-­‐overview
h"p://www.slideshare.net/appcelerator/appc-­‐2013supertemplate
위
레퍼런스에서
가져온
자료와
Gartner
그래프는
출처에
따른
라이선스를
따릅니다.
TiDev.kr
13년 10월 29일 화요일