[:writing_hand: Dev Log] 김보라 / 2021-12-16

[LauraBoraKim]

오늘은 어떻게 프로젝트에 기여했나요?

• 파티 가입 기능
• 어제 구현한 Search의 각 Party를 클릭하면 해당 파티의 정보가 모달로 출력되고(JoinPartyModal.js)
  로그인 완료 후 결제 정보 확인 모달(ConfirmPaymentModal.js)이 나온다.
  이 모달은 Create의 ConfirmPayment 컴포넌트와 같은 기능을 해 비슷하게 구현했다.
  결제 정보가 모두 등록되었다면, 파티 가입 요청을 보내 파티 가입 기능 구현을 성공했다.
• 마이페이지
  • 유저가 소속되어 있는 파티를 마이페이지의 기본 페이지인 MyParty.js 컴포넌트에서 표현한다.
    getUsersParty 요청을 통해 서버로부터 받은 유저의 파티 데이터만큼 PartyCard.js를 렌더링해 각 파티 정보를 표현한다.
    PartyCard를 클릭하면 각 파티 아이디를 url로 parmas를 보내 파티 상세 페이지로 이동한다.
    각 파티 객체는 props를 통해 보냈다.
  • 결제 수단 관리 메뉴 / MyPayment.js
  • 인출 계좌 관리 메뉴 / MyAccount.js
    • 은행과 계좌 번호를 입력 받아 updateAccount 요청을 보내 등록했다.
    • 이미 등록이 되어 있다면 state.payment에 있는 계좌 정보를 출력한다.
    • 은행정보는 은행코드로 되어있기 때문에 Utils의 bankList객체를 통해 은행 이름을 출력한다.
  • Podo 정산일 관리 메뉴 / MySettlement.js

오늘의 프로젝트에서 어떤 에러가 발생했고, 어떻게 해결했나요?

• 팀원의 로컬에서 Serach컴포넌트에서 파티가 출력이 안되는 에러
  • getFilterdPaties 요청이 잘 가고, 응답도 잘 오는데 응답에 파티가 0개로 오는 문제가 있었다.
    원인은 start date에 있었다. Podo의 파티 가입은 시작일이 내일 이후인 파티만 가입이 가능한데,
    Calendar는 startDate가 내일로 잘 설정되어 있지만
    Search는 new Date로 즉, 오늘로 설정되어 있어 서버에서 검색결과가 0으로 나온 것이었다.
• 필터링된 알맞는 파티 데이터가 잘 응답되었지만, Party컴포넌트에서 price 정보가 null이라 mapping이 안되는 에러
  getAllOTT 요청이 이루어지지 않아 발생한 에러였다.
  useEffect에서 dispatch(getAllOtt())를 렌더링 초기에 실행함에도
  Redux DevTools에서 확인하면 액션 실행이 되지 않는 것을 알게 되었다.
  우선 getFilteredParties API에 getAllOtt 액션을 추가해 해결할 수 있었다.
  다만 useEffect의 함수가 왜 실행이 안됐는지는 좀더 찾아보고 해결해야겠다.

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 팀원이 하드코딩으로 구현한 코드를 다시 작성해 개선하는 것
• 나의 로컬, 팀원의 로컬, 배포 환경에서 모두 잘 실행되도록 에러를 해결하는 과정!

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 불필요한 요청이 있는지 확인해 개선하기
• 각 에러 응답 코드별로 핸들링
• 404화면 만들어 UX 개선하기
• 로딩 핸들링
• Search 기능 개선