-
+
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 5fb372c..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-
-
-
{{ msg }}
-
- You’ve successfully created a project with
- Vite +
- Vue 3 .
-
-
-
-
diff --git a/src/components/HomeComponent.vue b/src/components/HomeComponent.vue
new file mode 100644
index 0000000..0212882
--- /dev/null
+++ b/src/components/HomeComponent.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
deleted file mode 100644
index dab9536..0000000
--- a/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
-
- Documentation
-
- Vue’s
- official documentation
- provides you with all information you need to get started.
-
-
-
-
-
- Tooling
-
- This project is served and bundled with
- Vite . The
- recommended IDE setup is
- VSCode +
- Volar . If
- you need to test your components and web pages, check out
- Cypress and
- Cypress Component Testing .
-
- README.md.
-
-
-
-
-
- Ecosystem
-
- Get official tools and libraries for your project:
- Pinia ,
- Vue Router ,
- Vue Test Utils , and
- Vue Dev Tools . If
- you need more resources, we suggest paying
- Awesome Vue
- a visit.
-
-
-
-
-
- Community
-
- Got stuck? Ask your question on
- Vue Land , our official
- Discord server, or
- StackOverflow . You should also subscribe to
- our mailing list and follow
- the official
- @vuejs
- twitter account for latest news in the Vue world.
-
-
-
-
-
- Support Vue
-
- As an independent project, Vue relies on community backing for its sustainability. You can help
- us by
- becoming a sponsor .
-
-
diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue
deleted file mode 100644
index ac366d0..0000000
--- a/src/components/WelcomeItem.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
-
-
-
diff --git a/src/components/home/chart/DoughnutChartComponent.vue b/src/components/home/chart/DoughnutChartComponent.vue
new file mode 100644
index 0000000..ce436e9
--- /dev/null
+++ b/src/components/home/chart/DoughnutChartComponent.vue
@@ -0,0 +1,230 @@
+
+
+
+
+
+
+
diff --git a/src/components/home/chart/GraphChartComponent.vue b/src/components/home/chart/GraphChartComponent.vue
new file mode 100644
index 0000000..88c735b
--- /dev/null
+++ b/src/components/home/chart/GraphChartComponent.vue
@@ -0,0 +1,180 @@
+
+
+
+
+
+
+
diff --git a/src/components/home/chatbot/ChatBotComponent.vue b/src/components/home/chatbot/ChatBotComponent.vue
new file mode 100644
index 0000000..54c63a9
--- /dev/null
+++ b/src/components/home/chatbot/ChatBotComponent.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
도움이 필요하시면 저를 불러주세요!
+
+
+
+
+
+
+
+
+
diff --git a/src/components/home/chatbot/ChatWindowComponent.vue b/src/components/home/chatbot/ChatWindowComponent.vue
new file mode 100644
index 0000000..5ae7342
--- /dev/null
+++ b/src/components/home/chatbot/ChatWindowComponent.vue
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+ {{ message.text }}
+
+
{{ message.time }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/home/goal/AnalysisComponent.vue b/src/components/home/goal/AnalysisComponent.vue
new file mode 100644
index 0000000..2400be9
--- /dev/null
+++ b/src/components/home/goal/AnalysisComponent.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
📢AI 금융 비서 비비가 알려드려요!
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/home/goal/GoalComponent.vue b/src/components/home/goal/GoalComponent.vue
new file mode 100644
index 0000000..37ef9f3
--- /dev/null
+++ b/src/components/home/goal/GoalComponent.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+ {{ curAccountBookGoal }}
+
+
+
+ 목표 설정하기
+
+
+
+
diff --git a/src/components/home/history/AccountBookComponent.vue b/src/components/home/history/AccountBookComponent.vue
new file mode 100644
index 0000000..a0bb99e
--- /dev/null
+++ b/src/components/home/history/AccountBookComponent.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+ {{ accountBookName }}
+
+
+ {{ accountBookNumber }}
+
+
+ {{ accountBookBalance }}
+ 원
+
+
+
+ 조회
+
+
+
+
diff --git a/src/components/home/history/HistoryComponent.vue b/src/components/home/history/HistoryComponent.vue
new file mode 100644
index 0000000..6e7af6d
--- /dev/null
+++ b/src/components/home/history/HistoryComponent.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+
diff --git a/src/components/home/history/HistoryDataComponent.vue b/src/components/home/history/HistoryDataComponent.vue
new file mode 100644
index 0000000..4388bc2
--- /dev/null
+++ b/src/components/home/history/HistoryDataComponent.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+ {{ date }} {{ time }}
+
+
+ {{ history.title }}
+
+
+ {{ history.category_name }}
+
+
+ {{ type }}
+
+ {{ amount }}
+
+ 원
+
+
+
+
+
+
diff --git a/src/components/sidebar/SideBarComponent.vue b/src/components/sidebar/SideBarComponent.vue
new file mode 100644
index 0000000..ed01524
--- /dev/null
+++ b/src/components/sidebar/SideBarComponent.vue
@@ -0,0 +1,76 @@
+
+
+
+ 내 통장
+
+
+ 💰 {{ accountBook.title }}
+
+
+
+
+
+
diff --git a/src/components/topbar/InvitePeopleComponent.vue b/src/components/topbar/InvitePeopleComponent.vue
new file mode 100644
index 0000000..7f8c96f
--- /dev/null
+++ b/src/components/topbar/InvitePeopleComponent.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
diff --git a/src/components/topbar/ShowPeopleComponent.vue b/src/components/topbar/ShowPeopleComponent.vue
new file mode 100644
index 0000000..77dab03
--- /dev/null
+++ b/src/components/topbar/ShowPeopleComponent.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
diff --git a/src/components/topbar/TopbarComponent.vue b/src/components/topbar/TopbarComponent.vue
new file mode 100644
index 0000000..ed6655b
--- /dev/null
+++ b/src/components/topbar/TopbarComponent.vue
@@ -0,0 +1,165 @@
+
+
+
+
+ ☰
+
+
+
{{ curAccountBookTitle }}
+
+
+ People
+
+
+ Invite
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/trash/TempHistoryComponent.vue b/src/components/trash/TempHistoryComponent.vue
new file mode 100644
index 0000000..8145461
--- /dev/null
+++ b/src/components/trash/TempHistoryComponent.vue
@@ -0,0 +1,249 @@
+
diff --git a/src/components/trash/TempHistoryDetailComponent.vue b/src/components/trash/TempHistoryDetailComponent.vue
new file mode 100644
index 0000000..a6957f2
--- /dev/null
+++ b/src/components/trash/TempHistoryDetailComponent.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
카테고리
+
+
+
금액
+
+
+
내역
+
+
+
자산
+
+
+
메모
+
+
+
+
+ 수정
+ 삭제
+
+
+
+
diff --git a/src/components/trash/TempHistoryTableComponent.vue b/src/components/trash/TempHistoryTableComponent.vue
new file mode 100644
index 0000000..19b404d
--- /dev/null
+++ b/src/components/trash/TempHistoryTableComponent.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+ 날짜
+ 분류
+ 카테고리
+ 금액
+ 내역
+ 자산
+
+
+
+
+ {{ history.date }}
+ {{ history.type }}
+ {{ history.category }}
+ {{ history.amount }}원
+ {{ history.title }}
+ {{ history.source }}
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 5dcad83..a305d3a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,14 +1,28 @@
-import './assets/main.css'
+// import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { fas } from '@fortawesome/free-solid-svg-icons'
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap';
+
import App from './App.vue'
import router from './router'
+library.add(fas)
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap';
+
const app = createApp(App)
app.use(createPinia())
app.use(router)
+app.component('font-awesome-icon', FontAwesomeIcon)
+
app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index a49ae50..d43fc4d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,21 +1,18 @@
import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import HomeComponent from '@/components/HomeComponent.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
- name: 'home',
- component: HomeView
+ redirect: '/account-books/1' // 루트 경로에서 /account-books/1로 리다이렉트
},
{
- path: '/about',
- name: 'about',
- // route level code-splitting
- // this generates a separate chunk (About.[hash].js) for this route
- // which is lazy-loaded when the route is visited.
- component: () => import('../views/AboutView.vue')
+ path: '/account-books/:accountBookIdx',
+ name: 'HomeComponent',
+ component: HomeComponent,
+ props: true // 매개변수를 컴포넌트로 전달
}
]
})
diff --git a/src/stores/accountbook.js b/src/stores/accountbook.js
new file mode 100644
index 0000000..0cf9735
--- /dev/null
+++ b/src/stores/accountbook.js
@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia';
+import apiInstance from './axios-instance';
+
+export const useAccountBookInfoStore = defineStore('accountBook', {
+ state: () => ({
+ curAccountBook: {
+ id: 0,
+ title: "",
+ accountName: "",
+ accountNumber: "",
+ balance: 0,
+ goal: ""
+ }
+ }),
+ actions: {
+ async getAccountBookMembers(accountBookId) {
+ try {
+ const res = await apiInstance.get(`/account-books/${accountBookId}/users`);
+ return res.data.data;
+ } catch (err) {
+ console.error(err);
+ }
+ },
+ async addAccountBookMember(accountBookId, email) {
+ try {
+ const res = await apiInstance.post(`/account-books/${accountBookId}/users`, {
+ email: email
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ },
+ async getAccountBookInfo(accountBookId) {
+ try {
+ const res = await apiInstance.get(`/account-books/${accountBookId}`);
+
+ this.curAccountBook.id = res.data.data.id;
+ this.curAccountBook.title = res.data.data.title;
+ this.curAccountBook.accountName = res.data.data.accountName;
+ this.curAccountBook.accountNumber = res.data.data.accountNumber;
+ this.curAccountBook.balance = res.data.data.balance;
+ this.curAccountBook.goal = res.data.data.goal;
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ }
+});
diff --git a/src/stores/accounthistory.js b/src/stores/accounthistory.js
new file mode 100644
index 0000000..6309f0e
--- /dev/null
+++ b/src/stores/accounthistory.js
@@ -0,0 +1,36 @@
+import { defineStore } from 'pinia';
+import apiInstance from './axios-instance';
+
+export const useAccountHistory = defineStore('accountHistory', {
+ state: () => ({
+ accountHistories: [],
+ accountExpenses: [],
+ accountIncomes: []
+ }),
+ actions: {
+ async getCurrentMonthExpenses(accountBookIdx) {
+ try {
+ const res = await apiInstance.get(`/account-books/${accountBookIdx}/history/expense`);
+ this.accountExpenses = res.data.data;
+ } catch (err) {
+ console.error(err);
+ }
+ },
+ async getCurrentMonthIncomes(accountBookIdx) {
+ try {
+ const res = await apiInstance.get(`/account-books/${accountBookIdx}/history/income`);
+ this.accountIncomes = res.data.data;
+ } catch (err) {
+ console.error(err);
+ }
+ },
+ async getAllHistories(accountBookIdx) {
+ try {
+ const res = await apiInstance.get(`/account-books/${accountBookIdx}/history`);
+ this.accountHistories = res.data.data;
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ }
+});
diff --git a/src/stores/axios-instance.js b/src/stores/axios-instance.js
new file mode 100644
index 0000000..7ffa3c3
--- /dev/null
+++ b/src/stores/axios-instance.js
@@ -0,0 +1,7 @@
+import axios from 'axios';
+
+const apiInstance = axios.create({
+ baseURL: "http://localhost:8080/api/v1"
+});
+
+export default apiInstance;
diff --git a/src/stores/category.js b/src/stores/category.js
new file mode 100644
index 0000000..3be7deb
--- /dev/null
+++ b/src/stores/category.js
@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia';
+import apiInstance from './axios-instance';
+
+export const useCategoryStore = defineStore('category', {
+ state: () => ({
+ categories: []
+ }),
+ actions: {
+ async getCategories() {
+ try {
+ const res = await apiInstance.get('categories');
+ this.categories = res.data.data.sort((a, b) => a.idx - b.idx);
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ }
+});
diff --git a/src/stores/counter.js b/src/stores/counter.js
deleted file mode 100644
index b6757ba..0000000
--- a/src/stores/counter.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ref, computed } from 'vue'
-import { defineStore } from 'pinia'
-
-export const useCounterStore = defineStore('counter', () => {
- const count = ref(0)
- const doubleCount = computed(() => count.value * 2)
- function increment() {
- count.value++
- }
-
- return { count, doubleCount, increment }
-})
diff --git a/src/stores/member.js b/src/stores/member.js
new file mode 100644
index 0000000..54ee58d
--- /dev/null
+++ b/src/stores/member.js
@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia';
+import apiInstance from './axios-instance';
+
+export const useMemberStore = defineStore('member', {
+ state: () => ({
+
+ }),
+ actions: {
+ async getAccountBooks(memberId) {
+ try {
+ const res = await apiInstance.get(`members/${memberId}/account-books`);
+ return res.data.data;
+ } catch (err) {
+ console.error(err);
+ }
+ }
+ }
+});
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a..0000000
--- a/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
This is an about page
-
-
-
-
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6bb706f..ff35ae4 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,29 @@
-
-
+
+
+
+ 
+ 
+ 
+ 
+