-3부- 스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( DWR 3.0 RC2 편 )

※ 본문은 크롬(Chrome) 브라우저에 최적화 되어 있습니다. 

스프링 3.0.6 + ibatis 2.3.4.726 프로젝트를 생성 하고자하는 사람들을 위해 한번 정리해 보았다.

1. -1부-  프로젝트 구조와 설정 파일에 대해 설명했다.
2. -2부-  에러없이 작동하는 간단한 스프링 3.0 + ibatis 연동에 대해 설명한다.
3. -3부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( DWR 3.0 RC2 편 ) 
4. -4부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( @ResponseBody 를 통한 방법 ) 

스프링 3.0 에서 Ajax를 사용해 보자.

---

1. DWR (Direct Web Remoting) 3.0 을 이용한 Ajax 구현 방법 
   

   ---

   
   홈페이지 : http://directwebremoting.org/dwr/
     
   
   DWR version 3.0 rc2 버전이 필요하다. 홈페이지에 가서 다운 받자.
   
   DWR 은 3.0 버전으로 업데이트 되면서 어노테이션 사용을 지원하게 되었다. 
   
   아직은 RC버전이지만 간단히 사용하는데는 무리가 없을 것이다.
   
   그러므로 실제 실무환경에 사용하는 것은 각자 판단에 따른다.   
    

DWR 3.0 을 이용한 Ajax 구현 방법 

---

1. STP 프로젝트에 dwr.jar 라이브러리를 추가 해 준다. 
   

   ---

   
   
   모두 프로젝트에 라이브러리 추가 하는 방법은 아실거다.
   모르면 뭐...
   어쩔수 없다. 구글신에게 물어봐라. ^^
   

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

2. 프로젝트 내의 web.xml 파일에 소스를 추가 해 준다.
   

   ---

   
   
   
   
   
    
   
    
3. springapp-servlet.xml - 소스 추가
   

   ---

   8, 17, 18, 26~31 라인이 새로 추가한 부분이다.
   
   
   
   
   
   
   
   
4. Board.xml - 테이블 목록 개수를 알아보는 쿼리를 작성하자
   

   ---

   
   
   
   
   
   
   
   
   
   
5. DAO - 인터페이스와 구현은 언제나 쌍으로...
   

   ---

   
   
   
   
   
   
   
   
   
   
   
   
6. Service - 인터페이스와 구현은 언제나 쌍으로...

   ---

   
   
   
   14 라인 -  @RemoteProxy(name="AjaxBoard") 어노테이션을 선언했다. name 속성을 지정 해 주지 않으면 기본적으로 BoardServiceMgrImpl 라는 이름으로 지정된다. 
   37 라인 -  내부 클래스에 @RemoteMethod 어노테이션을 선언해 준다.
   그럼, View 쪽에서  AjaxBoard.ajaxSelectBoardCnt() 이런식으로 호출할 수 있게 된다. ^^ 
   
   
   
   
   
   
   
7. View - JSP 페이지에 출력해 보자.

   ---

   
   블로그에 소스를 이쁘게 표현할려고 적용한 SyntaxHighlighter 가 html 구문을 완벽히 출력 해주지 못해서 본의 아니게 소스 내에
   주석처리를 한 부분이 있는 것은 알아서 이해하시길 바란다. 여러분은 하이라이트 부분만 참고 하시면 되겠다.
   

   <%@ page language="java" contentType="text/html; charset=EUC-KR"
       pageEncoding="EUC-KR"%>
       
   <%@ include file="/WEB-INF/jsp/include.jsp"%>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   게시판 목록
   
   
   
   	
   	
   
   	
   
   		
   번호
   		
   제목
   		
   작성자
   		
   등록일
   	
   
   
   		
   
   		
   
   		
   
   		
   
   	
   
   
   		
   조회하신 결과가 없습니다.
   	
   
   
   
   
   
   
   -->
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

   
   
   
   
   
8. 테스트 - URL 호출
   

   ---

   http://127.0.0.1:8080/board/boardList.stp 주소로 테스트를 진행하면 아래와 같은 화면을 접하게 된다.
   
   

   
   
   
   
   
   
   
   
   
   마무리
   

   ---

   DWR 3.0 을 이용한 Ajax 구현 방법에 대해 알아 보았는데...
   글이 길어졌다. ㅡ..ㅡa
   @ResponseBody 를 통한 Ajax 구현 방법에 대해서는 다음 페이지에서 글을 이어나가야 겠다.
   그럼, 즐~코딩!