Kim VamPa

프로젝트 Github : https://github.com/sjinjin7/Blog_Project 프로젝트 포스팅 색인(index) : https://kimvampa.tistory.com/188 목표 댓글 페이징 기능 구현 이전 포스팅에서 댓글의 날짜가 이상한 형식으로 출력되었는지 이를 해결하고자 합니다. 더불어 페이지 이동 버튼이 동작하도록 JS코드를 추가해줄 것입니다. 순서 1. 날짜 변환 형식 지정 2. 댓글 페이지 이동 버튼 3. 테스트 1. 날짜 변환 형식 지정 이전 포스팅에서 댓글 출력은 정상적으로 되었지만 날짜가 이상한 형식의 숫자가 출력되어져 있었습니다. 이를 제가 원하는 "yyyy-MM-dd"형식의 날짜로 출력되도록 만들 것입니다. 'java date json' 키워드를 통해 구글링을 해..

프로젝트 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개 단위의 댓글들을 볼 수 있도록 구현할 것입니다. 큰 흐름에서는 기존해 하던 페이징 구현과 동일합니다. 하지만 기존 구현과는 ..