Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] 입금 상태를 변경하고 '수정완료' 버튼 클릭 시, 중복 이름 버그 발생 #611

Merged
merged 2 commits into from
Sep 26, 2024

Conversation

soi-ha
Copy link
Contributor

@soi-ha soi-ha commented Sep 25, 2024

issue

구현 사항

🚨 백엔드 api 수정 이후, merge 진행

버그 발생 상황

입금 상태만을 변경하고 '수정완료' 버튼을 클릭하면 "중복 이름입니다" 버그가 발생했습니다.
이에 대한 문제는 api 구조의 문제로 결론이 났습니다. 따라서 해당 문제의 해결은 백엔드의 수정 후에 정확히 확인해봐야 할 것 같습니다.

또 다른 버그 발생 상황 사전 방지

전체 참여자 delete,put 요청 mutate대신 mutateAsync를 사용하여 요청 순서 보장했습니다.
순서를 보장하지 않는다면 delete 요청 전에 put 요청이 먼저 갈 수 있다는 문제가 존재합니다.
delete 요청 전, put 요청이 가는 것이 왜 문제냐? 생각하실 수 있습니다. put 요청은 delete가 요청이 된 것을 기반으로 데이터가 존재합니다. 따라서 delete 요청이 무조건 선행 되어야 put 요청을 전송할 수 있습니다.

🫡 참고사항

@soi-ha soi-ha added 🖥️ FE Frontend 🚨 bug bug labels Sep 25, 2024
@soi-ha soi-ha added this to the lev4 milestone Sep 25, 2024
@soi-ha soi-ha self-assigned this Sep 25, 2024
Copy link

Copy link
Contributor

@jinhokim98 jinhokim98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

mutateAsync로 바꿔주신 내용 확인했습니다.
하지만 mutateAsync로 내보내줬다고 해서 순서가 보장되지 않고 mutateAsync 호출처에서 await을 사용해줘야 delete 요청을 기다린 후에 put요청을 보낼 수 있습니다.
이것 때문에 request change 드립니다.

Copy link
Contributor

@pakxe pakxe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋은 해결책인 것 같아요~!!

@@ -20,7 +20,7 @@ const useRequestPutMembers = () => {
},
});

return {putMember: mutate, ...rest};
return {putMember: mutateAsync, ...rest};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 👍 👍

@Todari Todari modified the milestones: lev4, v2.0.0 Sep 25, 2024
Copy link
Contributor

@Todari Todari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생햇서요~!~!

@@ -20,7 +20,7 @@ const useRequestDeleteMember = () => {
},
});

return {deleteMember: mutate, ...rest};
return {deleteMember: mutateAsync, ...rest};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

우리가 지금 사용하고 있는 react-query hook들이 다 같은 이름 형식으로 내보내고 잇는데,
deleteMember가 mutateAsync를 내보낸 거라는걸 알기 위해서는
deteleMemberAsync와 같은 식으로 내보내줘도 좋을 것 같아요~!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 ~ 알겠습니댜! 좋은 것 같아요

@jinhokim98 jinhokim98 self-requested a review September 26, 2024 00:35
Copy link
Contributor

@jinhokim98 jinhokim98 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이후 pr에서 잘 적용해주셔서 approve로 바꿀게요!

Copy link

@soi-ha soi-ha merged commit 1733748 into fe-dev Sep 26, 2024
2 checks passed
@soi-ha soi-ha deleted the feature/#600 branch September 26, 2024 06:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

4 participants