본문 바로가기

개발입문/SPRING 게시판 만들기16

[SPRING] 댓글 페이징 처리, 댓글 총 개수 보여주기 댓글이 10개를 초과한다면, 댓글을 다음 페이지로 넘기는 처리를 해볼 것이다. 그 작업을 위해 일단 1페이지에 댓글이 10개까지만 보이도록 할 것이므로, 확인해보기 위해 한 게시글에 댓글이 10개 이상 있어야 한다. 그러므로 페이지에서 댓글을 10개가 초과할 때 까지 추가한다. 댓글목록 조회 인덱스 설계 댓글 목록이 'bno'가 기준이 되어야 하므로, 데이터의 양이 많아졌을 때 성능이 저하되는 것을 고려하여 'bno'를 기준으로 하는 인덱스를 먼저 설계해야 한다. replyMapper.xml 에서 id가 getListWithPaging 인 select를 수정한다. select rno, bno, reply, replyer, replydate, updatedate from 0 and rownum (#{cri.. 2022. 10. 13.
[SPRING] 댓글 화면 처리 및 CRUD 이제 웹페이지에서도 댓글이 동작하도록 JavaScript를 이용할 것이다. ​댓글의 스크립트 처리는 따로 js 파일을 만들어 관리하도록 한다. src > main > webapp > resources > js > new JavaScript file 생성 > name: reply.js reply.js는 Reply가 잘 동작하는지를 간단하게 확인하는 용도이다. 다음과 같이 입력한다. /** * */ console.log("Reply module......"); var replyService ={}; reply.js 파일은 게시물 글 읽기 페이지에서 사용하기 위한 것이므로, WEB-INF > views > board > get.jsp 파일에 추가해야 한다. js파일이 잘 연결되었는지 확인하기 위해 문서가 준비.. 2022. 10. 13.
[SPRING] 댓글 기능 구현 ​웹페이지의 댓글 처리는 REST(Representational State Transfer)방식과 ajax를 이용할 것이다. 화면 전환 없이 댓글 등록 완료시 처리할 명령까지 콜백으로 전달한다. Reference ▶ 자바스크립트 비동기 처리와 콜백 함수 • 캡틴판교 (joshua1988.github.io) 비동기처리를 위해 Talend 를 chrome에 추가할 것이다. google 웹스토어에 "talend"를 검색한 후 추가하면 된다. ​ Maven Repository 에서 "jackson-databind", "jackson-dataforamt-xml", "gson"을 각각 검색하여 복사한 후, pom.xml 에 의존성을 추가하고 저장한다. https://mvnrepository.com/ ​ (간혹 의존.. 2022. 10. 13.
[SPRING] 검색 기능 구현 검색 기능은 검색조건과 키워드로 나누어 생각해 볼 수 있다. 검색할 때 검색조건은 총 세 가지로 할 것이다. 내용, 제목, 작성자. 이 세 가지 조건 중 단일조건만 사용해서 검색하거나, 두 가지 조건을 섞거나, 세 가지 조건을 섞어서 검색할 수도 있다. 어떻게 조합하여 검색하느냐에 따라 SQL의 쿼리문이 바뀔 것이다. 따라서, 쿼리문을 작성할 때 동적쿼리를 사용해야 한다. ​ SQL 동적쿼리란 주어진 상황에 따라 쿼리문을 변경하는 것을 말한다. Reference ▶ https://mybatis.org/mybatis-3/ko/dynamic-sql.html 동적쿼리문은 아래와 같이 만들어 볼 것이다. title like '%'||#{keyword}||'%' content like '%'||#{keyword}.. 2022. 10. 13.