개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 20. 23:00[Spring] 20. 게시물 파일 업로드 기초 MVC 구성

sql -- 2024-01-19 CREATE TABLE file( uuid VARCHAR(256) NOT NULL, save_dir VARCHAR(256) NOT NULL, file_name VARCHAR(256) NOT NULL, file_type TINYINT(1) DEFAULT 0, bno BIGINT, file_size BIGINT, reg_at DATETIME DEFAULT now(), PRIMARY KEY(uuid) ); FileVO.java package com.basicWeb.www.domain; import lombok.AllArgsConstructor; import lombok.Getter; import lombok.NoArgsConstructor; import lombok.Setter..

개발자가 되기까지 (2023.08.16~2024.04.15)/[Spring] Basic Web2024. 1. 19. 22:34[Spring] 19. 게시물 파일 업로드 설정

먼저, 업로드한 파일을 본인이 저장하고 싶은 경로에 폴더를 생성한다. 그 후, config package에 코드를 추가한다. pom.xml는 파일 업로드에 관한 설정을 처음에 미리 해주었으므로 추가적인 작업은 필요치 않다. WebConfig.java package com.basicWeb.www.config; import javax.servlet.Filter; import javax.servlet.MultipartConfigElement; import javax.servlet.ServletRegistration.Dynamic; import org.springframework.web.filter.CharacterEncodingFilter; import org.springframework.web.servlet..

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

728x90
반응형
image