20231220 TIL 과제 리팩토링

목표

• query  key 상수 선언

새로 알게 된것/ 오늘의 코드

react query에서 휴먼에러를 줄이기 위해서 

query key들을 상수로 선언해서 사용할 수 있는데 이것을 내 과제에 대입해서 사용할 것 이다.

 

우선 hook 폴더를 만든 뒤 keys.constant.ts를 만들어 준다. 

export const QUERY_KEY = {
  TODOS: 'todos'
};

 

이렇게 해준다음에 

  const handleRemoveButton = () => {
    deleteMutation.mutate(todo.id, {
      onSuccess: () => {
        queryClient.invalidateQueries(QUERY_KEY.TODOS);
      }
    });
  };

이런 식으로 넣어주면 된다. 

 

그리고 useMutation 같은경우도 hook으로 만들어서 코드를 간결하게 할 수 있는데  typescript로 하는 법은 아직 모르겟어서 연구하고 내일 올려야겠다.

 

오늘의 알고리즘

2023.12.21 - [알고리즘 풀이 모음] - 두 정수 사이의 합

두 정수 사이의 합

목표 달성여부

• query  key 상수 선언

내일 목표

• 쿼리 졸업하기