본문 바로가기

Java/Source_book

[javascript] 초간단 객체지향 JavaScript 더보기
2010.07.23 DWR(Direct Web Remoting) [ 2010.07.23 DWR(Direct Web Remoting) ] Client 단의 HTML에서 Server 단의 Method에 접근 가능하도록 하여주는 Framwork 기존 방식에서는 가령 HTML에서 Servlet을 거쳐 service나 VO 클래스들에 접근하였다면, 이제 DWR이 AJAX와 XMLHTTPrequest를 이용하여 이 Servlet의 Controller 역할을 수행하게 되는 것이다. 이 프레임워크를 사용하기 위해서 DWR API를 다운 받는다. http://directwebremoting.org/dwr/ 에서 현 날짜를 기준 안정화 버전 : https://dwr.dev.java.net/files/documents/2427/126494/dwr.jar - 간단한 구현 로직 Client.. 더보기
2010.07.25 AJAX 최종 실습 예제 [2010.07.25 AJAX 최종 실습 예제] 1. Index.html에서 사용자는 '상품목록조회' Link를 선택하여 서버에 정보를 요구한다. 2. 넘겨받은 Front Controller Servlet은 이를 자신이 직접 처리하지 않고, Service 역할을 하는 클래스에 위임한다.(MVC2 Pattern 적용) 3. Controller로부터 위임받은 일이 DB와 관련된 일이므로 Service는 다시 DAO(DataAccessObject) 클래스에 위임한다. 4. vice로부터 위임받은 일을 DAO는 iBATIS 프레임워크를 사용하여 DB에 해당 정보를 조회 후, 자신을 호출한 Service 클래스에 결과값을 return한다. 5. Service는 다시 자신을 호출한 Controller에게 결과값을 .. 더보기
2010.07.21 Ajax DOM 을 이용한 동적으로 Table 생성 및 JSON [ 2010.07.21 Ajax DOM 을 이용한 동적으로 Table 생성하기 ] Create_table.htmlDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2010.07.21 var cnt=0; function getData(){ removeTbody();//기존 Tbody영역 초기화 함수 var tbody=document.getElementById("memberTbody"); // 객체 생성 var tr=document.createElement("tr"); // 객체 생성 var td1=document.createElement("td"); var td2=documen.. 더보기
[ 2010.07.19 - 20 AJAX 실습 및 정리 ] – Word 버전 [ 2010.07.19 AJAX ] AJAX(Asynchronous Javascript And XML) (= Client와 Server 사이에 비동기적으로 JavaScript와 XML을 이용하여 Data를 교환하는 프로그래밍 기법.) 우측 그림과 같이 비동기적으로 통신을 하기 때문에, Client가 Server에게 보낸 요청에 대한 응답이 오지 않아도, Client는 계속 작업을 수행할 수 있다. 구현 Procedure XMLHttpRequest 객체 설정 Ajax에서 비동기 통신을 위한 핵심 JavaScript 객체로서, Web Browser에 따라 사용법이 다르다. function createXMLHttpRequest(){ if(window.ActiveXObject){//IE 계열 Web Browse.. 더보기
[2010.07.19 ~20]JavaScript & Ajax - Image 버전 더보기
2010.07.19 AJAX [ 2010.07.19 AJAX ] AJAX(Asynchronous Javascript And XML) (= Client와 Server 사이에 비동기적으로 JavaScript와 XML을 이용하여 Data를 교환하는 프로그래밍 기법.) 우측 그림과 같이 비동기적으로 통신을 하기 때문에, Client가 Server에게 보낸 요청에 대한 응답이 오지 않아도, Client는 계속 작업을 수행할 수 있다. 구현 Procedure XMLHttpRequest 객체 설정 Ajax에서 비동기 통신을 위한 핵심 JavaScript 객체로서, Web Browser에 따라 사용법이 다르다. function createXMLHttpRequest(){ if(window.ActiveXObject){//IE 계열 Web Browse.. 더보기