개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 21. 01:57[Spring] 21. 게시물 등록 - 파일 업로드 기능 추가

register.jsp 글쓰기 // ... (기존 코드) 파일 업로드 등록 취소 boardFile.js document.getElementById('trigger').addEventListener('click', ()=>{ document.getElementById('files').click(); }); const regExp = new RegExp("\.(.exe|sh|bat|dll|jar|msi)$"); const maxSize = 1024 * 1024 * 20; function fileValidation(fileName, fileSize) { if(regExp.test(fileName)) { return 0; } else if (fileSize > maxSize) { return 0; } else ..

[Spring] 18. 댓글 - 수정(+Modal) / 삭제
개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 19. 14:42[Spring] 18. 댓글 - 수정(+Modal) / 삭제

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..

[Spring] 17. 댓글 - 리스트 더보기 + 게시판 댓글 개수
개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 19. 11:20[Spring] 17. 댓글 - 리스트 더보기 + 게시판 댓글 개수

detail.jsp // ... (기존 코드) 댓글 더보기 // ... (기존 코드) 댓글 더보기 버튼을 하나 작성한다. js에서 사용하기 위해 id를 moreBtn이라고 선언해주었고, 댓글의 첫 페이지 부분을 설정하기 위해 data-page는 1로 주었다. style에 visibility는 버튼이 시각적으로 보이게 할건지 아닌지 설정하는데 댓글이 일정 숫자 이상이 되면 더보기 버튼이 보이게 하고 싶어서, hidden으로 값을 주고 js에서 처리한다. PagingHandler.java package com.basicWeb.www.handler; import java.util.List; import com.basicWeb.www.domain.CommentVO; import com.basicWeb.www.d..

[Spring] 16. 댓글 - 생성 / 리스트
개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 18. 14:52[Spring] 16. 댓글 - 생성 / 리스트

detail.jsp Writer 등록 Writer modAt content 게시물 상세페이지에 댓글을 입력할 곳과 댓글이 뿌려질 곳의 위치를 미리 잡아 주었다. Writer 등록 Writer modAt content 그 후, detail에서 bno를 받아 js에서는 bnoVal로 사용하기 위해 script를 작성했다. src > main > webapp > resources > js 하위에 boardComment 이름의 javaScript 파일을 생성하고 script를 detail.jsp에 추가했다. boardComment.js console.log('boardComment.js in~!!'); console.log(bnoVal); document.getElementById('cmtPostBtn').ad..

[Spring] 13. 게시판 - 검색
개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 17. 15:05[Spring] 13. 게시판 - 검색

PagingVO.java package com.basicWeb.www.domain; import lombok.Getter; import lombok.Setter; import lombok.ToString; @ToString @Setter @Getter public class PagingVO { // ... (기존 코드) private String type; private String keyword; // ... (기존 코드) public String[] getTypeToArray() { return this.type == null ? new String[] {} : this.type.split(""); } } TypeToArry() Methd는 type이 null 이라면 배열로 생성해주고, null이 아..

728x90
반응형
image