register.jsp 글쓰기 제목 작성자 내용 파일 업로드 등록 취소 detail.jsp No. 제목 작성자 작성일 ${bvo.readCount } 수정일 내용 수정 삭제 목록 ${authEmail } 등록 등록 Writer 댓글등록일 content 댓글 더보기 ${authEmail } 등록 닫기 boardComment.js console.log('boardComment.js in~!!'); console.log(bnoVal); console.log(userEmail); document.getElementById('cmtPostBtn').addEventListener('click',()=>{ const cmtText = document.getElementById('cmtText'); if(cmtText..
![[Spring] 22. 게시물 상세/수정 - 파일 업로드/삭제 기능 추가](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FOCSSO%2FbtsDKMCdIt2%2Fyq16BSIOWN1ANK1GRBWLWk%2Fimg.png)
detail.jsp // ... (기존 코드) ${fvo.fileName} ${fvo.fileSize }Byte 수정 삭제 목록 // ... (기존 코드) modify.jsp // ... (기존 코드) ${fvo.fileName} ${fvo.fileSize }Byte X 파일 업로드 수정 삭제 목록 boardFile.js // ... (기존 코드) document.addEventListener('click', (e)=>{ if(e.target.classList.contains('file-x')) { let uuid = e.target.dataset.uuid; removeFileToServer(uuid).then(result =>{ if(result == '1') { console.log("파일 삭제 성공..
![[Spring] 18. 댓글 - 수정(+Modal) / 삭제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc8EixH%2FbtsDGlSWf0B%2FYFnYjk12KW8NUNFifUrSk0%2Fimg.png)
detail.jsp // ... (기존 코드) Writer 등록 닫기 // ... (기존 코드) boardComment.js // ... (기존 코드) document.addEventListener('click',(e)=>{ // ... (기존 코드) } else if(e.target.classList.contains('cmtModBtn')) { let li = e.target.closest('li'); let cmtText = li.querySelector('.fw-bold').nextSibling; document.getElementById('cmtModText').value = cmtText.nodeValue; document.getElementById('cmtModBtn').setAttribute..
![[JSP/Servlet] 16. 댓글 - 수정과 삭제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FU36kp%2FbtsBJeIjwRv%2FRyCJgsKCufQi8cnVNTqVu0%2Fimg.png)
댓글 생성과 리스트 출력을 이해했다면 수정과 삭제는 크게 어렵지 않다. 만약, 댓글의 생성과 리스트 출력을 이해하지 못했다면 https://rlog0918.tistory.com/192 이곳을 참고하기 바란다. CommentController.java package controller; import java.io.BufferedReader; import java.io.IOException; import java.io.PrintWriter; import java.util.List; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import..
![[JSP/Servlet] 14. 게시글 파일첨부 - 수정과 삭제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd8MVQf%2FbtsBGpcK2Qj%2FSe9cRRrqgzMQgiUVVl6wk1%2Fimg.png)
첨부파일 등록에 성공했으니 수정과 삭제를 해볼 차례이다. register.jsp를 참조하여 modify.jsp를 작성하되, 기존의 첨부 파일을 hidden으로 숨겨주고 새롭게 등록될 첨부 파일의 input 태그를 달아준다. modify.jsp 자유게시판 글쓰기 제목 내용 ${bvo.content } 첨부파일 등록 취소 수정 화면 만약 기존의 첨부파일에서 새로운 첨부파일로 교체한다면, 기존의 첨부파일의 데이터는 삭제되어야 한다. 이 과정은 비동기화 작업처리를 할 것이므로 Handler package > FileRemoveHandler class를 생성했다. FileRemoveHandler.java package handler; import java.io.File; import org.slf4j.Logger..