Isaac Kim Dev Blog

[Spring] 특정 댓글의 클릭 이벤트 처리 이전 글 2021.08.13 - [Spring] - [Spring] 새로운 댓글 처리 2021.08.11 - [Spring] - [Spring] 댓글 목록 HTML 처리 DOM에서 이벤트 리스너를 등록하는 것은 반드시 해당 DOM 요소가 존재해야 가능합니다. 동적으로 Ajax를 통해서 태그들이 만들어지면 이후에 이벤트를 등록해야 하기 때문에 일반적인 방식이 아니라 '이벤트 위임(delegation)'의 형태로 작성해야 합니다. '이벤트 위임'은 실제로는 동적으로 생성되는 요소가 아닌 이미 존재하는 요소에 이벤트를 걸어주고, 나중에 이벤트의 대상을 변경해 주는 방식입니다. jQuery는 on( )을 이용해서 쉽게 처리할 수 있습니다. get.jsp jQuery..

[Spring] 새로운 댓글 처리 이전 글 2021.08.11 - [Spring] - [Spring] 댓글 목록 HTML 처리 댓글 목록 상단에 버튼을 추가해서 새로운 댓글을 추가할 수 있도록 준비합니다. get.jsp 실행 결과 우측에 [ New Reply ] 버튼이 생성되었습니다. 댓글 추가는 모달창을 이용해서 진행합니다. 모달창의 경우 코드 위치는 크게 신경쓰지 않아도 되어, 데이터를 처리를 위한 댓글 처리 모듈 스크립트를 추가했던 태그 위에 작성합니다. get.jsp 모달창 버튼 부분 소스코드는 아래와 같습니다. Modify Remove Register Close 댓글 추가 버튼 이벤트 처리 - [ New Reply ] 버튼 모달 관련 객체들은 여러 함수에서 사용할 것이므로 바깥쪽으로 빼두어 매번..

[Spring] 댓글 목록 HTML 처리 이전 글 2021.08.11 - [Spring] - [Spring] 댓글 삭제, 수정, 조회 2021.08.11 - [Spring] - [Spring] 댓글의 목록 처리 (javascript) 2021.08.10 - [Spring] - [Spring] 댓글 처리 Front-End - 등록 처리 - 2021.08.09 - [Spring] - [Spring] 댓글 처리 Front-End - 세팅편 - 2021.08.03 - [Spring] - [Spring] 댓글 처리, 서비스 영역과 Controller 처리 (feat. @RestController) 앞의 과정을 그대로 진행했다면 이미 Ajax의 처리까지는 완료된 것을 확인했다는 의미입니다. 이제 화면에서 버튼 등에..

[Spring] 댓글 삭제, 수정, 조회 이전 글 2021.08.11 - [Spring] - [Spring] 댓글의 목록 처리 (javascript) 2021.08.10 - [Spring] - [Spring] 댓글 처리 Front-End - 등록 처리 - 2021.08.09 - [Spring] - [Spring] 댓글 처리 Front-End - 세팅편 - 2021.08.03 - [Spring] - [Spring] 댓글 처리, 서비스 영역과 Controller 처리 (feat. @RestController) 2021.08.01 - [Spring] - [Spring] 댓글 처리를 위한 영속 속성 댓글 삭제 댓글 삭제는 DELETE 방식을 통해서 해당 URL을 호출하는 것뿐이므로 그다지 어려운 점은 없습니다...

[Spring] 댓글의 목록 처리 (javascript) 이전 글 2021.08.10 - [Spring] - [Spring] 댓글 처리 Front-End - 등록 처리 - 2021.08.09 - [Spring] - [Spring] 댓글 처리 Front-End - 세팅편 - 2021.08.03 - [Spring] - [Spring] 댓글 처리, 서비스 영역과 Controller 처리 (feat. @RestController) 2021.08.01 - [Spring] - [Spring] 댓글 처리를 위한 영속 속성 댓글의 목록 처리 댓글 등록이 정상적으로 처리되었다면, 해당 게시물에 있는 댓글의 전체 목록을 가져옵니다. 댓글 목록은 최종적으로 페이징 처리가 되어야 하지만, 우선 전체 댓글을 가져오는 형태를 구..

