Ajax강의- 첫번째 강의의 pdf중 발표문건 11-20 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

Ajax강의- 첫번째 강의의 pdf중 발표문건 11-20 정보

Flash Ajax강의- 첫번째 강의의 pdf중 발표문건 11-20

본문

11페이지 ---------------------------------------------

Applet

1. 장점
Java API들을 최대한 사용가능하다
개인적인 데이타의 스트리밍, 그래픽의 세밀한 조작, 쓰레딩, 그리고 진보적 그래픽인터페이스
잘 짜여진 구조적 설계가 가능하다.

2. 단점
코드를  다운로드 받아야 한다.

3. 만약이것을 사용하게 되면 유저인터페이스가 사용자의 컴퓨터에서 좀 더 진보하게 된다. 다운로드 받아야 한다는것은 중요한 관점이 아니다.

*************************

자 첫번째로 applet에 대해서 이야기 해보자.. Applet은 자바프로그램의 다운로드와 실행을 브라우저 내에서 처리하는것이다.

이것은 자바 프로그램이다. 자바의 전체 API들을 사용할수 있다. 그리고 확실한 것은 개인적 데이타를 스트리밍 하거나 세부적 그래픽 작업, 그리고 진보적인 인터페이스를 처리가 가능하다. 이것은 RIA 기술을 이용하지 않고서는 불가능하다.

Applet 기술은 자바기술로 부터 시작이 되었다. 그리고 우리는 이것을 잘 알고 있다.
단점으로 코드의 다운로딩 시간이 걸리는것인데 이것은 특히 다운로드 받는동안  언제라도 유저의 접근이 가능하다.

그래서 제한을 하건데 "applets을 사용하라 그러면 진보적인 사용자 환경을 처리함에 있어서 전체 java API를 사용하는 이점을 가지게 될것이다. 그리고 코드의 다운로딩 시간은 더 이상 주요한 관점이 아니다.


12페이지----------------------------------------------------------
매크로 미디어의 플래쉬

1. 사용자를 위한 상호작용적 디자인
2. Action Script와 함께 하는 프로그래밍
3. 도구적 예제들
-매크로 미디어 Fleex
- Laszlo suite(공개소스)

4. 장점
-백터그래픽을 표현하기 좋은것

5. 단점
-브라우저가 플래시 플러그인을 필요로하는것
-Action Script의 독점성

********************************8

차세대 적인 RIA기술은  매크로 미디어 플래쉬이다. 플래쉬는 상호작용적 형태를 위해서 디자인 되어 있으며 이것을 위한 스트립트 언어를 ActionScript라고 부른다.

플래쉬 기술의 도움이 되는 보조 도구들은 매크로미디어의 Flex또는 오픈소스의 Laszlo suite가 있다.

플래쉬의 좋은점은 이것이 최초의 것이며 이것은 매우 뛰어난 백터그래픽의 표현이 가능하다. 조금 신경쓰이는 부분으로 브라우저는 반드시 플래쉬 플러그인이 있어야지만 플래쉬의 실행이 가능하다.
다른 단점은 ActionScript가 저작권이 있는 기술이란것이다.



13---------------------------------------------------------------------

Java Webstart

1.OS환경화의 프로그램들을 네트웍으로 안내하는것
-테스크탑의 프로그램과 applet의 장점들의 이점

2. 장점
-테스크탑의 결과물과 같은 한번의 로드
-자바기술의 확장성의 잇점
-끊어지지 않는 처리가 가능
-각 프로그램들에게 특정표시가 가능
-점차적인 이동

3. 단점
오래된 JRE-based 구조에는 작동하지 않는것
처음에 프로그램을 다운로드 해야한다는것

******************************************************
Java Web 시작 기술은 기본적으로 네트웍을 통하여 자신의 컴퓨터에 자바의 프로그램을 사용할수 있게 하는것이다. 이것으로 applet과 데스크탑프로그램들이 좀 더 강력한 효과를 가지게 된다.

applet의 강력한 점은.. 분산적 모델인것이다. 유저가 자동적으로 항상 데이타 코드를 가지게되는것이다.
약한것은 데스크탑의 프로그램 비교되는것이고 하여간 이것은 네특웍을 통하여 applet을 사용하기 위한것이다.

데스크탑 프로그램의 강력한것은 다른처리, 네트웍상이 아니라도 가능한 모델이며 최악의 단점은 각자의 컴퓨터에 직접 설치를 해야지만 가능하다는것이다.

