Project/외국인 관광객을 위한 카드 플랫폼
-
[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..