[Spring] 댓글 처리 Front-End - 등록 처리 - 이전 글 2021.08.09 - [Spring] - [Spring] 댓글 처리 Front-End - 세팅편 - [Spring] 댓글 처리 Front-End - 세팅편 - [Spring] 댓글 처리 Front-End - 세팅편 - 이전 글 2021.08.03 - [Spring] - [Spring] 댓글 처리, 서비스 영역과 Controller 처리 (feat. @RestController) 2021.08.01 - [Spring] - [Spring] 댓글 처리를 위한.. lifere.tistory.com 내용은 이전 글에 이어서 작성합니다. reply.js 등록 처리 모듈 패턴은 즉시 실행하는 함수 내부에서 필요한 메서드를 구성해서 객체를 구성하..

[Spring] 댓글 처리 Front-End - 세팅편 - 이전 글 2021.08.03 - [Spring] - [Spring] 댓글 처리, 서비스 영역과 Controller 처리 (feat. @RestController) 2021.08.01 - [Spring] - [Spring] 댓글 처리를 위한 영속 속성 JSP 에서 댓글에 대한 처리는 하나의 페이지 내에서 모든 작업이 이루어지기 때문에 조금 복잡합니다. 또한 기존과 달리 js로 동적인 HTML을 처리하기 때문에 주의해서 작업해야 합니다. JavaScript의 모듈화 동적인 HTML을 처리하기 위해 Ajax를 이용하는데, jQuery의 함수를 이용해서 쉽게 처리할 수 있습니다. 화면 내 JS 처리를 하다 보면 이벤트 처리와 DOM 처리, Ajax 처리..

[Spring] 댓글 처리, 서비스(Service) 영역과 Controller 처리 (feat. @RestController) 이전 글 2021.08.01 - [Spring] - [Spring] 댓글 처리를 위한 영속 속성 2021.07.31 - [Datebase/mariaDB, MySQL] - [MariaDB] 댓글 처리 테이블 : 외래 키에 대해 테이블 다뤄보기 2021.07.29 - [Spring] - [Spring] REST 방식 서비스 Service 이전 글의 댓글 처리를 위한 영속 속성 구성이 되었다고 보고, 서비스 영역을 작성합니다. com.project.service 패키지에 ReplyService 인터페이스와 ReplyServiceImpl 클래스를 작성합니다. ReplyService 인터..

[Spring] 댓글 처리를 위한 영속 속성 댓글을 추가하기 위해 댓글 처리 테이블을 설계합니다. 이전에 작성한 글을 참고하여 댓글 테이블을 작성합니다. https://lifere.tistory.com/172 [MariaDB] 댓글 처리 테이블 : 외래 키에 대해 테이블 다뤄보기 [MariaDB] 댓글 처리 테이블 : 외래 키에 대해 테이블 다뤄보기 테이블 생성하기 seq_bno 값을 외래 키로 정합니다. tb_board 테이블의 seq_bno 값을 참조합니다. 다음은 SQL 쿼리문 외래 키 및 제약조건에 lifere.tistory.com ReplyVO 클래스 추가 tb_reply 테이블을 참고해서 com.project.domain 패키지 아래 ReplyVO 클래스를 추가합니다. ReplyVO 클래스 R..

[Spring] REST 방식 도움이 되셨다면 광고 한 번 클릭 부탁드립니다. 한 번의 클릭이 제게 큰 힘이 됩니다! :) REST는 'Representational State Transfer'의 약어로 하나의 URI는 하나의 고유한 리소스(Resource)를 대표하도록 설계된다는 개념에 전송방식을 결합해서 원하는 작업을 지정합니다. 예를 들어 '/boards/123'은 게시물 중에서 123번이라는 고유한 의미를 가지도록 설계하고, 이에 대한 처리는 GET, POST 방식과 같이 추가적인 정보를 통해서 결정합니다. 따라서 REST 방식은 다음과 같이 구성된다고 생각할 수 있습니다. URI + GET/POST/PUT/DELETE/... 스프링은 @RequestMapping이나 @ResponseBody와 같..