백엔드 개발자 꿈나무의 코딩 공부.... (아직 한참 부족하다....)

이번 글에서는 댓글 CRUD기능 중 수정(U)과 삭제(D)에 관한 글을 써보려고 합니다.부족해도 이해하고 봐주세요... :) 1. html에 수정 버튼 만들기 : 댓글수정 좋아요  좋아요 수 :   댓글삭제  댓글수정 data-reply-seq 속성은 각 댓글의 고유 식별자인 replySeq 값을 담습니다.data-reply-member-id 속성은 댓글 작성자의 ID를 담습니다.data-login-user-id 속성은 현재 로그인한 사용자 ID를 담습니다.onclick 속성은 버튼이 클릭되었을 때 실행할 JavaScript 함수(replyEdit)를 지정합니다.replyEdit(this)에서 this는 현재 클릭된 버튼 요소를 가리키며..

1. 클래스 생성package com.demo.domain;import java.util.Date;import org.hibernate.annotations.ColumnDefault;import org.hibernate.annotations.DynamicInsert;import org.hibernate.annotations.DynamicUpdate;import jakarta.persistence.Entity;import jakarta.persistence.GeneratedValue;import jakarta.persistence.GenerationType;import jakarta.persistence.Id;import jakarta.persistence.JoinColumn;import jakarta.p..

리뷰 CRUD 기능을 구현하면서 이미지 업로드와 삭제 기능은 따로 다루지 않았기에, 이번 글에서는 이를 중점적으로 공부하고 기록해 보려 합니다. 서버에 파일을 업로드하고 저장하는 과정과 업로드된 이미지를 삭제하는 방법까지 하나씩 실습하며 정리할 예정입니다.  업로드 및 삭제 파일 관리를 위한 클래스 생성package com.demo.domain;import java.io.IOException;import java.nio.file.Files;import java.nio.file.Path;import java.nio.file.Paths;import org.springframework.web.multipart.MultipartFile;public class FileUploadUtil { public stati..

삭제 버튼 추가 (reviewDetail.html)button class="delete-btn" type="button" onclick="delete_review()">리뷰 삭제button> 클릭 시 호출할 함수 작성review.js > delete_review() 함수 추가 var writer = /*[[${review.member.id}]]*/ ''; var viewer = /*[[${loginUser.id}]]*/ ''; var review_seq = /*[[${review.review_seq}]]*/ 0;function delete_review() { // 작성자와 현재 로그인한 사용자가 동일한지 확인 if (writer === viewer) { swal.fire({ ..

리뷰 상세보기 및 수정// 리뷰 상세 화면@GetMapping("/review_detail")public String reviewDetailView(HttpSession session, Model model, @RequestParam("review_seq") int review_seq) throws Exception { Member loginUser = (Member)session.getAttribute("loginUser"); Review review = reviewService.getReviewBySeq(review_seq); if(loginUser != null) { model.addAttribute("loginUser", loginUser); } // 어보드한 이미지 파일 URL 리..

Controller - 리뷰 메인화면 호출// 리뷰 메인 화면 @GetMapping("/review") public String reviewMain(Model model, HttpSession session) {     ListReview> reviews = reviewService.getAllReview();      model.addAttribute("reviews", reviews);      return "review/reviewMain"; } @GetMapping("/review") 메서드는 메인 페이지를 요청할 때 호출됩니다.리뷰 목록 조회: reviewService.getAllReview() 메서드를 통해 전체 리뷰 목록을 가져오고, 이를 reviews라는 이름으로 모델에 추가하여 템플릿에서..

1. Review 클래스 생성package com.demo.domain;import java.util.Date;import java.util.List;import org.hibernate.annotations.ColumnDefault;import org.hibernate.annotations.DynamicInsert;import org.hibernate.annotations.DynamicUpdate;import jakarta.persistence.ElementCollection;import jakarta.persistence.Entity;import jakarta.persistence.GeneratedValue;import jakarta.persistence.GenerationType;import jak..

ID 찾기// 아이디 찾기 화면function findId() {     // ID찾기 버튼 클릭 시 새 창을 열어 ID 찾기 페이지를 표시합니다.      window.open('/find-id', '아이디찾기', 'width=400,height=300');}// 아이디 찾기 화면 @GetMapping("/find-id") public String findIdView() {     return "login/findId"; } 사용자가 "ID 찾기" 버튼을 클릭하면, findId() 함수가 호출되고 /find-id 경로의 새로운 팝업 창이 열립니다.팝업 창이 열리며 서버에 /find-id GET 요청을 보내고, Spring Boot Controller는 findIdView() 메서드를 통해 login/f..

join.htmlDOCTYPE html>html xmlns:th="http://www.thymeleaf.org">head>meta charset="utf-8">title>jointitle>link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.min.css">script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.mi..

login.html DOCTYPE html>html xmlns:th="http://www.thymeleaf.org">head>meta charset="utf-8">title>logintitle>link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.min.css">script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2..