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

[LauraBoraKim]

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

• Search
  • 파티 가입 모달 에러 해결
    JoinPartyModal과 ConfirmPaymentModal이 제대로 작동하지 않아 해결했다.
  • 검색 기능을 개선하기 위해 다른 로직을 시도해 봤으나 비동기를 사용해야함을 깨닫고
    partySlice와 API, 대폭 수정했다. 다행히 원하는 결과가 나와 검색과 필터링이 잘 이루어지고 있다.
    셀렉트 박스의 조건을 고정하는 기능을 추가하면 UX개선에 효과적일 듯 하다.
  • 전체 파티 조회 기능 구현
    전체파티조회라는 버튼의 의미가 유저 입장에서 헷갈리 수 있을 것 같아 앞에 선택한 OTT를 붙여 UX를 개선했다.
  • 검색을 할 때마다 결과로 나온 파티의 개수를 알려주면 UX에 좋을 것 같아 내의 팀원들과 의논해 봐야겠다.
  • 파티 가입 완료 후 마이페이지로 바로 이동해 유저가 방금 가입한 파티를 바로 확인할 수 있게끔 수정했다.
• Create
  • 파티 생성 완료 후 마이페이지로 바로 이동해 유저가 방금 가입한 파티를 바로 확인할 수 있게끔 수정했다.
  • 결제 직전 로그인 여부를 확인해 비로그인 상태면 로그인 모달의 띄우고, 바로 결제 페이지로 이동해 유저가 파티 생성을 위해 선택했던 옵션들이 삭제되지 않고 바로 파티를 생성할 수 있게끔 구현했다. 이를 위해 LoginURI 슬라이스를 작성해 로그인 완료 후 이동하는 페이지를 상황에 따라 제어할 수 있도록 구현했다.
  • 파티 규칙 확인, 리더 가이드 페이지에서도 유저가 선택한 OTT와 Plan을 표현해 다시 확인할 수 있도록 구현
• 하드 코딩 개선
• 응답 에러 핸들링
  파티 가입, 카드 등록 등의 요청에서 응답 코드를 세분화해 달라고 백엔드에 요청했다.
  그렇게 받은 응답 에러 코드에 따라 어떤 이유로 요청이 실패했는지 유저에게 알린다.
  (ex: 이미 사용 중인 OTT라 파티 생성/가입이 불가한 경우 알림. 혹은 요청에 필요한 정보가 누락된 경우 다시 시도하는 것을 권유)
• MyParty
  파티의 정원만큼 멤버를 아이콘과 멤버 이름으로 표현하고, 아직 정원이 안 찬 경우에는 모집 중인 멤버라고 표현해 UX 개선
• 탈퇴하기 기능 구현

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

• Search 파티 가입 모달 에러
• 검색 필터링 에러
• 에러 핸들링 err.toJSON()

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

• Search의 모달들이 에러가 나 멘붕이 왔었다. 더미데이터를 많이 추가하고 발생한 에러였고,
  꽤나 오래 걸렸지만 원인을 찾아 해결할 수 있었다.
  맵핑된 컴포넌트의 정보를 담은 모달을 띄우고싶은 경우에는, 해당 컴포넌트에서 렌더링되는 것이 아니라
  맵핑이 이루어진 부모 컴포넌트에서 렌더링돼야 한다는 것을 다시금 깨달았다.
  안그러면 클릭 시 맵핑한 컴포넌트 개수만큼 모달이 뜬다...유의하자!
• 이전에 작성한 코드의 로직이 잘못됐음을 깨닫고 대폭 수정하기 전의 두려움.
  혹시 더 이상해지면 어떡하지? 너무 많은 것을 수정해야 하는데? 조금만 수정해 해결할 수는 없을까?
  이런 고민을 아주 잠깐 하긴 했지만 본인이 제일 잘 안다. 방금 떠오른 로직이 더 옳다는 것을!
  고민을 접어두고 대폭 수정하니 아주 잘 구현되었다. 개선을 위해 두려움과 귀찮음은 접어두고 다방면으로 시도해보자.

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

• 포도머니 우선 결제 기능 구현
• setCard 인풋 자동 포커싱
• 게스트 로그인