Ajax강의- 두번째 강의의 pdf(프리젠테이션) 21-40
사실상의 자바에 대해서 지식이 부족하다는것은
이글을 읽을만한 입장이 아닌듯 싶다.
거진 적으면서도 어떤의미인지를 알기가 힘들었다.
> http://www.icesoft.com/products/demos_icefaces.html
여기는 방문해볼만 한듯 싶다.
• GWT Kitchen Sink demo
> http://code.google.com/webtoolkit/documentation/examples/kitchensink/demo.html
• GWT Dynamic Table example demo
> http://code.google.com/webtoolkit/documentation/examples/dynamictable/demo.html
21-------------------------------------------------------
RMI같은 프록시를 통한 원거리 프레임웍의 특성
1. 일반적 RPC통신 구조
- Stub and Skeleton based architecture
2. 사용자측 자바스크립의 RMI 같은 구문 허락
3. 사용자측의 자바스크립트로 프레임웍 생성
4. 프레임웍 서버쪽의 런타임을 잘 지원한다.
5. Client stub (Proxy) handles marshalling of parameters and return value
참고 ---------------------
** 사실상의 전산용어와 일반 의미가 다르다 보니 해석이 막연하다고 생각되어서
인터넷에 돌아다니는 글을 잠시 아래에 첨부한다.
stub 클라이언트:
메서드 메서드를 원격개체에게 전송한다.
메서드 호출의 매개변수를 marshaling 해준다.
서버로 부터 전송된 메서드 호출의 반환값을 unmarshaling 해서 클라이언트에게 넘겨준다.
skeleton 서버:
클라이언트의 메서드 호출에게 매개변수를 읽어서 unmarshaling 해준다.
해당하는 원격개개체의 매서드를 호춣한다.
결과값을 marshaling 해서 클라이언트에게 전송한다.
RMI 어플리케이션의 기본적인 6단계
1단계 서비스할 원격 객체의 인터페이스작성
2단계 원격객체 및 서버 프로그램 작성
3단계 stub, sleleton 생성
4단계 원격객체를 사용할 클라이언트 프로그램작성
5단계 RMI Registry 실행
6단계 서버프로그램과 클라이언트 프로그램실행
22-----------------------------------------------------
Remoting via Proxy Implementations
• Direct Web Remoting (DWR)
> Designed specifically for Java application at the backend
> http://getahead.ltd.uk/dwr
• JSON-RPC
> Lightweight remote procedure call protocol similar to XMLRPC
> http://json-rpc.org/
> There are language-specific implementations
> JSON-RPC-Java
> http://oss.metaparadigm.com/jsonrpc/
23------------------------------------------
장단점
장점
- 최소한의 작업으로 Ajax의 사용자에게 business logic을 표출하는것을 허가한다.
- RMI와 유사하 구문의 사용자쪽의 자바스크립트 사용을 허가한다.
단점
- 해커들은 백그라운드에 돌아가는 형태를 볼수 있다.
- 개인적 컨버터(mashaller and unmarshaller) 를 개인적 자바 개체로 생성하는것이 필요하다.
사용시
- 최소한의 노력으로 서버의 business logic을 Ajax 사용자에게 표출하길 원할때
24-------------------------------------------------
AJAX-Enabled
JSF Components
25-----------------------------
Ajax-enabled JSP 컨포넌트
1. ajax-enabled JSF 컨포넌트 복합적 Ajax프로그램을 숨긴다.
- 페이지의 관리자는 자바스크립트를 몰라도 된다.
- 어려움은 컨포넌트 개발자에게 넘겨진다.
2. JSF. IDE를 통한 드래그앤 드롭형 웹 프로그램 개발의 잇점
- sun java studio creator 2(그리고 다른 jsf-aware ide) 로 Ajax프로그램의 JSF 컨포넌트가 있으면 드로그앤 드롭이 가능하다
- JSF 컨포넌트의 재사용
- 커뮤니티를 통하여 ajax-enabled jsf component의 더 많은 제작
26-----------------------------------------------
Implementaion
Blueprint AJAX-enabled JSF components (opensource)
> http://developers.sun.com/ajax/componentscatalog.jsp
> https://bpcatalog.dev.java.net/ajax/jsf-ajax/
• ajax4jsf (open-source)
> Can add AJAX capability to existing applications
> https://ajax4jsf.dev.java.net/
• ICEfaces (ICESoft) - commercial
> http://www.icesoft.com/products/icefaces.html
• DynaFaces (development on-going)
> https://jsf-extensions.dev.java.net/nonav/mvn/slides.html
27 _--------------------------------------
장점 과 단점
장점
- ajax 프로그램에 드로그인 드랍기능 추가 가능
단점
- jsf 컨포넌트의 그리 훌륭하지 않는 작업
사용시
- ajax프로그램에 드로그인 드랍이 필요할때
- 자바스크립트 코딩을 피하고 싶을때
28-------------------------------------
Demo: Running
Demos from various Demos from various
JSF/AJAX Solutions
29-----------------------------------
Demo Scenario
• Blueprint AJAX-enabled JSF components
> http://developers.sun.com/ajax/componentscatalog.jsp
• ajax4jsf
> http://livedemo.exadel.com/vcpDemo/demo.jsf (commercial
version based on open source ajax4jsf)
> Changing skins, Drag & Drop
• ICEFaces <--------추천
> http://www.icesoft.com/products/demos_icefaces.html
30------------------------------------------
Wrapper Technology: Wrapper Technology: jMaki
31--------------------------------------------
jMaki 대한 동기
당신은 도구에 대한 현재로부터의 이점 그리고 미래 ajax 툴킷과 프레임웍을 원한다.
- Dojo, Scriptaculus, Yahoo UI Widgets and DHTML Goodies
오늘날, 복합적 Ajax 프레임웍 과 그들의 도구들 그리고 다른 구문들이다.
-이것들 일반적 프로그래밍 모델을 위한 도구의 사용을 위해서 복합적 ajax 툴킷과 프레임웍은 필요적이다.
자바스크립크 코딩은 너무나도 Java EE 개발과 상이하다
- 자바스크립트 도구의 사용, 자바 EE구문과 프로그램 모델은 필요하다
32-------------------------------------------
jMaki 란 뭔가?
1. 자바플래폼을 위한 자바스크립터 랩퍼 프레임웍
-이것은 이름은 jMake 여기서 "j'는 자바를 말하고 그리고 "Make"는 일본어로 "감싸다"를 말한다.
2. 개발자는 많은 일반적 ajax툴킷과 프레임웍 그리고 JSP or JsF 태그들의 도구들을 가지게 되었다.
- 일반적프로그램 모델을 개발자에게 제공
- 유용한 프레임웍 도구들의 잇점
- JSP and JSF 택그들은 자바 EE 프로그램 개발자들과 유사하다
33---------------------------------------
Wrapper Technology
Implementations
• jMaki
> https://ajax.dev.java.net/
34-----------------------------------
장단점
장점
-여러가지의 ajax 툴킷과 프레임웍의 도구 사용에 대한 프로그램의 단일화 모델을 지원
- 자바스크립트 도구의 사용에 대한 자바 EE 프로그램과 유사한 자바개발자의 허가
-이것은 이미 NetBeans 플러그인(for netbeans 5.5)
단점
- 이벤트 모델은 아직까지 fully baked
사용시
- 다른소스에서의 도구들의 사용을 원할때 그럼에도 단일프로그램 방식의 모델을 사용할길 원할때
35---------------------------------
Java Code To Java Code To
JavaScript/HTML JavaScript/HTML
Translator: GWT
36 ----------------------------------
자바를 자바스크립트/html 번역기
1. 당신이 선택한 자바 개발툴을 사용한 Ajax 프로그램 개발과 디버그
2. 당신이 프로그램을 개발할때 GWT 컴파일러는 당신의 자바프로그램을 브라우저적인 자바스크립트와 html 형태로 변환시킨다.
37------------------------------------
장점
- 자바개발자들이 자바언를 ajax프로그램 개발과 디버깅 테스팅에 사용하도록 한다.
- 자바스크립트 언어를 배울 필요가 없다.
- 이것은 Google로 부터이다.((Good momentum + Good document + Good tutorials + Comprehensive)
단점
-(내가 단점을 찾아야 한다면) 번역기가 당신을 위해서 일하는동안 제어하는것을 잃을것이다.
사용할때
- Swing에 대한 전문적 의견을 가질때
원문: When you already have Swing expertise
38-------------------------------------
Demo: Running Demo: Running
GWT Online Demos
39--------------------------------------
Demo Scenario
• GWT Kitchen Sink demo
> http://code.google.com/webtoolkit/documentation/examples/kitchensink/demo.html
• GWT Dynamic Table example demo
> http://code.google.com/webtoolkit/documentation/examples/dynamictable/demo.html
40------------------------------------
Web Application Web Application
Frameworks Frameworks
with AJAX Extension
*********** 오류에 대해서
이글을 옮기는 이는 소프트웨어 공학에 대해서 미진한 공부를 하였고
또한 공부한것들이 대부분 오래되어서
배우지 않았는지 또는 배웠지만 잊어버렀는지.. 조차 기억하지 못한다.
즉 이말은 올바르게 옮기지 못한부분이 태반이 된다는 것이다.
전산지식이 없다면..
Stub and Skeleton based architecture
의 내용을 어떻게 옮겨적어야 될지 막막하다. (그래서 못 적었다.)
물론 대충 "서버와 클라이언트 구조" 같이 대략 적어버릴수도 있긴하지만..
여하튼 부족하다는것에 대해서 미안함을 표한다.
다음글에 41-49까지의 완결을 처리하고
3번째 과정을로 가야될것같다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
이글을 읽을만한 입장이 아닌듯 싶다.
거진 적으면서도 어떤의미인지를 알기가 힘들었다.
> http://www.icesoft.com/products/demos_icefaces.html
여기는 방문해볼만 한듯 싶다.
• GWT Kitchen Sink demo
> http://code.google.com/webtoolkit/documentation/examples/kitchensink/demo.html
• GWT Dynamic Table example demo
> http://code.google.com/webtoolkit/documentation/examples/dynamictable/demo.html
21-------------------------------------------------------
RMI같은 프록시를 통한 원거리 프레임웍의 특성
1. 일반적 RPC통신 구조
- Stub and Skeleton based architecture
2. 사용자측 자바스크립의 RMI 같은 구문 허락
3. 사용자측의 자바스크립트로 프레임웍 생성
4. 프레임웍 서버쪽의 런타임을 잘 지원한다.
5. Client stub (Proxy) handles marshalling of parameters and return value
참고 ---------------------
** 사실상의 전산용어와 일반 의미가 다르다 보니 해석이 막연하다고 생각되어서
인터넷에 돌아다니는 글을 잠시 아래에 첨부한다.
stub 클라이언트:
메서드 메서드를 원격개체에게 전송한다.
메서드 호출의 매개변수를 marshaling 해준다.
서버로 부터 전송된 메서드 호출의 반환값을 unmarshaling 해서 클라이언트에게 넘겨준다.
skeleton 서버:
클라이언트의 메서드 호출에게 매개변수를 읽어서 unmarshaling 해준다.
해당하는 원격개개체의 매서드를 호춣한다.
결과값을 marshaling 해서 클라이언트에게 전송한다.
RMI 어플리케이션의 기본적인 6단계
1단계 서비스할 원격 객체의 인터페이스작성
2단계 원격객체 및 서버 프로그램 작성
3단계 stub, sleleton 생성
4단계 원격객체를 사용할 클라이언트 프로그램작성
5단계 RMI Registry 실행
6단계 서버프로그램과 클라이언트 프로그램실행
22-----------------------------------------------------
Remoting via Proxy Implementations
• Direct Web Remoting (DWR)
> Designed specifically for Java application at the backend
> http://getahead.ltd.uk/dwr
• JSON-RPC
> Lightweight remote procedure call protocol similar to XMLRPC
> http://json-rpc.org/
> There are language-specific implementations
> JSON-RPC-Java
> http://oss.metaparadigm.com/jsonrpc/
23------------------------------------------
장단점
장점
- 최소한의 작업으로 Ajax의 사용자에게 business logic을 표출하는것을 허가한다.
- RMI와 유사하 구문의 사용자쪽의 자바스크립트 사용을 허가한다.
단점
- 해커들은 백그라운드에 돌아가는 형태를 볼수 있다.
- 개인적 컨버터(mashaller and unmarshaller) 를 개인적 자바 개체로 생성하는것이 필요하다.
사용시
- 최소한의 노력으로 서버의 business logic을 Ajax 사용자에게 표출하길 원할때
24-------------------------------------------------
AJAX-Enabled
JSF Components
25-----------------------------
Ajax-enabled JSP 컨포넌트
1. ajax-enabled JSF 컨포넌트 복합적 Ajax프로그램을 숨긴다.
- 페이지의 관리자는 자바스크립트를 몰라도 된다.
- 어려움은 컨포넌트 개발자에게 넘겨진다.
2. JSF. IDE를 통한 드래그앤 드롭형 웹 프로그램 개발의 잇점
- sun java studio creator 2(그리고 다른 jsf-aware ide) 로 Ajax프로그램의 JSF 컨포넌트가 있으면 드로그앤 드롭이 가능하다
- JSF 컨포넌트의 재사용
- 커뮤니티를 통하여 ajax-enabled jsf component의 더 많은 제작
26-----------------------------------------------
Implementaion
Blueprint AJAX-enabled JSF components (opensource)
> http://developers.sun.com/ajax/componentscatalog.jsp
> https://bpcatalog.dev.java.net/ajax/jsf-ajax/
• ajax4jsf (open-source)
> Can add AJAX capability to existing applications
> https://ajax4jsf.dev.java.net/
• ICEfaces (ICESoft) - commercial
> http://www.icesoft.com/products/icefaces.html
• DynaFaces (development on-going)
> https://jsf-extensions.dev.java.net/nonav/mvn/slides.html
27 _--------------------------------------
장점 과 단점
장점
- ajax 프로그램에 드로그인 드랍기능 추가 가능
단점
- jsf 컨포넌트의 그리 훌륭하지 않는 작업
사용시
- ajax프로그램에 드로그인 드랍이 필요할때
- 자바스크립트 코딩을 피하고 싶을때
28-------------------------------------
Demo: Running
Demos from various Demos from various
JSF/AJAX Solutions
29-----------------------------------
Demo Scenario
• Blueprint AJAX-enabled JSF components
> http://developers.sun.com/ajax/componentscatalog.jsp
• ajax4jsf
> http://livedemo.exadel.com/vcpDemo/demo.jsf (commercial
version based on open source ajax4jsf)
> Changing skins, Drag & Drop
• ICEFaces <--------추천
> http://www.icesoft.com/products/demos_icefaces.html
30------------------------------------------
Wrapper Technology: Wrapper Technology: jMaki
31--------------------------------------------
jMaki 대한 동기
당신은 도구에 대한 현재로부터의 이점 그리고 미래 ajax 툴킷과 프레임웍을 원한다.
- Dojo, Scriptaculus, Yahoo UI Widgets and DHTML Goodies
오늘날, 복합적 Ajax 프레임웍 과 그들의 도구들 그리고 다른 구문들이다.
-이것들 일반적 프로그래밍 모델을 위한 도구의 사용을 위해서 복합적 ajax 툴킷과 프레임웍은 필요적이다.
자바스크립크 코딩은 너무나도 Java EE 개발과 상이하다
- 자바스크립트 도구의 사용, 자바 EE구문과 프로그램 모델은 필요하다
32-------------------------------------------
jMaki 란 뭔가?
1. 자바플래폼을 위한 자바스크립터 랩퍼 프레임웍
-이것은 이름은 jMake 여기서 "j'는 자바를 말하고 그리고 "Make"는 일본어로 "감싸다"를 말한다.
2. 개발자는 많은 일반적 ajax툴킷과 프레임웍 그리고 JSP or JsF 태그들의 도구들을 가지게 되었다.
- 일반적프로그램 모델을 개발자에게 제공
- 유용한 프레임웍 도구들의 잇점
- JSP and JSF 택그들은 자바 EE 프로그램 개발자들과 유사하다
33---------------------------------------
Wrapper Technology
Implementations
• jMaki
> https://ajax.dev.java.net/
34-----------------------------------
장단점
장점
-여러가지의 ajax 툴킷과 프레임웍의 도구 사용에 대한 프로그램의 단일화 모델을 지원
- 자바스크립트 도구의 사용에 대한 자바 EE 프로그램과 유사한 자바개발자의 허가
-이것은 이미 NetBeans 플러그인(for netbeans 5.5)
단점
- 이벤트 모델은 아직까지 fully baked
사용시
- 다른소스에서의 도구들의 사용을 원할때 그럼에도 단일프로그램 방식의 모델을 사용할길 원할때
35---------------------------------
Java Code To Java Code To
JavaScript/HTML JavaScript/HTML
Translator: GWT
36 ----------------------------------
자바를 자바스크립트/html 번역기
1. 당신이 선택한 자바 개발툴을 사용한 Ajax 프로그램 개발과 디버그
2. 당신이 프로그램을 개발할때 GWT 컴파일러는 당신의 자바프로그램을 브라우저적인 자바스크립트와 html 형태로 변환시킨다.
37------------------------------------
장점
- 자바개발자들이 자바언를 ajax프로그램 개발과 디버깅 테스팅에 사용하도록 한다.
- 자바스크립트 언어를 배울 필요가 없다.
- 이것은 Google로 부터이다.((Good momentum + Good document + Good tutorials + Comprehensive)
단점
-(내가 단점을 찾아야 한다면) 번역기가 당신을 위해서 일하는동안 제어하는것을 잃을것이다.
사용할때
- Swing에 대한 전문적 의견을 가질때
원문: When you already have Swing expertise
38-------------------------------------
Demo: Running Demo: Running
GWT Online Demos
39--------------------------------------
Demo Scenario
• GWT Kitchen Sink demo
> http://code.google.com/webtoolkit/documentation/examples/kitchensink/demo.html
• GWT Dynamic Table example demo
> http://code.google.com/webtoolkit/documentation/examples/dynamictable/demo.html
40------------------------------------
Web Application Web Application
Frameworks Frameworks
with AJAX Extension
*********** 오류에 대해서
이글을 옮기는 이는 소프트웨어 공학에 대해서 미진한 공부를 하였고
또한 공부한것들이 대부분 오래되어서
배우지 않았는지 또는 배웠지만 잊어버렀는지.. 조차 기억하지 못한다.
즉 이말은 올바르게 옮기지 못한부분이 태반이 된다는 것이다.
전산지식이 없다면..
Stub and Skeleton based architecture
의 내용을 어떻게 옮겨적어야 될지 막막하다. (그래서 못 적었다.)
물론 대충 "서버와 클라이언트 구조" 같이 대략 적어버릴수도 있긴하지만..
여하튼 부족하다는것에 대해서 미안함을 표한다.
다음글에 41-49까지의 완결을 처리하고
3번째 과정을로 가야될것같다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 10853 |
JavaScript
속도를 위해 데이터를 접속자 메모리에
|
| 10852 | |
| 10850 | |
| 28848 | |
| 10849 |
JavaScript
백그라운드에음악걸기
|
| 28847 |
HTML
배경에 그림스타일지정
|
| 10846 |
기타
메신저형식의광고
2
|
| 28846 |
HTML
많이 쓰이는 자바스크립트
|
| 10845 | |
| 28845 |
HTML
마우스로 이미지크기 변경하기
|
| 10844 |
JavaScript
도메인 주소에 자동으로 www 붙이기 (php)
|
| 28844 |
HTML
다음부동산매물스크립트1
|
| 28843 |
HTML
다음부동산매물스크립트
|
| 10843 |
JavaScript
다각형이미지슬라이드쇼(익스네츠)
|
| 28842 |
HTML
날짜 형식 입력 받은 값 확인하기
|
| 10842 | |
| 28841 |
HTML
그림클릭시 레이어 띄우기
|
| 10841 |
MySQL
그림을 디비에 저장하는 방법
|
| 28840 |
HTML
그림 앨범 스크립트
|
| 28839 |
HTML
간단한 팝업오브젝트 예제
|
| 10840 |
JavaScript
가운데 정렬된 홈페이지에서 따라다니는 레이어
|
| 10839 | |
| 24791 | |
| 24789 | |
| 10836 |
기타
외부 링크 막기
2
|
| 28838 | |
| 24788 | |
| 24787 | |
| 24786 |
계약서
농지임대차계약서
|
| 28837 | |
| 28834 |
HTML
URL옆에 뜨는 숏컷아이콘만들기.
2
|
| 10835 |
JavaScript
클릭시 펼쳐지는 메뉴
|
| 10834 |
정규표현식
수수료계산
|
| 28833 |
HTML
기본적인 페이징
|
| 28829 |
HTML
만 19세 확인하기
3
|
| 10833 |
JavaScript
IE에서 쓰는 CSS filter 사이트 소개
|
| 10831 | |
| 10830 | |
| 10829 |
JavaScript
iconv 함수 사용시 일부 글자가 변환되지 않는경우
|
| 28828 |
HTML
금액에 점찍고 한글 표시하기
|
| 10828 | |
| 10827 |
MySQL
mysql link 추가로 만들기
|
| 10823 | |
| 10822 |
기타
[펌] SAMBA 설정
|
| 10821 |
JavaScript
1-1000 까지 누락된 숫자 구하기
|
| 10820 | |
| 28822 |
HTML
간단하게 만들어본 프레임워크
5
|
| 10814 | |
| 10812 |
Flash
vr기능-도와주셈
1
|
| 10811 | |
| 10810 |
JavaScript
mod_cband 간단 정리
|
| 10808 |
Flash
간단한 플래시 보완패치입니다.
1
|
| 10804 |
JavaScript
cs..cs2 버젼...윈도우즈 탐색기프리뷰 패치(psd,ai)...
3
|
| 10797 | |
| 28821 |
HTML
IeTagConvertor
|
| 10796 | |
| 10795 |
JavaScript
ncftp 서브 디렉토리 포함 모두 전송
|
| 10794 |
JavaScript
테이블 각 row 마우스오버시 색깔바꾸기
|
| 10792 | |
| 10789 |
MySQL
apache - mod_ssl 설치하기
2
|
| 10785 | |
| 10781 | |
| 10780 |
정규표현식
자바스크립트 이메일 체크 함수
|
| 28820 |
HTML
PHP에서 홈페이지 주소 검사
|
| 10776 |
PHP
문자셋(인코딩 바꾸는 팁
3
|
| 10769 |
JavaScript
당장써먹어야 할 팁) 앞으로 gif는 물러가고 png시대가 될거 같네요
6
|
| 10766 |
JavaScript
full-down메뉴[펌]
2
|
| 10765 |
JavaScript
플래쉬 무비 전체 화면으로 뜨게 하는 fscommand
|
| 10758 |
JavaScript
코딩시 테이블을 줄입시다.
6
|
| 28818 | |
| 10754 |
JavaScript
모든 폰트 설정 한번에 바꾸기(식별자 *의 사용법)
3
|
| 10753 | |
| 10750 | |
| 28817 |
HTML
자바스크립트에서 변수 없애기
|
| 10749 | |
| 10748 | |
| 10747 | |
| 10746 |
JavaScript
[소개]윈도우 미디어 플레이어 - 컨트롤 버튼
|
| 10740 |
JavaScript
iframe사용시 높이 자동 조정
5
|
| 10738 |
Flash
플래시 무비에 레이어 올리기
1
|
| 10735 |
JavaScript
도움말 띄우기 - 관리자 페이지에 있는 것을 추림
2
|
| 10734 | |
| 28812 | |
| 10730 | |
| 10726 | |
| 10725 |
기타
자바스크립트 기초문서
|
| 28811 | |
| 10724 |
JavaScript
숫자를 한글로 변환하기
|
| 10723 |
JavaScript
디렉터리 파일 찾기 순서 DirectoryIndex
|
| 10722 | |
| 10721 | |
| 10717 | |
| 10716 |
기타
Apache 보안 팁
|
| 10715 |
JavaScript
문서루트 위치 DocumentRoot
|
| 10713 |
Linux
lilo.conf
1
|
| 10712 | |
| 10711 | |
| 10710 |
JavaScript
웹 서버가 기다리는 포트(Port)
|
| 10709 |
JavaScript
logrotate.conf의 설정및 옵션에 대한 설명
|
| 10708 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기