개발 기록
-
[Spring Boot/React] 소비 패턴 그래프 생성 시 백과 연동 문제 해결Project/외국인 관광객을 위한 카드 플랫폼 2024. 8. 9. 10:55
- 소비 패턴 분석 페이지 만들기(백연동o) - 카드 추천 페이지 만들기(백연동o) - 카테고리 crud 테스트용으로 제작 문제: 카테고리 코드는 가져와지는데 그래프에서 띄워질 때 그래프가 안뜸 해결 :파이 차트는 음수 값을 지원하지 않기 때문에, 음수 값이 포함된 데이터를 시각화하려면 다른 방법을 사용해야 합니다. 음수 값은 데이터의 특성상 파이 차트에 적합하지 않지만, 데이터를 양수로 변환하는 방식으로 해결할 수 있습니다.음수 값을 양수로 변환하여 파이 차트에 표시하려면 다음과 같이 할 수 있습니다. 예를 들어, 모든 값을 절대값으로 변환하는 방법입니다.
-
[Spring Boot/React] Google Charts API 연동 - 주간 소비 리포트 만들기Project/외국인 관광객을 위한 카드 플랫폼 2024. 8. 9. 10:52
- 주간 소비 리포트 만들기(백연동o / ui 는아직x) - 구글 차트 api 사용 결제 내역 데이터 가져오기총 결제 금액 계산월 및 주 선택에 따른 데이터 필터링총 지출, 입금, 출금 내역 필터링차트와 필터링된 데이터를 UI에 표시 1. 컴포넌트 상태 및 데이터 가져오기const WeeklyChart = () => { const [usage, setUsage] = useState([]); const [totalPrice, setTotalPrice] = useState(0); const [data, setData] = useState(initialData); // 초기 데이터 설정 const [selectedMonth, setSelectedMonth] = useState(() => { c..
-
[Spring Boot/React] 카드 사용 내역 페이지 만들기Project/외국인 관광객을 위한 카드 플랫폼 2024. 8. 8. 09:03
- 카드 사용 내역 페이지 (백이랑 연동o / ui 아직 신경 안씀)- 백 : store 테이블 crud 테스트용으로 만들기 - 프론트: - 백 store 테이블 crud 만들고 payment entity에 조인 관계 추가 @Data@NoArgsConstructor@AllArgsConstructor@Builder@Entity@Table(name = "payment")public class PaymentEntity { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) Long paymentId; @Column(nullable = false) Double paymentPrice; @Column(nullable = false) LocalDateTime pay..
-
[Spring Boot/React] 카드 CRUD 연동해 카드 슬라이드 UI 제작Project/외국인 관광객을 위한 카드 플랫폼 2024. 8. 7. 20:01
- 카드, 카드유형, 결제 테이블 전체 crud 제작 문제- 카드 슬라이드 배너 제작 중 db 데이터는 넘어오는데 화면에 안보여짐아래가 문제 코드import React, { useState, useEffect } from 'react';import './Card.css';import Flickity from 'react-flickity-component';import axios from 'axios';function Card() { const [selectedCard, setSelectedCard] = useState(null); const [cards, setCards] = useState([]); const flickityOptions = { cellAlign: 'righ..
-
[React] Google Charts API 연동 / 소비 패턴 분석, 주간 소비 리포트 만들기Project/외국인 관광객을 위한 카드 플랫폼 2024. 8. 6. 11:28
https://developers.google.com/chart/interactive/docs/gallery/columnchart?hl=ko 시각화: 세로 막대형 차트 | Charts | Google for DevelopersSVG 또는 VML을 사용하여 브라우저에서 렌더링된 세로 막대 그래프인 열 차트를 만드는 방법을 알아보세요.developers.google.com - 구글 차트 api 사용해서 소비 패턴 분석, 주간 소비 리포트 만들기 (아직 백이랑 연동 x) - 소비 패턴 분석에 사용할 도넛 차트 만들기import React from 'react';import { Chart } from 'react-google-charts';const MyChart = () => { const dat..
-
[백준/JAVA] 2606번: 바이러스Algorithm 2024. 7. 19. 15:38
https://www.acmicpc.net/problem/2606 - 정답 코드import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.util.StringTokenizer;// DFS 사용// 감염된 컴퓨터의 수 계산public class Main { static int node; // 컴퓨터 수 static int line; // 직접 연결 컴퓨터수 static int[][] arr; // 연결 컴퓨터 쌍 저장 배열 static boolean[] visited; // 방문 여부 저장 배열 static int birusCnt = 0; // 감염된..
-
[백준/JAVA] 21314번: 민겸 수Algorithm 2024. 7. 19. 09:38
https://www.acmicpc.net/problem/21314 - 정답 코드import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;// 민겸 수가 십진수로 변환되었을 때 가질 수 있는 최댓값과 최솟값public class Main { public static void main(String[] args) throws IOException{ BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); String mg = br.readLine(); // MKM StringBuilder..
-
[백준/JAVA] 1931번: 회의실 배정Algorithm 2024. 7. 18. 17:12
https://www.acmicpc.net/problem/1931 - 정답 코드import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.util.Arrays;import java.util.StringTokenizer;// 회의실을 사용할 수 있는 회의의 최대 개수// (1,4), (5,7), (8,11), (12,14) 를 이용할 수 있다.public class Main { public static void main(String[] args) throws IOException{ BufferedReader br = new BufferedReader(new Input..