AccountBook

less than 1 minute read

[Vanilla JS를 이용한 가계부 웹서비스 구현]


💰AccountBook

1주차엔 백엔드, 2주차엔 프론트엔드를 구현했습니다.

설치

npm i
npx webpack
npm start

주간 계획서 1주차

월 09/28

  • 환경설정
    • ncloud 서버 개설
    • DB 설치
  • 주간 계획서 작성
  • github 기획 설정
    • milestone을 주간별로 만든다.
    • 개발해야 할 기능(feature)을 깃헙 issue항목에 등록한다.
  • express 설치
    • [선택] 보일러 플레이트 clone
    • express + mysql2 사용.

월 10/05

  • 서버 자동배포를 적용한다.
  • DB 설계
    • ERD 작성
      • ERD 작성을 선행 후 DB를 설계한다.
    • [선택] Sequelize ORM을 적용한다.
  • API 구현
    • 백엔드는 JSON 기반의 Web API로 응답.

화 10/06

  • JWT 인증로직
    • 로그인
    • 로그아웃

수 10/07

  • 마무리 작업

목 10/08

  • 문서작성

주간 계획서 2주차

월 10/12

  • 환경설정
    • 웹팩 설정
  • 주간 계획서 작성
  • github 기획 설정
    • milestone을 주간별로 만든다.
    • 개발해야 할 기능(feature)을 깃헙 issue항목에 등록한다.

화 10/13

  • observer 패턴 적용
  • 내역화면 구현
  • 통계화면 구현

수 10/14

  • 통계화면 구현(마무리)
  • 결제수단 관리

목 10/15

  • 구현 마무리
  • 리팩토링

금 10/16

  • 문서작성

  • feature 개발이 끝나면 바로바로 dev 브랜치로 머지한다. 하루 최소 1회 이상 머지한다.
  • 개발해야 할 기능(feature)을 깃헙 issue항목에 등록한다.
  • milestone을 주간별로 만든다.
  • issue로 등록할때 담당자/milestone/작업의 크기 등 자세한 내용을 함께 적는다.

ERD

J20_ERD

데모

URL : http://115.85.182.190/

🔍깃허브 링크

실행화면

1) 내역화면

list

2) 달력화면

calender

3) 통계화면

통계

Categories:

Updated:

Comments