java Webstart기술로는 applet을 설치하듯이 데스크탑 프로그램을 설치할수 있으며 단 한번의 인스톨만으로 자바 프로그램의 기능을 일반적 데스트탑프로그램과 동일하게 사용할수 있다는것이다.
이제 프로그램을 사용하는거은 자동적으로 새로운 버전을 체크하게 되고 그리고 새버전이 있다면 다운로드 받게될것이며 이것을 진보적 전환이라고 부른다.

Java web start의 단점으로 이것이 오래된 JRE-base 구종에서는 JDK 1.1 그리고 그보다 더 낮은버전에서는 작동이 불가능하며 JDK 1.2를 다운받아야 가능하다

14--------------------------------------------------------------------

DHTML(Dynamic HTML)

1. Dhtml = javaScript + DoM + CSS
2. 상호작용적 프로그램 제작을 할수 있다.
3. 비동기적인것이 불가능하다
- 여전히 전체 페이지를 refesh해야되는것이 요구된다.
- 이것의 이유는 기능적인 한계가 있다.

*******************************************
동적 Dhtml은 기본적으로 자바스크립트와 DOM과 CSS의 복합입니다.
그리고 있은 동적인 응답기술의 웹 프로그램에 사용되어왔다.
어째든 DHTML 은 여전히 비동기적 통신을 지원하지 않는다. 이것은 여전히 전체페이지를 refesh하길 요구한다. 그리고 이것의 이유는 DHTML의 제한적 부분이라고 생각한다.


15--------------------------------------------------------------------------------

DHTML 과 숨겨진 IFrame

1. Iframe 은 웹페이지의 레이아웃을 프로그램가능한것 처럼 소개되어왔다.
-아이프레임은 DOM tree의 하나의 개체로 묘사되어졌다.
-이동,사이즈의 변경이 가능하고  페이지 보이는 상태에서 숨기는것도 가능하다

2. 숨겨져있는 Iframe은 비동기적 행위로 추가할수 있다.
The visible user experience is uninterrupted – operational context is not lost
유저의 행동으로는 아무런이상이 생기지 않는다. - 조작하는 상황을 잃어버리지 않는다.

3. 이것은 여전히 난잡하다.


****************************************

IFrame 은 몇년전부터 웹페이지의 레이아웃이 가능한 프로그램형태로 소개되어 왔다.
이것의 의미는 즉.. 아이프레임은 DOM의 tree의 한 개체로 묘사되어졌고 그리고 이것을 이동, 사이즈의 변경 그리고 또한 숨기거나 모개체의 페이지에 포함시켜 보여지게 하는것이 가능하다.

이것은 비동기적 기능을 웹페이지 프로그램에 더해주며 유저는 아이프렘이 백그라운드 상태에서 나타내는것이  가능하도록 해준다. 이것은 기본적으로 AJAX같은 행위를 지원하며 최종유저의 행위에 영향을 미치지 않고 가능하다.

단점으로 아이프레임이 사용되지게되는 목적은 이것은 디자인이 아니란 것이다.
그리고 이것은 사실상 AJAX와 비교해서 몇몇 한계가 있다. 곧 자세하게 설명하도록 하겠다.


16-----------------------------------------------------------------

Ajax
1. DHTML 더하기 비동기적인 통신과 XMLHttpRequest 를 사용가능
2. 장점
-현재까지의 가장 실용적인 RIA 기술이다.
-방대한 산업요소
-몇몇 툴킷과 프레임웍의 최신화

3. 단점
-여저히 브라우저와 비호환적임
-자바 스크립트의 유지와 수정이 어려움

4. Ajax를 위한 JSF 컨포넌트들의 도움

*********************************************

DHTML에 비동기적 XMLhttprequest 자바 구조를 합한기능같은 Ajax를 생각할수 있다.

Ajax는 현재까지의 RIA기술중 가장 실용성이 있다. 그리고 AJAX 는 대단한 힘이 있다.
여기에는 몇가지의 툴킷과 프리임웍 이 좋은형태의 Ajax프로그램을 하는데 있어 사용되어질수 있다.
다른 RIA기술의 비교해서 Ajax가 좋은것은 다운로드 받지 않고 또는 플러그인 설정을 하지 않아도 실행이 된다는것이다.



