상세 내역 - Githubissues

kyung8721 commented 3 weeks ago

[x] Entity class 작성
[x] Dto 작성
[x] 상세 내역 작성 및 수정
[x] 상세 내역 삭제
[x] 화면구성과 연결

kyung8721 commented 4 days ago

[x] 전체 내역 받아오기로 먼저 만들기
[ ] 월을 바꿀 수 있도록 만들기
[x] 해당 월에 맞는 내역만 불러오기

kyung8721 commented 4 days ago

하다 보니 월을 받아오게 만들 수 있을 수도 있을 것 같아 그것도 같이 진행하기로 했다...! 좀 하다 안되면 먼저 전체 내역부터 불러오는걸로!

kyung8721 commented 4 days ago

[x] 컨트롤러에 넣은 해당 월 구별하는 코드 서비스로 옮기기

kyung8721 commented 2 days ago

JPA 사용 시 SQL 변수의 시작은 반드시 소문자로... 아니면 실행이 안됨.

kyung8721 commented 2 days ago

Unable to obtain LocalTime from TemporalAccessor: {},ISO resolved to 2024-11-01 of type java.time.format.Parsed 해당 오류는 자바가 Base Date 값을 DateTime으로 허용하지 않기 때문이므로 LocalDateTime을 LocalDate로 변경하거나 시간을 추가해주면 해결된다. 나는 날짜만 넣고 시간을 안 넣어서 생긴 문제였다..

해결

LocalDateTime selectMonth = null; // 선택된 달
DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd"); // LocalDate 날짜 패턴 지정
selectMonth = LocalDate.parse(selectMonthString, formatter).atStartOfDay();

kyung8721 commented 2 days ago

[x] 예산 예측
[x] 예산 예측 화면 controller 수정
[x] 예산 예측 추가 모달 작성 - 상세 내역 모달 그대로 쓸 것, 수정할 것 있으면 하기
[x] 예산 예측 수정 모달 작성 - 상세 내역 모달 그대로 쓸 것, 수정할 것 있으면 하기

kyung8721 commented 1 day ago

[x] 내역 모달에 넣은 datePicker가 한번 나오면 그 다음부터는 안 나오는걸 발견했다. 왜지?
[x] 자산에 뭘 선택하든지 내역 클릭시 나오는 모달에서는 맨 처음 값이 선택되어 있는걸 확인했다. 수정 필요.

kyung8721 commented 1 day ago

문제 : 내역 모달에 넣은 datePicker가 한번 나오면 그 다음부터는 안 나오는걸 발견했다.

해결했다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

동적 적용.. 뭐 이런 것들도 찾아봤지만 잘 모르겠기도 하고.. 뭔가 따라해도 안되고... z-index도 적용해봤으나 안되고... 이것만 1시간 넘게 찾아봤으나 해결이 안되던 상황이었다.

그런데 생각지도 못한 곳에서 해결이 되었다. 혹시 몰라 on("click", function(){})에 넣었던 .datepiker관련해서 생긴 Uncaught TypeError: $(...).datepicker is not a function를 해결하던 중에 스크립트가 중복되어 들어가면 안된다는 글을 보고 모달에 넣었던 스크립트들을 모두 지운 결과 모달을 누르면 뜨던 오류도(위의 오류와 거의 흡사한 형태였다) Uncaught TypeError: $(...).datepicker is not a function 오류도, 처음 새로고침 한 후 한 번만 뜨던 datepicker도 모두 해결되었다!!!!!

모달을 넣을 때

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>내역 수정</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>

이 부분을 넣지 않으니 부트스트랩 같은 게 적용되지 않아 위의 코드를 넣으면서 혹시 몰라 스크립트 쪽도 넣어놨던 건데 이게 중복되어 버리면서 생긴 문제였던 것이다.... 다음부턴 잘 생각하고 넣어야겠다...ㅜㅜ

요약 :

Uncaught TypeError: $(...).datepicker is not a function 오류가 나왔으면 스크립트 중에 중복된 설정이 있는지 확인할 것
모달 넣을 때 스크립트 부분은 부모창과 중복되지 않게 할 것

kyung8721 commented 1 day ago

위와 관련해서... 그 때 무언가 안되어서

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>내역 수정</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>

이 코드를 다 넣었던 건데 지금 보니 타임리프 코드만 있으면 되는 문제였다. 다 지워야지...

kyung8721 commented 1 day ago

금액 입력하는 곳에 쉼표 넣는 법은 알았지만 테이블에 있는 숫자에 쉼표 넣는 법은 고민 중... 서버에서 처리하고 줘야되나...

kyung8721 commented 1 day ago

타임리프 문법으로 해결했다ㅎㅎ

 th:text="${#numbers.formatInteger(breakdown.cost, 3, 'COMMA')}"
 th:text="${#numbers.formatInteger(넣고 싶은 값, 최소자리수, 구분자)}"

kyung8721 commented 1 day ago

숫자 input에서 쉼표 제거해주는 작업도 넣어줘야 했다.. 아니면 int가 아니라 string으로 들어가서 400에러가 뜸..!

kyung8721 / budgetBook

상세 내역 #8

해결했다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!