Oh! Money

어머니의 가르침 그대로 ! 가계부 관리 Oh! Money는 가계부 작성을 쉽고 즐겁게 도와주는 웹 서비스입니다.

👉 oh! 머니 서비스 이용해보기
🎨 Figma 디자인 보기

Development Environment

Config & Package

Frontend

Communication & Collaboration

Version Control & Deployment

아키텍쳐

시스템 구성도

디렉토리 구조

├── App.vue
├── api
│   └── analysis.js
├── assets
│   ├── background.png
│   ├── base.css
│   ├── logo.png
│   ├── main.css
│   ├── mobile_background.png
│   └── profile.png
├── components
│   ├── accounts
│   │   ├── AccountDetailTable.vue
│   │   ├── AccountFilter.vue
│   │   └── AccountHeader.vue
│   ├── calendar
│   │   ├── CalendarHeader.vue
│   │   ├── CalendarTable.vue
│   │   └── DailyAccount.vue
│   └── charts
│       ├── CategoryCircleChart.vue
│       ├── IncomeExpenseChart.vue
│       ├── MonthlyAnalysisChart.vue
│       ├── MonthlySpendingChart.vue
│       ├── ThreeMonthsAnalysisChart.vue
│       └── WeeklyAnalysisChart.vue
├── layouts
│   ├── DefaultLayout.vue
│   ├── HeaderView.vue
│   └── NavBar.vue
├── main.js
├── pages
│   ├── HomeVue.vue
│   ├── account
│   │   ├── AccountCreatePage.vue
│   │   ├── AccountEditPage.vue
│   │   ├── AccountListPage.vue
│   │   └── accountAssets
│   │       ├── AccountIcon.vue
│   │       └── AccountIconGroup.vue
│   ├── analysis
│   │   ├── AnalysisCategory.vue
│   │   ├── AnalysisDashboard.vue
│   │   └── CategoryGroup.vue
│   ├── detail
│   │   └── DetailHistory.vue
│   └── user
│       ├── SigninView.vue
│       ├── SignupView.vue
│       └── newMypageView.vue
├── router
│   └── index.js
└── stores
    ├── analysisStore.js
    ├── categoryStore.js
    ├── filterStore.js
    ├── transactionStore.js
    ├── useCalendarStore.js
    └── userStore.js