280 likes | 429 Views
RIA 세상의 공용어 Javascript. Javascript 제대로 활용하기. http://alankang.tistory.com/42 ( 발표자료 ) http://alankang.tistory.com ( 블로그 ) http :// jania.pe.kr ( 위키 ) jania902@gmail.com ( 메일 ). 목차. RIA 기술의 교집합 사용자 인터페이스와 자바스크립트 모든 곳에 존재하는 자바스크립트 자바스크립트의 서식처 살펴보기 양날의 검 자바스크립트의 밝은 면과 어두운 면
E N D
RIA 세상의 공용어Javascript Javascript 제대로 활용하기 http://alankang.tistory.com/42 (발표자료) http://alankang.tistory.com (블로그) http://jania.pe.kr (위키) jania902@gmail.com(메일)
목차 • RIA 기술의 교집합 사용자 인터페이스와 자바스크립트 • 모든 곳에 존재하는 자바스크립트 자바스크립트의 서식처 살펴보기 • 양날의 검 자바스크립트의 밝은 면과 어두운 면 • 자바스크립트 활용 사례 JSONP를 이용한 클라이언트 측 매시업 • RIA의 두 가지 흐름 온-오프라인 통합, 데스크톱/웹 통합 • Google Gears 살펴보기 Google Gears를 통해 살펴보는 자바스크립트의 비전 • 자바스크립트의 미래 Javascript 2 미리 보기 RIA 세상의 공용어 - Javascript
RIA 기술의 교집합 • ? RIA 세상의 공용어 - Javascript
RIA 기술의 교집합 • ? = 자바스크립트 + 사용자 인터페이스 RIA 세상의 공용어 - Javascript
모든 곳에 존재하는 자바스크립트 RIA 세상의 공용어 - Javascript
모든 곳에 존재하는 자바스크립트 RIA 세상의 공용어 - Javascript
양날의 검 • 자바스크립트 세상에서 가장 많은 오해를 받고 있는 언어?! RIA 세상의 공용어 - Javascript
양날의 검 RIA 세상의 공용어 - Javascript
양날의 검 – 어두운 면 • return • { • ok: false • }; RIA 세상의 공용어 - Javascript
양날의 검 – 밝은 면 • 람다(Lambda) • 동적 객체(Dynamic Objects) • 느슨한 타입 시스템(Loose Typing) RIA 세상의 공용어 - Javascript
자바스크립트 활용 사례 Ajax 는 식상하고… • 클라이언트 측 매시업! RIA 세상의 공용어 - Javascript
자바스크립트 활용 사례 • JSONP 혹은 • Dynamic Script Tags 혹은 • On Demand Javascript RIA 세상의 공용어 - Javascript
자바스크립트 활용 사례 RIA 세상의 공용어 - Javascript
RIA의 두 가지 흐름 – 온/오프라인 통합 RIA 세상의 공용어 - Javascript
RIA의 두 가지 흐름 – 웹/데스크탑 통합 RIA 세상의 공용어 - Javascript
Google Gears 살펴보기 • 세상에 공짜는 없는 법! Google Gears가 작동하려면 개발자의 숨은 삽질이 필요하다. RIA 세상의 공용어 - Javascript
Google Gears 살펴보기 RIA 세상의 공용어 - Javascript
Google Gears 살펴보기 RIA 세상의 공용어 - Javascript
Javascript의 미래 RIA 세상의 공용어 - Javascript
Javascript의 미래 - 클래스 • class C { • varval// 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 • } RIA 세상의 공용어 - Javascript
Javascript의 미래 - 재너릭스 • class Pair.<T> { • var first: T, second: T • } • new Pair.<int>(3, 4); RIA 세상의 공용어 - Javascript
Javascript의 미래 - 재너레이터 • 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 • } RIA 세상의 공용어 - Javascript
Javascript의 미래 – 재너레이터 1/2 • 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 • } RIA 세상의 공용어 - Javascript
Javascript의 미래 – 재너레이터 2/2 • let tree = { left: { left: 37, right: 42 }, right: "foo" } • for ( let x in fringe(tree) ) • print(x) RIA 세상의 공용어 - Javascript
질문/답변 • 질문/답변 http://alankang.tistory.com/42 RIA 세상의 공용어 - Javascript
참고자료 1/3 • The World of ECMAScript by John Resig http://ejohn.org/blog/the-world-of-ecmascript/ • 자바스크립트 속에 숨어 있는 훌륭한 언어 http://blog.openmaru.com/171 • Advanced JSON http://blog.openmaru.com/170 • Enabling Read Access for Web Resources http://www.w3.org/TR/access-control/ • ECMAScript공식 홈페이지 http://www.ecmascript.org RIA 세상의 공용어 - Javascript
참고자료 2/3 • Defining classes and inheritance http://prototypejs.org/learn/class-inheritance • Javascript on Rails? http://alankang.tistory.com/12 • 스프링노트 편집기 Xquared http://labs.openmaru.com/projects/xquared • XWriter http://jania.pe.kr/xwriter • 구글기어즈에서 추천하는 아키텍쳐 http://code.google.com/apis/gears/architecture.html RIA 세상의 공용어 - Javascript
참고자료 3/3 • Adobe AIR http://www.adobe.com/devnet/air • Rhino on Rails http://code.google.com/p/trimpath/ • Trim Junction http://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 RIA 세상의 공용어 - Javascript