17--------------------------------------------------------------------------
파워포인트 내용 없음
**************************************88

이제 보도록 하자 . Ajax에 대한 이때까지 본적도 없는 사람들이거나 또는 Ajax의 일부분만 본적이 있는 사람들에게 실제적인 사용법을 보이도록 하겠다.


18-----------------------------------------------------------------------------
Ajax 프로그램의 실제적인 예제
• Google maps > http://maps.google.com/
• Goolgle Suggest > http://www.google.com/webhp?complete=1&hl=en
• Gmail > http://gmail.com/
• Yahoo Maps (new) > http://maps.yahoo.com/
• Many more are popping everywhere

***********************************************8
(역자주...: 만약 구굴의 maps를 방문해 보지 않았다면 꼭 들러보기 바란다.
개인적으로 이글을 번역하면서 처음 들렀는데.. Ajax의 매력을 느낄수 있을것이다.
ocx를 설치하지 않고도.. 이런것이 가능하게 만드는것... 그것이 이것의 매력이 아닌가 싶다.
거진 전세계의 맵을 볼수 있다. 불행히도 한국은 안되지만..  일본이나.. 프랑스 이탈리아 같은 곳은 가능하다 당연히 미국이 되고...그리고 한때 유명했던 인공위성형태의 지도를 본다는것이 여기였다. ----------------- 역주자끝)


------

모든사람들이 구글의 맵을 알고 있다. 그리고 모두들 이것이 사용하기에 대단히 좋은것이다라는 생각을 한다. 구글의 맵은 Ajax의 실제적인 형태이다.

다른형태의 Ajax의 기능을 내포한 Google Suggest는 기본적으로 자동완성기능을 가지고 있다.
그리고 좀 더 포괄적인 Ajax의 사용은 Gmail 프로그램이 있다.

야후는 Ajax를 이용해서 다시금 만들어지고 있다. 그리고 조금씩 웹 사이트들은 Ajax를 사용하고 있다.


19-------------------------------------------------------


Ajax : Demo
Goolgle Maps
Yahoo Maps New

*********************************

이제 구글의 지도 그리고 야후의 새로운 맵의 데모를 조금 해보도록 하자


20--------------------------------------------------------

구글 맵의 주요 형태

1. 사용자는 마우스의 드레그만으로 사용이 가능하다
- 버튼의 클릭이거나 또는 다른것 대신으로 드래그를 이용한다.

2. 새로운맵의 정보를 가져오는 동작은 특정한 링크를 클릭하나 하지 않는 하지만 맵의 위치를 이동할수는 있다.

3. 보여지는 것의 뒷면 - Ajax의 사용
-맵의 데이타는 요구되어진것 그리고 비동기적으로 백그라운드로 다운로드 되어진다.

4. 페이지의 다른부분들은 변함없이 유지된다
- 현재의 상황에 영향을 미치지 않는다.

***********************************

이제 구글의 맵의 형태에 대해서 이야기 해보자

첫번째로 전체적인 지도를 마우스의 움직만으로 드래그 할수 있다. 맵의  다른부분을 보기위해서는 클릭하는 대신 움직이기만 하면된다. 보여지는것의 뒷로는 계속 새로운 맵의 데이타가 백그라운드로 다운로딩 된다.

또한 중요한것은 다른페이지들의 부분들도 변함이 없다. 이것의 의미는 현재의 상황에 영향을 미치지 않는다는 것이다.
(역자주: 실제적으로 구글맵을 실행해 보면 왼쪽의 내용과 전혀 무관하게 맵의 데이타만 바뀌어진다.
즉 여기서 왼쪽의 상황은 무관하게 구글과의 데이타 처리만으로 맵이 표현 된다는 의미인듯 하다)


------------------------------------------------------------------------
그저 읽어보고 생각나는 대로 아무렇게나 타이핑을 하느라고
매끄러운 번역이 되지 못한듯 합니다.
물론 저의 부족한 영어실력의 탓도 있겠지만...(가장큰 이유 일지도 -_-;;)

여하튼.. 잘못된 부분을 발견하시면 여차없이 알려주시면 감사하겠습니다.

원본에 먹칠을 하는게 아닌지 심히 걱정스럽긴 합니다.

하나의 글에 10페이지 정도의 번역을 계속 진행하겠습니다.

오늘은 이만... 21페이지는 다음글에서 계속되겠습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로