| 구분 | queryKey (쿼리 키) | mutationKey (뮤테이션 키) |
| 목적 | 데이터 캐시 식별 및 관리, 자동 갱신 | 뮤테이션 식별, Devtools 디버깅, 기본값 설정 |
| 필수 여부 | 필수 | 필수 아님 |
| 갱신 방법 | 이 키를 사용하여 데이터를 가져옴 | 이 키를 사용하여 캐시를 갱신하지 않음 (onSuccess에서 queryKey를 무효화함) |
queryKey는 데이터 캐시 관리를 위해 거의 필수적으로 선언되지만, mutationKey는 그렇지 않은데 (오히려 안 쓰이는 경우가 더 많은 것 같기도 하다) queryKey처럼 반드시 선언해야 되는 것으로 오해하기 쉬운 것 같다.
'React.js' 카테고리의 다른 글
| [React.js+Vite] `manualChunks` 설정으로 초기 번들 크기 줄이기 (0) | 2026.01.20 |
|---|---|
| 간편 회원가입 api 없는 간편 회원가입 만들기 (feat. 카카오 간편 로그인) (0) | 2025.10.29 |
| 클라이언트 컴포넌트가 비동기 함수가 될 수 없는 이유 (4) | 2025.08.13 |
| react query(tanstack query)로 요청 최적화 해본 후기 (5) | 2025.08.06 |
| useEffect 안에 함수를 선언 및 호출하는 방식 vs 밖에서 선언하고, 안에서 호출하는 방식 (1) | 2025.07.27 |