IT기록 isaac

[Spring] 댓글의 수정/삭제 이벤트 처리 이전 글 2021.08.14 - [Spring] - [Spring] 특정 댓글의 클릭 이벤트 처리 2021.08.13 - [Spring] - [Spring] 새로운 댓글 처리 2021.08.11 - [Spring] - [Spring] 댓글 목록 HTML 처리 댓글의 수정/삭제 이벤트 처리 댓글의 수정/삭제 처리 후 댓글 목록을 갱신하는 것으로 수정합니다. get.jsp 이전 글에 이어서 작성하는 내용이어서 생략되는 부분이 존재할 수 있습니다. 앞에 글을 참고하시어서 이어지는 소스코드를 작성해 나가는 것이니, 필요에 따라 이전 글을 확인해보시기 바랍니다.

[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 ] 버튼 모달 관련 객체들은 여러 함수에서 사용할 것이므로 바깥쪽으로 빼두어 매번..