4. Ajax Application Examples

이번에는 AJAX 관련 서적에 있는 샘플 코드들을 실행시켜보는 것으로 이루어져있습니다. 따라서 PPT는 없고 실습과 숙제로 구성되어 있습니다.

실습
1. Foundation of AJAX 에 있는 샘플 코드 다운로드 & 실행하기

넷빈즈의 프로젝트 기반으로 만들어진 샘플 코드라서 이클립스에서 실행하려면 약간 불편합니다.
1. Eclipse에서 Dynamic Web Project 생성(이때 웹 기본 폴더를 WebContents 에서 web 으로 수정해 줍니다.)
사용자 삽입 이미지
사용자 삽입 이미지2. 샘플 코드가 있는 곳에 가서 복사
사용자 삽입 이미지3. 프로젝트에 붙여넣기
사용자 삽입 이미지4. 그러면 패키지 경로가 이상해서 에러가 납니다.(패키지 경로 맨 앞에 붙는 java를 띄어냅니다.)
사용자 삽입 이미지5. 마지막으로 Run on Server를 실행합니다.
사용자 삽입 이미지
숙제
“Pro AJAX and Java Frameworks” 책의 Chapter5 예제 코드를 실행하는 것이 숙제로 군요…
1. 샘플 코드 다운 & 압축 풀기
- 전송 속도가 100kb 정도 입니다. 다운로드 하는데 10분 정도 소요 됩니다.
2. 이 뒤부터는 위에서 설명한 방법대로 Eclipse 에서 NetBeans 기반의 프로젝트를 실행할 수 있습니다.
사용자 삽입 이미지

3. Ajax Frameworks and Toolkits

아흑.. 이번에도 선수 학습이 있군요.
Proprietary AJAX toolkits: The other side of the coin
Surveying open-source AJAX toolkits

두 개의 아티클을 읽은 다음에 PPT를 봐야겠습니다.
PDF:
1 slide per page

실습
Online
lab document

숙제
Homework

사용자 삽입 이미지와.. 엄청나게 다양한 AJAX 툴킷들이 있었구요. 이중에서 들어본건 Dojo, DWR, GWT.. 나머지는 첨들어 봅니다.
위에 나열된 각각의 기술 들 중에 특정 구현체 하나를 선택해서 실습해 보도록 되어 있습니다.
그리고 맨 마지막에는 어떤 경우에 무엇을 사용할지 설명하고 있습니다.

2. JavaScript Basics

참조 : http://www.javapassion.com/ajaxcodecamp/
헐… 동영상 강의는 1주차가 끝인가 보군요.

2주차에서는 자바스크립트를 공부해야 합니다.

선수 학습 : http://www.w3schools.com/js/default.asp
본 강의 : PDF: 1
slide per page

실습 : Online
lab document

숙제 : Homework

선수 학습 부터 해야겠군요.
원래는 하루에 한 주차씩 끝낼 계획이였는데..이번엔 정말 일주일이 걸릴지도 모르겠네요.

1. Ajax Basics & Development Tools

1주차 강의
http://www.javapassion.com/ajaxcodecamp/#Ajax_Basics__Development_Tools

기억나는 내용
- RIA가 나온 배경이 PPT 첫 부분에 나옴.
사용자 삽입 이미지- 그 다음 여러 RIA의 기술들을 간략하게 장, 단점을 살펴봤습니다.
- 그 다음 AJAX를 예제와 함께 구동 원리를 설명했습니다.
사용자 삽입 이미지- AJAX 관련 이슈들을 마지막으로 끝났습니다.
사용자 삽입 이미지사용자 삽입 이미지- 실습이 빡쎕니다. deprecated된 것 까지 6개가 있지만 그 중에 마지막 JSUnit 예제는 포기;;
- 예제와 진행이 NetBeans 기반이지만 Eclipse에서 따라하기가 아직까지는.. 별로 어렵지 않습니다.
- 실습이 빡쎈데 숙제까지 있습니다.
사용자 삽입 이미지사용자 삽입 이미지- DOM API와 InnerHTML을 알아야겠습니다.