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

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

- **파티 가입 기능**
- 어제 구현한 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 기능 개선