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

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

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