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

앞서 소개한 댓글 CRUD 기능 구현에 이어, 오늘은 댓글 좋아요 기능을 구현하려고 합니다.부족하더라도 좋게 봐주세요 :) + 댓글의 좋아요 기능을 위해 테스트용 댓글 작성1. 클래스 생성package com.demo.domain;import jakarta.persistence.Entity;import jakarta.persistence.GeneratedValue;import jakarta.persistence.GenerationType;import jakarta.persistence.Id;import jakarta.persistence.JoinColumn;import jakarta.persistence.ManyToOne;import lombok.AllArgsConstructor;import lombok..

이번 글에서는 댓글 삭제 및 댓글 좋아요 기능에 대해 써보려고 합니다..저번 글에서 하려고 했느데 오류가 많아서 수정하다보니 깜빡했어요;;  부족하지만 좋게 봐주세요 :)1. 삭제 버튼 Html댓글삭제data-* 속성은 HTML5에서 표준화된 커스텀 데이터 속성으로, 자바스크립트에서 데이터를 전송하거나 스타일링을 위해 데이터를 HTML 요소에 저장할 때 유용하게 사용됩니다.th:data-reply-seq속성에 reply.replySeq 값이, th:data-reply-member-id 속성에 댓글 작성자 ID인 reply.member.id 값이, th:data-login-user-id속성에 로그인한 사용자 ID인 loginUser.id 값JavaScript에서 버튼을 클릭할 때 이러한 data-* 속성에..

이번 글에서는 댓글 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..

삭제 버튼 추가 (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라는 이름으로 모델에 추가하여 템플릿에서..

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