Retrospection_W3

📄 2020.11.30 (월)

What did we do?

• [크롱]님 리뷰

  • 우리 팀 리뷰 받았다~! 👥👤👤👥..대단하다..👥👤👤👥
  • 복잡해질 경우 -> 컨테이너보다 커스텀 훅을 쓰는 것도 추천합니다!
  • 틀은 좋은 거 같아요~!
  • common 이라고 하면, 재사용이 된다는 개념인지?
  • 처음부터 재사용을 고민하지 말아랏!
  • 근우님 질문 : 커스텀 훅을 그 컴포넌트 안에 넣어버리면 그 컴포넌트가 커스텀 훅에 종속되서 재활용이 안될수도 있을거 같은데, 이런 방식을 어떻게 해결할 수 있을까요??
  • 크롱님: 컨테이너가 있으니, 그런 단점은 없어진 것이죠! 커스텀 훅을 쓸 때 재사용할 경우는 고민해야겠군요

• 페이지 개발 (모각코)

  • 대시보드
  • 카드/계좌
  • 카테고리/태그

• 마일스톤 생성 & 이슈 등록

• API 작성

  • GET /transaction
  • POST /payment/:userId

• test 작성

  • GET /transaction
    • 단일, 통합

📚 회고

보완할 부분

• :sleeping_accommodation: 😴 😪
• 😭😭

내일 할것

• 작업한 부분 merge
• continue 모각코...

---

📄 2020.12.01 (화)

What did we do?

• 페이지 개발 (모각코)
  • 대시보드
    • 반응형으로 변경
  • 카드/계좌
    • 등록 / 삭제 이벤트 처리 & DB 연동
    • 반응형으로 변경
  • 카테고리/태그
    • 반응형 수정
  • 로그인
    • Oauth api 신청(github/naver)
• API 작성
  • PUT /payment/
  • DELETE /payment/

📚 회고

• 청개구리🐸님 덕에 코드를 이쁘게 수정했다.
• 그치만.. 코딩할 때마다 난관이 생긴다..^^
  • 성장하고 계시군요 추카드립니다.
• 컴포넌트 재사용 해보니까 좋았다.
• 🕐 🏃 🕑 🏃 🕒 🏃 🕓 🕔 🚶 🕕 🕖 🚶 🕗 🕘 🕙 :sleeping_accommodation: 🕚 🕛 😭

보완할 부분

• BE에서 error-handling

내일 할것

• 작업한 부분 merge
• continue 모각코...

---

📄 2020.12.02 (수)

What did we do?

• [호눅스]님 수업 - mongoDB
• 로그인 Oauth(github, naver)
• 모각코
• sweetalert2 적용
• accountBookId를 api call 시에 넘기는 방법에 대한 논의

📚 회고

보완할 부분

📄 2020.12.03 (수)

What did we do?

• transaction crud

  • 백 crud 완성
  • 프론트 read 만 완성

• payment

  • userId, accountBookId 정보를 body가 아닌, header에서 가져오도록 수정
  • 카드 누르면 요청한 카드에 맞는 거래 내역 보여주는 페이지 개발 중

• category/tag

  • tag 추가/수정/삭제 진행중

📚 회고

보완할 부분

troubleshooting

• cors

  • credentials: Configures the Access-Control-Allow-Credentials CORS header. Set to true to pass the header, otherwise it is omitted.

• handleSubmit props로 내려 받아서 쓰기.

  • e.preventDefault 가 안되는듯?
  • 해결 완료. 안보내줬었다ㅋㅋ

• form input 값들 가져오기

  1. e.target.....으로 가져오기
     • 너무 길어진다.... e.target.firstchild.firstElementchild.value
  2. state로 관리 하기
     • input이 8개인데 state가 8개 생성이 된다... 너무 많다.
  3. useRef 쓰기
     • 깔끔하게 되지만 useRef는 DOM 조작 하는거라서... react 쓰는 이유중 하나가 DOM 조작을 안하기 위해서인데...
     • https://ko.reactjs.org/docs/refs-and-the-dom.html

• Mongoose 배열에 중복없이 데이터 추가하기

  • https://stackoverflow.com/questions/35399163/mongoose-array-push-without-duplicate
    • $addToSet
    • $ne

• 보고서 분석 제외하기 기능

  • 카테고리/태그 제외하기 등 보고서 분석에 사용되는 기준들을 어디에 저장해서 관리하면 좋은가?
  1. local-storage/cookie -> 제일 간편할 듯?
  2. DB -> 복잡해진다
  3. store -> 껐다켜면 사라진다

📄 2020.12.04 (금)

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

• 두 페이지 정도 구현할 줄 알았는데, 생각보다 신경써야할 부분은 많고 개발속도는 느려서 예상한 만큼의 작업을 하지 못했다. 남은 기간동안은 더 열심히 해야겠다.
• 구현하면서 기능 돌려보다가 추가해야하는 것들이 생각나고 그래서 다시 바꾸고 이런 게 이번 주에 좀 반복됐던 것 같다! 거창한 기획이 아니더라도 흐름 정도 먼저 생각하고 구현하면 좋을 것 같다.
• 이번 주 내로 필수 기능 구현 하자~

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

• PR을 너무늦게 올려서 팀원들에게 제대로 review 할 시간을 주지못해서 죄송했다. 기능 구현을 전부 마치지 않아도 일단 정한 시간에 PR을 올리도록 해야겠다.
• 어느정도 기획하고 구현 시작해야겠다.
• Redux나 Mongoose나 너무 기계적으로 코드를 작성했던 것 같다. 최대한 자료를 더 많이 찾아보면서 코드를 작성할 필요성을 느꼈다. 테크세미나에서 들은 설명을 바탕으로 Mongoose를 좀 더 찾아봐야겠다.

🤗 발표 후 받은 피드백

• 카드 삭제하면 거래 내역도 동시에 삭제되도록 하면 좋을지?
• 가계부내에서 사용하는 채팅을 기획한 팀이 있었는데, 다른 팀의 서비스와 차별화되는 것 같아서 좋은 것 같았다. 시간이 허락한다면, 다사용자를 위한 서비스도 고려해볼만 할 것 같다.
  • 👍👍👍👍