Tanstack query 구조에 관해 질문 드립니다.
엔드포인트마다 훅을 만드는 게 가장 좋은 방법일까요? 엔드포인트가 많아진다면 파일이 너무 많아질 것 같은데 더 좋은 방법이 있을까요?
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. 항상공부하는벌레님.
Tanstack Query, 특히 React Query에서는 엔드포인트별로 훅을 만드는 것이 일반적인 접근 방식입니다. 이렇게 하면 각 엔드포인트에 대해 독립적인 캐싱이나 상태 관리를 할 수 있어 유지보수가 용이해집니다. 하지만, 엔드포인트의 수가 많아지면 파일이 많이 늘어날 수 있습니다. 이를 관리하기 위한 몇 가지 방법을 소개드립니다.
디렉토리 구조 개선:
- 관련된 엔드포인트들을 기준으로 파일을 그룹화하여 관리할 수 있습니다. 예를 들어, 같은 리소스를 다루는 엔드포인트들을 하나의 폴더에 모으는 방식입니다.
- 관련된 엔드포인트들을 기준으로 파일을 그룹화하여 관리할 수 있습니다. 예를 들어, 같은 리소스를 다루는 엔드포인트들을 하나의 폴더에 모으는 방식입니다.
공통 로직 추출:
- 공통적으로 사용되는 로직이나 옵션들은 별도의 파일로 분리하여 재사용할 수 있도록 하면 코드의 중복을 줄일 수 있습니다.
- 공통적으로 사용되는 로직이나 옵션들은 별도의 파일로 분리하여 재사용할 수 있도록 하면 코드의 중복을 줄일 수 있습니다.
동적 키 사용:
- 훅 인자에 따라 다르게 구성될 수 있는 단일 쿼리 훅을 만들어 관리할 수도 있습니다. 다만, 이 경우 관리가 너무 복잡해지지 않도록 주의해야 합니다.
- 훅 인자에 따라 다르게 구성될 수 있는 단일 쿼리 훅을 만들어 관리할 수도 있습니다. 다만, 이 경우 관리가 너무 복잡해지지 않도록 주의해야 합니다.
React Query와 관련된 더 많은 정보를 아래 링크에서 찾아보실 수 있습니다. 이 링크는 대규모 프로젝트에서의 쿼리 관리에 대한 다른 접근 방식도 도움이 될 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
secureTextEntry 설정에 관해
0
56
2
expo 55 tabs 사라짐 이슈
0
76
2
백엔드도 궁금합니다!
1
84
1
댓글 버튼 하단에 고정되지 않는 이슈
0
52
1
SafeAreaView 적용 기준 문의
0
80
2
스크린 옵션 아이콘
0
55
2
[Note] 안드로이드 네비게이션 헤더 이슈 안내
0
65
2
ActionSheet
0
84
1
안드로이드 폰과 PC에서 테스트할때 화면 안보임과 오류 문의
0
98
1
iOS 빌드 후 실기기에서 앱 시작
1
69
1
[5-2] 글 목록 무한스크롤 구현하기 with InfiniteQuery 10:40/ useScrollTop(ref) 사용관련
0
83
2
클라이언트 사이드에서 세션 관련 질문
0
81
2
Android 에뮬레이터 환경설정 및 실행 (for Mac) 에러 문의
0
111
1
[5-13] useLikePost 쿼리 구현 중 Tanstack Query 관련 질문
0
63
1
Expo 54 버전 ios에서 headerLeft
1
139
2
어플 개발 후 배포 시에 주의할 사항이 있을까요?
0
78
1
코드 수정 시 ios 시뮬레이터에서 자동반영이 안 되는데 왜그럴까요?
0
91
1
텍스트가 다 상단위로 올라가있는데 어떻게 해야할까요?
0
78
2
Axios Network error...
0
149
2
강의는 52버전인데 expo가 현재 54버전이에요
0
306
1
[TIP] SafeAreaView 사용할 때마다 자꾸 ios에서 위아래가 빵꾸 나시는 분들 필독
0
233
2
키보드 이슈 관련 해결 질문
0
72
1
android header를 ios처럼 바꾸기
0
66
1
CustomButton 코드 버튼 관련 질문
0
64
1





