[Hotfix] 레이싱 게임에서 점수 백분위 api 연결이 중복해서 여러번 호출되는 문제 해결 #51

minani-0621 · 2024-08-19T07:36:15Z

✅ 구현사항

Dunkkkk

리팩토링은 같이 해봅시다!

Dunkkkk · 2024-08-19T07:48:40Z

Caecae/src/components/RacingGame/RacingGame.tsx

  const [isButtonDisabled, setIsButtonDisabled] = useState<boolean>(false);
+  const debouncedDistance = useDebounce(state.distance, 50);


distance가 아니라 topRate에 거는것이 좋아보입니다!

Dunkkkk · 2024-08-19T07:49:27Z

Caecae/src/hooks/useDebounce.tsx

+
+function useDebounce<T>(value: T, delay: number): T {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+


isInit같은 변수를 useState로 만들어서 최초에 접근까지 제거하면 좋을 것 같습니다!

minani-0621 added 2 commits August 19, 2024 16:32

hotfix: useDebounce 훅 구현

7fbe107

hotfix: 레이싱 게임에서 게임 종료 시에만 점수 백분위 api를 한 번만 호출하도록 구현

a4f7496

Dunkkkk approved these changes Aug 19, 2024

View reviewed changes

Dunkkkk merged commit 5462746 into develop Aug 19, 2024
1 check passed

Dunkkkk deleted the hotfix/refactorTopRateApi branch August 19, 2024 07:49

minani-0621 added the Hotfix hotfix label Aug 19, 2024

		const [isButtonDisabled, setIsButtonDisabled] = useState<boolean>(false);
		const debouncedDistance = useDebounce(state.distance, 50);


		function useDebounce<T>(value: T, delay: number): T {
		const [debouncedValue, setDebouncedValue] = useState(value);