시간이 무척빠르군요..
일단은 두번째 스타오피스(파워포인트와 동일한것)파일의 진도를 나가보겠습니다.
이것은 따로 설명하는부분의 내용이 없는것을 저자가 올려두었고
실제적인 슬라이드의 내용들은 가끔씩 영문이 더 이해가 좋은부분이 많이 있으므로
스피드 하게 넘어가도록 하겠습니다.
하여간 이번글은 1-20페이지 까지입니다.
여러가지 내용을 봐도 별로 크게 읽어볼만하지는 않습니다. 하지만..
http://www.dhtmlgoodies.com/ <---------- 이사이트는 한번 방문해볼만 합니다.
1----------------------------------------------
AJAX Toolkits and AJAX Toolkits and
Frameworks Frameworks
Sang Shin Sang Shin
Java Technology Architect Java Technology Architect
Sun Microsystems, Inc. Sun Microsystems, Inc.
sang.shin@sun.com sang.shin@sun.com
www.javapassion.com www.javapassion.com
2--------------------------------------------------
Disclaimer & Acknowledgments
상신은 선 마이크로시스템의 정규직원임에도 불구하고 여기의 내용들은 그 자신의 개인적인
노력으로 그리고 이렇게 그리고 선마이크로시스템의 어떠한 부분적 기술의 지원도 없이 만
들어졌다.
3--------------------------------------------------
이 문서의 목표
1. Ajax툴킷과 프레임의 솔루션의 오늘날의 가능성에 대해서 당신에게 느낌을 주고 싶다.
-- 각각의 것들은 다른 문서에서 정밀하게 이야기 될것이다.
2. 어떤환경아래에서의 기술적인 사용법의 대략의 가이드라인을 제공하겠다.
-- 이것은 상신의 개인적인 관점을 기준으로 한다 : 다른이는 아마도 다른관점을 가질것이
다.
-- 당신의 필요성에 의한 최종적인 판단이 될것이다.
4-------------------------------------------
현재의 Ajax툴키의 형태와 프래임웍 솔루션
1. 클라이언트쪽의 자바스크립트 라이브러리
2. RMI-like remoting via proxy
3 AJAX-enabled JSF components
4 Wrapper (jMaki)
5 Java to JavaScript/HTML translator (GWT)
6 Web Application Frameworks with AJAX extension
7 A few more out there
5-------------------------------------------
클라이언트쪽의 레이어 구조
(그림참조)
6-------------------------------------------
레이어의 구조학 (클라이언트 쪽)
Remoting abstraction layer
Xmlhttprequest의 제어 그리고 Iframe의 숨김
• Proxy
> Handles client side of RPC like communication
• Widgets and components
> Provides ready-to-use UI widgets such as calendar, button,
etc
• JavaScript event handlers
> Provides client-side logic
7----------------------------
Client Side Client Side
JavaScript Libraries
8-----------------------------
Client Side JavaScript Libraries
(그림참조)
9-------------------------------
클라이언트쪽의 자바크립트 라이브리의 특색
1. 서버쪽 기술의 불가지론
-- 서버의 기술은 자바 EE, Net, PHP, ruby on rails 등
2. 지역적이거나 또는 url을 통해 어느한쪽에서 실행하는 동안의 접근가능
- 동적자바코드의 산출이 아닌것
3. 단일 프로그램내에서 합성적으로 사용가능
- 여러소스내에서의 자그만기능을 사용하는것과 자바스크립트 도구들을 원할것이다.
10-----------------------------------
클라이언트에서 자바스크립트 라이브러리를 사용하는것에 대한 기술적 이유
1.비동적으로 원거리 통신 제어
-- low-level xmlhttprequet처리를 숨긴다
2. 브라우저의 비호환성 제어
- 코드의 if/else등의 난잡스럽움이 필요없다.
3. 우아한 하위지원의 조정
만약 브라우저는 더이상 xmlhttprequest 지원하지 않는다면 Iframe 사용한다.
4. Ajax를 통한 페이지 네비게이션의 지원
- 뒤로 그리고 앞으로 버튼
- 북 마킹
11 ------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 기능의 준비된 사용의 지원
-- 트리, 칼란다, 텍스트필드, 버튼, Split panes, Fisheye, etc.
2. DOM 도구의 쉬운 사용의 지원
- 오리지날 Dom api보다 쉬운 사용
3. 자바도구의 사용 지원
- 예 : 테이블 관리, 타이머, 등
4. 에러 제어용 지원
- 좀더 쉬운 에러핸들링
5. 좀더 유연한 이벤트 핸들링 지원
- Dom 노드 베이스, 기능적 호출 베이스, AOP style
12 --------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 진보적인 UI 형태 지원
- 에니메이션
- 드레그 and 드랍
- Fade out and Fade in
2. Generally encourages OO programming style
- 자바스크립트를 사용하는 보조적 기능
13--------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 마켓내에서 증명
- 당신것보다 일반적으로 높은 질
2. 개발자와/사용자의 대화를 확립시킨다
- 공유적인 형태의 통하여 발전을 유지시킨다.
- 공유적 포럼을 통하여 좀 더 쉬운 도움을 받는다.
3. 쉽게 사용한다.
- 당신의 웹 프로그램의 root데릭토리나 url위치정보의 같은것들을 가지는것
4. 툴 지원
- IDE는 조만간 그것들을 지원할것이다.
14--------------------------------------
Client-side JavaScript Libraries
1. DOJO Toolkit
> 뛰어나고 그리고 포괄적이다.
> Gaining a leadership in this space
> Major industry support (Sun, IBM)
> http://dojotoolkit.com/
2. Prototype
> Used by other toolkit libaries
> http://prototype.conio.net/
15-------------------------------------
Client-side JavaScript Libraries
1 Script.aculo.us
> Built on Prototype
> Nice set of visual effects and controls
> http://script.aculo.us/
2 Rico
> Built on Prototype
> Rich AJAX components and effects
> http://openrico.org/
3 DHTML Goodies
> Various DHTML and AJAX scripts
> http://www.dhtmlgoodies.com/
********** 여기서
http://www.dhtmlgoodies.com/ <---------- 이사이트는
가볼만 하다.. 반드시 직접 가보길 바란다.
16----------------------------------------
장단점
장점
- 어떠한 서버사이트 기술과 함께 사용이 가능하다.
- 많은 소스들로 부터 많은 기능이 있다.
단점
- 개발자는 여전히 자바스크립트를 배워야 한다.
- 여러 라이브러리는 다른 구문을 사용한다.
사용할때
- 여러가지 서버 기술이 필요하다
- 여러소스들로부터의 기능이 필요하다((jMaki will help here assuming you are using Java EE)
17 ------------------------------------------
Demo: Running Demo: Running
Widgets from Dojo, Widgets from Dojo,
Script.aculo.us, Script.aculo.us,
Rico, DHTML Goodies
18-----------------------------------------------
Demo Scenario: Run Online Demos
• Dojo
> http://archive.dojotoolkit.org/nightly/demos/widget
• Script.aculo.us
> http://wiki.script.aculo.us/scriptaculous/show/Demos
• Rico
> http://openrico.org/rico/demos.page
• DHTML Goodies
> http://www.dhtmlgoodies.com/ <------------- 꼭 들러봐라
19 ----------------------------------------
RMI-like Remoting RMI-like Remoting
via Proxy
20-----------------------------------------
이미지 참조<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
일단은 두번째 스타오피스(파워포인트와 동일한것)파일의 진도를 나가보겠습니다.
이것은 따로 설명하는부분의 내용이 없는것을 저자가 올려두었고
실제적인 슬라이드의 내용들은 가끔씩 영문이 더 이해가 좋은부분이 많이 있으므로
스피드 하게 넘어가도록 하겠습니다.
하여간 이번글은 1-20페이지 까지입니다.
여러가지 내용을 봐도 별로 크게 읽어볼만하지는 않습니다. 하지만..
http://www.dhtmlgoodies.com/ <---------- 이사이트는 한번 방문해볼만 합니다.
1----------------------------------------------
AJAX Toolkits and AJAX Toolkits and
Frameworks Frameworks
Sang Shin Sang Shin
Java Technology Architect Java Technology Architect
Sun Microsystems, Inc. Sun Microsystems, Inc.
sang.shin@sun.com sang.shin@sun.com
www.javapassion.com www.javapassion.com
2--------------------------------------------------
Disclaimer & Acknowledgments
상신은 선 마이크로시스템의 정규직원임에도 불구하고 여기의 내용들은 그 자신의 개인적인
노력으로 그리고 이렇게 그리고 선마이크로시스템의 어떠한 부분적 기술의 지원도 없이 만
들어졌다.
3--------------------------------------------------
이 문서의 목표
1. Ajax툴킷과 프레임의 솔루션의 오늘날의 가능성에 대해서 당신에게 느낌을 주고 싶다.
-- 각각의 것들은 다른 문서에서 정밀하게 이야기 될것이다.
2. 어떤환경아래에서의 기술적인 사용법의 대략의 가이드라인을 제공하겠다.
-- 이것은 상신의 개인적인 관점을 기준으로 한다 : 다른이는 아마도 다른관점을 가질것이
다.
-- 당신의 필요성에 의한 최종적인 판단이 될것이다.
4-------------------------------------------
현재의 Ajax툴키의 형태와 프래임웍 솔루션
1. 클라이언트쪽의 자바스크립트 라이브러리
2. RMI-like remoting via proxy
3 AJAX-enabled JSF components
4 Wrapper (jMaki)
5 Java to JavaScript/HTML translator (GWT)
6 Web Application Frameworks with AJAX extension
7 A few more out there
5-------------------------------------------
클라이언트쪽의 레이어 구조
(그림참조)
6-------------------------------------------
레이어의 구조학 (클라이언트 쪽)
Remoting abstraction layer
Xmlhttprequest의 제어 그리고 Iframe의 숨김
• Proxy
> Handles client side of RPC like communication
• Widgets and components
> Provides ready-to-use UI widgets such as calendar, button,
etc
• JavaScript event handlers
> Provides client-side logic
7----------------------------
Client Side Client Side
JavaScript Libraries
8-----------------------------
Client Side JavaScript Libraries
(그림참조)
9-------------------------------
클라이언트쪽의 자바크립트 라이브리의 특색
1. 서버쪽 기술의 불가지론
-- 서버의 기술은 자바 EE, Net, PHP, ruby on rails 등
2. 지역적이거나 또는 url을 통해 어느한쪽에서 실행하는 동안의 접근가능
- 동적자바코드의 산출이 아닌것
3. 단일 프로그램내에서 합성적으로 사용가능
- 여러소스내에서의 자그만기능을 사용하는것과 자바스크립트 도구들을 원할것이다.
10-----------------------------------
클라이언트에서 자바스크립트 라이브러리를 사용하는것에 대한 기술적 이유
1.비동적으로 원거리 통신 제어
-- low-level xmlhttprequet처리를 숨긴다
2. 브라우저의 비호환성 제어
- 코드의 if/else등의 난잡스럽움이 필요없다.
3. 우아한 하위지원의 조정
만약 브라우저는 더이상 xmlhttprequest 지원하지 않는다면 Iframe 사용한다.
4. Ajax를 통한 페이지 네비게이션의 지원
- 뒤로 그리고 앞으로 버튼
- 북 마킹
11 ------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 기능의 준비된 사용의 지원
-- 트리, 칼란다, 텍스트필드, 버튼, Split panes, Fisheye, etc.
2. DOM 도구의 쉬운 사용의 지원
- 오리지날 Dom api보다 쉬운 사용
3. 자바도구의 사용 지원
- 예 : 테이블 관리, 타이머, 등
4. 에러 제어용 지원
- 좀더 쉬운 에러핸들링
5. 좀더 유연한 이벤트 핸들링 지원
- Dom 노드 베이스, 기능적 호출 베이스, AOP style
12 --------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 진보적인 UI 형태 지원
- 에니메이션
- 드레그 and 드랍
- Fade out and Fade in
2. Generally encourages OO programming style
- 자바스크립트를 사용하는 보조적 기능
13--------------------------------------
사용자측면에서 자바스크립트 라이브리 사용에 대한 기술적 이유
1. 마켓내에서 증명
- 당신것보다 일반적으로 높은 질
2. 개발자와/사용자의 대화를 확립시킨다
- 공유적인 형태의 통하여 발전을 유지시킨다.
- 공유적 포럼을 통하여 좀 더 쉬운 도움을 받는다.
3. 쉽게 사용한다.
- 당신의 웹 프로그램의 root데릭토리나 url위치정보의 같은것들을 가지는것
4. 툴 지원
- IDE는 조만간 그것들을 지원할것이다.
14--------------------------------------
Client-side JavaScript Libraries
1. DOJO Toolkit
> 뛰어나고 그리고 포괄적이다.
> Gaining a leadership in this space
> Major industry support (Sun, IBM)
> http://dojotoolkit.com/
2. Prototype
> Used by other toolkit libaries
> http://prototype.conio.net/
15-------------------------------------
Client-side JavaScript Libraries
1 Script.aculo.us
> Built on Prototype
> Nice set of visual effects and controls
> http://script.aculo.us/
2 Rico
> Built on Prototype
> Rich AJAX components and effects
> http://openrico.org/
3 DHTML Goodies
> Various DHTML and AJAX scripts
> http://www.dhtmlgoodies.com/
********** 여기서
http://www.dhtmlgoodies.com/ <---------- 이사이트는
가볼만 하다.. 반드시 직접 가보길 바란다.
16----------------------------------------
장단점
장점
- 어떠한 서버사이트 기술과 함께 사용이 가능하다.
- 많은 소스들로 부터 많은 기능이 있다.
단점
- 개발자는 여전히 자바스크립트를 배워야 한다.
- 여러 라이브러리는 다른 구문을 사용한다.
사용할때
- 여러가지 서버 기술이 필요하다
- 여러소스들로부터의 기능이 필요하다((jMaki will help here assuming you are using Java EE)
17 ------------------------------------------
Demo: Running Demo: Running
Widgets from Dojo, Widgets from Dojo,
Script.aculo.us, Script.aculo.us,
Rico, DHTML Goodies
18-----------------------------------------------
Demo Scenario: Run Online Demos
• Dojo
> http://archive.dojotoolkit.org/nightly/demos/widget
• Script.aculo.us
> http://wiki.script.aculo.us/scriptaculous/show/Demos
• Rico
> http://openrico.org/rico/demos.page
• DHTML Goodies
> http://www.dhtmlgoodies.com/ <------------- 꼭 들러봐라
19 ----------------------------------------
RMI-like Remoting RMI-like Remoting
via Proxy
20-----------------------------------------
이미지 참조<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7430 |
|
11년 전 | 4955 | |
| 7429 | 11년 전 | 1785 | ||
| 7428 |
멋진남자임
|
11년 전 | 1176 | |
| 7427 |
sdflksdj2
|
11년 전 | 836 | |
| 7426 | 11년 전 | 1371 | ||
| 7425 | 11년 전 | 1400 | ||
| 7424 | 11년 전 | 1063 | ||
| 7423 |
SeungYeon
|
11년 전 | 572 | |
| 7422 | 11년 전 | 818 | ||
| 7421 |
sdflksdj2
|
11년 전 | 699 | |
| 7420 | 11년 전 | 980 | ||
| 7419 |
|
11년 전 | 1416 | |
| 7418 |
멋진남자임
|
11년 전 | 1448 | |
| 7417 | 11년 전 | 618 | ||
| 7416 |
senseme
|
11년 전 | 1245 | |
| 7415 | 11년 전 | 972 | ||
| 7414 | 11년 전 | 723 | ||
| 7413 | 11년 전 | 4856 | ||
| 7412 | 11년 전 | 4412 | ||
| 7411 |
holla
|
11년 전 | 904 | |
| 7410 | 11년 전 | 4262 | ||
| 7409 | 11년 전 | 3935 | ||
| 7408 | 11년 전 | 4279 | ||
| 7407 | 11년 전 | 5103 | ||
| 7406 | 11년 전 | 4743 | ||
| 7405 | 11년 전 | 4313 | ||
| 7404 | 11년 전 | 772 | ||
| 7403 | 11년 전 | 5698 | ||
| 7402 | 11년 전 | 1533 | ||
| 7401 |
|
11년 전 | 986 | |
| 7400 | 11년 전 | 2983 | ||
| 7399 |
멋진남자임
|
11년 전 | 931 | |
| 7398 |
파랑새1597
|
11년 전 | 2723 | |
| 7397 | 11년 전 | 2287 | ||
| 7396 |
basketball
|
11년 전 | 1384 | |
| 7395 | 11년 전 | 1625 | ||
| 7394 | 11년 전 | 944 | ||
| 7393 | 11년 전 | 2085 | ||
| 7392 | 11년 전 | 861 | ||
| 7391 |
잘살아보자
|
11년 전 | 5374 | |
| 7390 |
잘살아보자
|
11년 전 | 2235 | |
| 7389 |
잘살아보자
|
11년 전 | 3327 | |
| 7388 |
파랑새1597
|
11년 전 | 941 | |
| 7387 | 11년 전 | 1110 | ||
| 7386 |
프리랜서퍼블리셔
|
11년 전 | 978 | |
| 7385 | 11년 전 | 1583 | ||
| 7384 |
울라라라우
|
11년 전 | 901 | |
| 7383 | 11년 전 | 1566 | ||
| 7382 |
잘살아보자
|
11년 전 | 4240 | |
| 7381 |
잘살아보자
|
11년 전 | 2014 | |
| 7380 |
잘살아보자
|
11년 전 | 1957 | |
| 7379 |
잘살아보자
|
11년 전 | 5918 | |
| 7378 |
senseme
|
11년 전 | 1915 | |
| 7377 |
잘살아보자
|
11년 전 | 2758 | |
| 7376 | 11년 전 | 2425 | ||
| 7375 |
잘살아보자
|
11년 전 | 1063 | |
| 7374 |
잘살아보자
|
11년 전 | 3172 | |
| 7373 |
잘살아보자
|
11년 전 | 2495 | |
| 7372 |
잘살아보자
|
11년 전 | 5840 | |
| 7371 |
잘살아보자
|
11년 전 | 3475 | |
| 7370 |
잘살아보자
|
11년 전 | 1924 | |
| 7369 |
잘살아보자
|
11년 전 | 2181 | |
| 7368 |
ksdhtm56
|
11년 전 | 577 | |
| 7367 | 11년 전 | 1450 | ||
| 7366 | 11년 전 | 941 | ||
| 7365 | 11년 전 | 3561 | ||
| 7364 |
잘살아보자
|
11년 전 | 1408 | |
| 7363 |
잘살아보자
|
11년 전 | 1391 | |
| 7362 |
잘살아보자
|
11년 전 | 1525 | |
| 7361 | 11년 전 | 3614 | ||
| 7360 | 11년 전 | 3576 | ||
| 7359 | 11년 전 | 3394 | ||
| 7358 |
멋진남자임
|
11년 전 | 1049 | |
| 7357 | 11년 전 | 3426 | ||
| 7356 | 11년 전 | 2612 | ||
| 7355 | 11년 전 | 3209 | ||
| 7354 |
파랑새1597
|
11년 전 | 661 | |
| 7353 |
잘살아보자
|
11년 전 | 2435 | |
| 7352 |
잘살아보자
|
11년 전 | 2430 | |
| 7351 |
잘살아보자
|
11년 전 | 2487 | |
| 7350 |
잘살아보자
|
11년 전 | 1491 | |
| 7349 |
잘살아보자
|
11년 전 | 1976 | |
| 7348 |
잘살아보자
|
11년 전 | 1299 | |
| 7347 |
잘살아보자
|
11년 전 | 1094 | |
| 7346 |
멋진남자임
|
11년 전 | 1662 | |
| 7345 | 11년 전 | 1013 | ||
| 7344 | 11년 전 | 3888 | ||
| 7343 | 11년 전 | 3676 | ||
| 7342 | 11년 전 | 1296 | ||
| 7341 | 11년 전 | 2539 | ||
| 7340 |
|
11년 전 | 950 | |
| 7339 | 11년 전 | 1745 | ||
| 7338 | 11년 전 | 3362 | ||
| 7337 | 11년 전 | 3675 | ||
| 7336 | 11년 전 | 4614 | ||
| 7335 | 11년 전 | 990 | ||
| 7334 | 11년 전 | 1547 | ||
| 7333 | 11년 전 | 2954 | ||
| 7332 |
|
11년 전 | 1125 | |
| 7331 |
KeePin뽁이
|
11년 전 | 1112 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기