ria 세상의 공용어 javascript

RIA 세상의 공용어

JavascriptJavascript 제대로 활용하기

http://alankang.tistory.com/42 ( 발표자료 )http://alankang.tistory.com ( 블로그 )

http://jania.pe.kr ( 위키 )[email protected] ( 메일 )

http://alankang.tistory.com/42

http://alankang.tistory.com/

http://jania.pe.kr/

http://jania.pe.kr/

http://jania.pe.kr/

mailto:[email protected]

2

목차

RIA 세상의 공용어 - Javascript

RIA 기술의 교집합사용자 인터페이스와 자바스크립트

모든 곳에 존재하는 자바스크립트자바스크립트의 서식처 살펴보기

양날의 검자바스크립트의 밝은 면과 어두운 면

자바스크립트 활용 사례JSONP 를 이용한 클라이언트 측 매시업

RIA 의 두 가지 흐름온 - 오프라인 통합 , 데스크톱 / 웹 통합

Google Gears 살펴보기Google Gears 를 통해 살펴보는 자바스크립트의 비전

자바스크립트의 미래Javascript 2 미리 보기

3

Silverlight

Flash/FlexAjax

RIA 기술의 교집합


?

4

RIA 기술의 교집합


? = 자바스크립트 + 사용자 인터페이스

5

모든 곳에 존재하는 자바스크립트


6

모든 곳에 존재하는 자바스크립트


7

양날의 검


자바스크립트세상에서 가장 많은 오해를 받고 있는 언어 ?!

8

양날의 검


9

return

{

ok: false

};

양날의 검 – 어두운 면


10

양날의 검 – 밝은 면


람다 (Lambda)

동적 객체 (Dynamic Objects)

느슨한 타입 시스템 (Loose Typing)

11

자바스크립트 활용 사례


Ajax 는 식상하고…

클라이언트 측 매시업 !

12



JSONP혹은

Dynamic Script Tags혹은

On Demand Javascript

13



14

RIA 의 두 가지 흐름 – 온 / 오프라인 통합


15

RIA 의 두 가지 흐름 – 웹 / 데스크탑 통합


16

Google Gears 살펴보기


세상에 공짜는 없는 법 !Google Gears 가 작동하려면 개발자의 숨은 삽질이 필요하다 .

17



18



19

Javascript 의 미래


20

class C {

var val // a variable property

var large = Infinity // a variable property

const x = 3.14 // a constant property

function f(n) { return n+val*2 } // a method property

}

Javascript 의 미래 - 클래스


21

class Pair.<T> {

var first: T, second: T

}

new Pair.<int>(3, 4);

Javascript 의 미래 - 재너릭스


22

function fringe(tree) {

if (tree is like {left:*, right:*}) {

for (let leaf in fringe(tree.left))

yield leaf

for (let leaf in fringe(tree.right))

yield leaf

}

else

yield tree

}

Javascript 의 미래 - 재너레이터


23

function fringe(tree) {

if (tree is like {left:*, right:*}) {

for (let leaf in fringe(tree.left))

yield leaf

for (let leaf in fringe(tree.right))

yield leaf

}

else

yield tree

}

Javascript 의 미래 – 재너레이터 1/2


24

let tree = { left: { left: 37, right: 42 }, right: "foo" }

for ( let x in fringe(tree) )

print(x)

Javascript 의 미래 – 재너레이터 2/2


25

질문 / 답변


질문 / 답변http://alankang.tistory.com/42




26

The World of ECMAScript by John Resighttp://ejohn.org/blog/the-world-of-ecmascript/

자바스크립트 속에 숨어 있는 훌륭한 언어http://blog.openmaru.com/171

Advanced JSONhttp://blog.openmaru.com/170

Enabling Read Access for Web Resourceshttp://www.w3.org/TR/access-control/

ECMAScript 공식 홈페이지http://www.ecmascript.org

참고자료 1/3


27

Defining classes and inheritancehttp://prototypejs.org/learn/class-inheritance

Javascript on Rails?http://alankang.tistory.com/12

스프링노트 편집기 Xquaredhttp://labs.openmaru.com/projects/xquared

XWriterhttp://jania.pe.kr/xwriter

구글 기어즈에서 추천하는 아키텍쳐http://code.google.com/apis/gears/architecture.html

참고자료 2/3


28

Adobe AIRhttp://www.adobe.com/devnet/air

Rhino on Railshttp://code.google.com/p/trimpath/

Trim Junctionhttp://www.infoq.com/news/2007/06/yegge-rhino-on-rails

ECMAScript 4th edition 백서http://www.ecmascript.org/es4/spec/overview.pdf

ECMAScript 4th edition 알려진 호환성 문제들http://www.ecmascript.org/es4/spec/incompatibilities.pdf

참고자료 3/3


ria 세상의 공용어 javascript

Documents