스프린트 5-6주차 웹 프로젝트 - 가계부

ERD

• 

SERVER API

• API LINK

Getting start

1. install
    /front, /back : npm i
2. dotenv
    /back => .env.example
3. initiallize db
    /back : sequelize db:create && sequelize db:seed
4. run
    webpack-dev-server: /front npm run build
    app: /back npm run dev

폴더 구조

``
📦 front
 ┣ 📂src
 ┃ ┣ 📂components
 ┃ ┣ 📂models
 ┃ ┣ 📂public
 ┃ ┣ 📂states
 ┃ ┣ 📂template
 ┃ ┣ 📂util
 ┃ ┣ 📂views
 ┃ ┣ 📜App.js
 ┃ ┣ 📜index.js
 ┃ ┣ 📜index.scss
 ┣ 📜.eslintrc.js
 ┣ 📜.babelrc
 ┣ 📜pakage.json

📦back
 ┃ ┣ 📂src
 ┃ ┃ ┣ 📂config
 ┃ ┃ ┣ 📂controller
 ┃ ┃ ┣ 📂models
 ┃ ┃ ┣ 📂passport
 ┃ ┃ ┣ 📂public
 ┃ ┃ ┣ 📂route
 ┃ ┃ ┣ 📂sedders
 ┃ ┃ ┣ 📜app.js
 ┃ ┣ 📜package.json

주요 기능

• 수입 지출 내역 관리(등록 수정 삭제)

  

• 수입 지출 내역 관리(등록 수정 삭제)

  

• svg 를활용한 수입 지출 내역 통계 그래프

  

• svg 를 활용한 시계열 그래프 구현