danDevlog

댓글 페이징 쪽번호를 만들어본다. get.jsp var pageNum = 1; var replyPageFooter = $(".panel-footer"); function showReplyPage(replyCnt){ var endNum = Math.ceil(pageNum / 10.0) * 10; // pageNum : 1이라고 가정하면, // Math.ceil(1/10.0) 처리하고 * 10, 즉 endNum : 10 var startNum = endNum - 9; // 나올지도.. var prev = startNum != 1; // false = (1 != 1) var next = false; // replyCnt : 384, endNum : 39 if(endNum * 10 >= replyCnt) { /..

이제 댓글도 게시물처럼 페이징 작업을 해본다. 기존의 ReplyMapper.xml 에서 getListWithPaging 을 수정한다. select rno, bno, reply, replyer, replydate, updatedate from 0 and rownum (#{cri.pageNum}-1) * #{cri.amount} ]]> 추가로 게시물별 총 댓글 개수를 파악하기위한 쿼리를 작성한다. select count(rno) from tbl_reply where bno=#{bno} ReplyMapper 인터페이스에 메소드를 추가한다. // 게시물별 댓글 총갯수 파악. public int getCountByBno(Long bno); domain패키지에 ReplyPageDTD 클래스를 생성한다. import..

콘솔에 출력되는것을 확인하였으니 이제 게시물에서 볼 수 있도록 만들어준다. get.jsp 스크립트 부분에 추가해준다. var replyUL = $(".chat"); function showList(page){ replyService.getList( { bno : bnoValue, page : page || 1 }, // 익명함수 : 이름이 없으며 즉시 실행 function(list) { var str = ""; if (list ==null || list.length == 0 ){ replyUL.html(""); return; } // 목록이 없을때 처리 끝. for (var i = 0, len = list.length || 0; i9?'':'0')+mi ,':',(ss>9?'':'0')+ss].join(..

모든 기능이 정상적으로 작동하는것을 테스트 하였으니 이제 view단계로 구현할 차례이다. 아래 사진에 해당하는 경로에 reply.js 파일을 만들어준다. reply.js가 get.jsp에서 동작은 하는지 간단한 확인을 해본다. reply.js에 아래 코드를 추가 console.log("Reply module....."); var replyService = {}; get.jsp에 스크립트를 추가해주고 실행해보면 동작하는것을 알 수 있다. 이제 reply.js를 수정하여 댓글 등록 메소드를 구현한다. /** * */ console.log("Reply module....."); var replyService = (function() { function add(reply, callback, error) { //..

게시물 읽기 페이지에 들어간 다음 아래 부분에 댓글기능을 추가해볼려고한다. 댓글기능은 화면 전환 없이 글 등록, 수정, 삭제가 가능하다. 즉, 비동기 처리(Ajax)로 기능을 구현할 것이다. 동기식 처리 : 한 가지 일을 끝낼때까지 가만히 대기해야함 비동기식 처리 : 한 가지 일이 끝날때까지 다른 일을 할 수 있음. REST방식을 채용한다. REST : Representational State Transfer의 약자이며, 자원을 이름으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. REST방식을 테스트하기 하기위해서 TalendAPI Tester을 크롬의 확장프로그램으로 추가한다. pom.xml 의존성을 추가한다. com.fasterxml.jackson.core jackson-da..

하단의 검색창을 만들고 타입과 키워드를 입력하면 해당 정보에 맞는 게시물이 나오도록 기능을 구현한다. 먼저 domain패키지의 Criteria 클래스에 검색타입 변수들을 만들어준다. import lombok.Getter; import lombok.Setter; import lombok.ToString; @Getter @Setter @ToString public class Criteria { // Criteria : 페이징 처리 기준을 갖는 밸류 오브젝트 private int pageNum; // 현재 페이지 번호. private int amount; // 페이지당 게시물수 private String keyword; // 검색 키워드 private String type; // 검색 타입 private St..