전체 글 338

[Spring + Chart.js] 월간 기여도 시각화 기능 구현기

✅ [Spring] 월간 점수 통계 기능 구현기 (feat. Chart.js + SQL 디버깅)📌 구현 목적FairPlay 프로젝트에서 가사노동의 기여도를 시각화하기 위해그룹 단위 + 멤버별 월간 점수 조회 기능을 구현했다.🧱 1. 기능 개요항목설명📆 기준completed_at 날짜 기준으로 YYYY-MM 단위 집계🧠 계산 방식history + todo 조인 후 난이도 점수 합산📊 시각화Chart.js로 바 차트 그리기📃 뷰 페이지monthlyScore.jsp🌍 진입 경로/history/monthly-score?group_id=1&yearMonth=2025-07 🔧 2. 주요 구현 내용📁 DTO 생성public class MemberMonthlyScore { private Integer ..

카테고리 없음 2025.07.30

[Spring MVC] JSP에서 댓글 수정 기능 인라인 구현하기 (with jQuery + 템플릿 리터럴 주의사항)

💬 JSP 댓글 수정 기능, "EL 태그 하나로 인생이 바뀐다?"🧩 기능 목표히스토리 상세 페이지에서 댓글의 수정 버튼 클릭 시,기존 댓글 내용이 에 그대로 보여야 하고수정 후 "등록" 버튼을 누르면 수정된 내용이 DB에 반영되며변경된 내용이 즉시 화면에도 반영되어야 한다.❗ 문제 상황처음엔 UI는 잘 나왔지만, 실제로는 두 가지 문제가 있었다:1. textarea 안에 기존 댓글 내용이 보이지 않음 contentDiv.innerHTML = ` ${original}... `; 2. 등록 버튼을 누르면, 화면에 빈 만 출력됨수정한 내용을 서버로 POST 전송 후,wrapper.querySelector(".comment-content").innerHTML = `${content}`; 를 통해 갱신을..

카테고리 없음 2025.07.29

댓글 수정 UI 개선 작업 기록

✏️ 댓글 수정 UI 개선 작업 기록✅ 작업 목적기존 댓글 수정 UI는 가 항상 숨겨져 있다가 수정 버튼 클릭 시 보이는 방식하지만 여러 문제 발생:기존 댓글 내용이 textarea에 제대로 안 나오는 경우 있음수정 후 등록 버튼을 눌러도 값 반영이 안됨UI/UX가 직관적이지 않고, 버튼 배치가 어수선함그래서 더보기 버튼(⋮)과 드롭다운 메뉴 방식으로 개선🛠 주요 변경 사항구분변경 전 변경 후 UI수정/삭제 버튼이 항상 보임⋮ 버튼 클릭 시 드롭다운으로 수정/삭제 표시수정 방식숨겨진 영역을 토글기존 내용을 바로 로 대체버튼 구성수정 / 저장 / 취소 / 삭제가 한 화면에 노출수정 클릭 시 등록 / 취소만 표시됨AJAX 처리.val()로 값 가져옴textarea.value를 JS로 직접 처리 💡 핵..

카테고리 없음 2025.07.28