Retrospection_W2

📄 2020.11.23 (월)

What did we do?

• backend framework 설치(Koa), dotenv, lint + prettier, mongodb, mongoose
• schema 검토 및 부분 작성

📚 회고

보완할 부분

• error-handling

  • try-catch를 쓸지 아니면 전역 default error handling을 할지
  • https://github.com/koajs/koa/blob/master/docs/error-handling.md
  • https://github.com/koajs/koa/wiki/Error-Handling

• db와 통신하는 코드들을 어디에 둘지 고민.

  1. 서버에서 바로 db와 통신
  2. 따로 폴더에 분리
     • 분리시 model 폴더는 schema를 정의 하므로 다른 폴더에 넣기 예) user.repository.js
  3. schema 정의 하는 곳(model 폴더)에서 바로 db와 통신하는 code를 작성해서 그 메서드들을 export한다(schema로 만든 model 대신).
     • 파일에 책임이 3개이다. (스키마 정의, model을 만들고, db와 통신)

내일 할것

• api 명세서 작성
• back log 작성

📄 2020.11.24 (화)

📄 2020.11.24 (화)

What did we do?

• BackLog 작성

• Backend 작업환경 설정

  • body-parser 모듈 설치 및 post 테스트
  • eslint-config-prettier, eslint-plugin-prettier 모듈 설치
  • @koa/cors 모듈 설치

• Frontend 작업환경 설정

  • react, react-redux 설치
  • @reduxjs/toolkit 모듈 설치

• 스키마 작성

  • User Schema

    • _id, name, email, imageURL
    • provider: 어떤 인증방식을 써서 로그인한 것인지? (naver, github, ...)
    • providerId: 로그인 시 callback 으로 받아지는 Id 저장 (추후 비교를 위해 저장해둠)
    • startDayOfWeek: 월요일 ~ 일요일 중에 어디를 달력 시작으로 할지?
    • startDateOfMonth: 1 ~ 31일 중 어디를 시작할지?
    • imageURL: 사용자 프로필
    • createAt: 가입 일
    • paymentMethod: 카드 이름(KB 국민카드, 카카오),

  • Transaction Schema

    • accountBookId: 가계부 id
    • userId: 해당 user
    • date: 생성된 날짜
    • category: 어느 분야에서의 수입인지 지출인지
    • paymentMethod: 카드인지 현금인지
    • description: 설명
    • cost: 돈
    • tag: #가족여행, #식비
    • imageURL: 수입/지출 관련 사진을 넣으려면 넣기위해

  • AccountBook Schema

    • title: 가계부 이름,
    • authorizedUsers: 가계부에 인증되어있는 사용자

  • Category Schema

    • 6개 ~ 20개 모든 user에게 동일하게 보여줄 것
    • 카테고리는 따로 커스텀 안되고, 커스텀은 tag에서 진행

  • PaymentMethod Schema

    • 원래는 계획했었는데, Transaction 데이터를 통해 각 카드별로 filter를 구현하면 어떨지?
    • 우선은 user Model과 합쳤음

    • // user.model에서 처리 예정
      const mongoose = require('mongoose');
      
      const { Schema } = mongoose;
      
      const paymentMethodSchema = new Schema({
       name: String,
      });
      
      module.exports = mongoose.model('paymentMethod', paymentMethodSchema);
      

📚 회고

• 찐사장님이 로그인을 해주신다고 하십니다.. 충성 ㅠㅠ ^^7
• 오전/오후 충실하게 팀원들과 작업을 했습니다.

오늘 할 것 (우선 순위 순으로!)

• redux 자체 공부
• react toolkit 공부
• react 공부
  • react Memo는 언제 써야할지 등 알아보기
• 공부하고 [기술 공유] 에 올리기

참고 자료

• 벨로퍼트 리액트 리덕스
• jbbe react toolkit 설명
• toolkit 공식문서
• react toolkit + redux + container/presentational + test 예제
• ReactMemo 들어가있는 컴포넌트 예제

내일 할 것

• Redux 공부한 내용 공유 (함께 성장하기! 🙆‍♂️🙆‍♀️)
  • 시간 나면 react-toolkit도 공부하기!
• ncloud 서버 생성 & 배포
• 서버 생성 완료되면 => github Action
  • github action yml

📄 2020.11.25 (수)

What did we do?

📚 회고

📄 2020.11.26 (목)

What did we do?

📚 회고

📄 2020.11.27 (금)

🙋‍♂️ 이번주는 어땠나요?

🛠️ 개선할 사항이 있을까요?

🤗 발표 후 받은 피드백