첨부파일 처리를 포함한 게시판 CRUD(목록, 조회, 수정) 기능 완성 및 고도화1. BoardController 및 목록 페이지(list.html)의 통합 데이터 연동데이터 소스 변경: BoardController의 list 메서드가 댓글 수와 이미지 정보를 모두 포함하는 listWithAll 서비스를 호출하도록 수정하여 BoardListAllDTO를 반환하게 함목록 내 썸네일 구현: list.html에서 th:if와 th:each를 활용하여 첨부 이미지가 있는 경우에만 100px 크기의 섬네일을 게시글 제목 하단에 동적으로 표시함사용자 경험 향상: 사용자가 목록 화면에서부터 이미지 유무를 즉시 확인할 수 있도록 UI를 개선하고, 기존 제목과 댓글 수 표시 로직을 유지함2. 게시글 상세 조회 페이지(r..

첨부파일 비동기 업로드 구현 및 파일 정보를 포함한 게시글 등록 처리1. 부트스트랩 기반의 파일 업로드 UI 및 모달 구성 (register.html)파일 추가 인터페이스: 사용자가 직관적으로 인지할 수 있도록 'ADD Files' 버튼을 배치하고,클릭 시 파일 선택이 가능한 부트스트랩 모달창이 나타나도록 설계함미리보기 영역(uploadResult): 업로드가 완료된 파일의 섬네일과 파일명을카드(Card) 형태로 동적으로 출력하여 사용자가 업로드 상태를 즉시 확인할 수 있게 함파일 선택 제한: 모달 내의 에 multiple 속성을 부여하여 한 번에 여러 개의 이미지를 선택하고 업로드할 수 있는 환경을 제공함 2. Axios를 활용한 비동기 파일 업로드 및 삭제 로직 (upload.js)uploadToSe..

더보기plugins { id 'java' id 'org.springframework.boot' version '4.0.5' id 'io.spring.dependency-management' version '1.1.7'}group = 'indusw.sba'version = '0.0.1-SNAPSHOT'description = 'admin-2024001910a'java { toolchain { languageVersion = JavaLanguageVersion.of(25) }}repositories { mavenCentral()}dependencies { implementation 'com.mysql:mysql-connector-j' implementa..

DTO와 Querydsl을 활용한 첨부파일 및 댓글 통합 처리 시스템 구현1. 통합 데이터 구조 설계 (BoardImageDTO, BoardListAllDTO)BoardImageDTO:게시글에 첨부된 개별 이미지의 정보(UUID, 파일명, 정렬 순서)를 관리하기 위한 전용 데이터 객체임 BoardListAllDTO:목록 화면에서 게시글 기본 정보는 물론, 댓글 개수(replyCount)와 첨부 이미지 리스트(boardImages)를한 번에 담아 전달하는 통합 DTO임 효율적 데이터 전달:여러 번의 API 호출 없이 한 번의 요청으로 화면 구성에 필요한 모든 데이터를 응답할 수 있도록 구조를 최적화함 2. Querydsl Tuple과 BooleanBuilder를 활용한 동적 검색 조회 (BoardSearc..

JPA 영속성 전이 및 N+1 문제 해결을 포함한 연관관계 데이터 최적화와 Querydsl 기반 페이징 처리 구현1. JPA @OneToMany 영속성 전이 및 고아 객체 제거 설정 (Board.java)CascadeType.ALL: 부모(Board) 데이터 상태 변화 시 자식(BoardImage) 데이터에도 동일하게 전이하여 일괄 처리orphanRemoval = true: 부모 엔티티와의 연관관계가 끊어진 고아 객체(자식 데이터)를 데이터베이스에서 자동 삭제메서드 캡슐화: addImage, clearImages 메서드를 작성하여 안전하게 자식 데이터 추가 및 초기화 수행2. 지연 로딩(Lazy) 오류 해결 및 즉시 로딩 최적화 (BoardRepository.java, BoardRepositoryTest..

보호되어 있는 글입니다.