fastAPI 심화

- Chart.js - pdf, csv 파일 업로드 후 데이터 정제하여 llm으로 처리 후 결과 도출 - sqlite로 데이터 저장 - ORM - SQLAlchemy
2026-06-16 18:03:02 +09:00
parent ccfdac1286
commit 06eb3c57ab
43 changed files with 1912 additions and 39 deletions
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <H2>신용카드 사용내역 분석</H2>
+    <div>
+        <input type = "text" name = "question" id = "question" size = "50">
+        <button type="button">질문하기</button>
+    </div>
+    <hr>
+    <div id="answer"></div>
+    <script src="{{ url_for('static', path='js/analysis.js')}}"></script>
+</body>
+</html>
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <h2>카드 정보 추가</h2>
+    <div>
+        <input type="file" name="file" id="file">
+        <button id="uploadBtn">업로드</button>
+    </div>
+    <hr>
+    <div id="result"></div>
+    <script src="{{ url_for('static', path='js/card.js')}}"></script>
+</body>
+</html>
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <h2>소비내역 대시보드</h2>
+    <div style ="width: 700px; height: 300px">
+        <canvas id="categoryChart"></canvas>
+    </div>
+        <div style ="width: 700px; height: 300px">
+        <canvas id="monthlyChart"></canvas>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="{{ url_for('static', path='js/dashboard.js')}}"></script>
+</body>
+</html>
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <h2>카드 소비 내역</h2>
+    <table border = "1">
+        <tr>
+            <th>날짜</th>
+            <th>카테고리</th>
+            <th>가맹점</th>
+            <th>금액</th>
+        </tr>
+        <tbody>
+            {% for row in history %}
+            <tr>
+                <td>{{ row.date }}</td>
+                <td>{{ row.category }}</td>
+                <td>{{ row.merchant }}</td>
+                <td>{{ row.amount }}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</body>
+</html>
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <h1>신용카드 분석</h1>
+    <ul>
+        <li>
+            <a href="/card/upload">1. 카드 사용 정보 업로드</a>
+        </li>
+        <li>
+            <a href="/api/card/history">2. 카드 사용 내역 확인</a>
+        </li>
+        <li>
+            <a href="/card/dashboard">3. 카드 소비 내역 대시보드</a>
+        </li>
+        <li>
+            <a href="/card/analysis">4. 카드 소비 내역 분석 및 조언</a>
+        </li>
+    </ul>
+</body>
+</html>