Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 이전 포스팅에서 작성했던 댓글 리스트 출력 Javscript 코드를 리팩터링(메서드 추출)합니다. 그리고 댓글 등록, 수정, 삭제, 페이지 이동 시 댓글 리스트를 초기화해주는 메서드를 만드는 것이 목표입니다. 을 해보겠습니다. 순서 1. 메서드 추출 2. 댓글 초기화 메서드(등록, 수정, 삭제, 페이지 이동) 3. 댓글 초기화 메서드 적용(댓글 등록) 1. 메서드 추출 앞선 포스팅에서 작성한 댓글을 동적으로 만들어 내는 코드는 페이지가 처음 열릴때 동작하는 코드입니다. 그런데 댓글을 ..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 저번 포스팅에 이어서 이번 포스팅에선 댓글 페이징 뷰 측 구현을 목표로 합니다. 순서 1. 만들어낼 태그 2. 동적 태그 생성(Javascript) 3. 메서드 추출 1. 만들어낼 태그 저번 포스팅에서 말했듯이 서버로부터 반환받은 댓글 페이지 정보를 활용해서 동적으로 태그를 만들어 내야 합니다. 댓글을 만들어 내는 Javascript 코드 작업해 주기 전, 동적으로 어떠한 태그를 만들어 줄지 정적으로 먼저 만들어 보겠습니다. "content_bottom" 태그 내부에 작성해둔 태그 바..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 '상품 상세 페이지에' 페이징 된 등록 댓글 리스트 구현을 목표로 합니다. 순서 1. 개요 2. DTO 3. Mapper 4. Service 5. Controller 6. 정리 1. 개요 "상품 상세 페이지"에 등록되어 잇는 댓글 리스트를 볼 수 있도록 구현할 것입니다. 그리고 10개 이상의 댓글이 존재하는 경우 페이징을 적용해서 댓글 페이지 버튼을 통해 10개 단위의 댓글들을 볼 수 있도록 구현할 것입니다. 큰 흐름에서는 기존해 하던 페이징 구현과 동일합니다. 하지만 기존 구현과는 ..

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 체크 기능 구현 저번 포스팅에 이어서 댓글 체크 기능 구현 뷰 구현을 목표로 합니다. 순서 1. 뷰 구현 1. 뷰 구현 goodsDetail의 댓글 등록 버튼 Javascript 메서드(엄밀히 말하면 Jquery 메서드)의 구현부 중 팝업창을 띄우는 코드 부분(그림 1-1)을 주석 처리해줍니다. 주석처리 한 코드는 댓글 체크를 서버에 요청 후 댓글이 없다는 결과 값을 받았을 때 동작하도록 만들어 줄 것입니다. 댓글 체크를 요청하는 ajax 코드를 작성합니다. $.ajax({ data : { bookId..