“리액트 쿼리에 대해 말해야 할 것들” 2부에 오신 것을 환영합니다. 라이브러리와 라이브러리 관련 커뮤니티에 점점 더 많이 참여하면서 사람들이 자주 묻는 패턴을 몇 가지 더 관찰하게 되었습니다. 처음에는 이 모든 것을 하나의 큰 글에 적고 싶었지만, 좀 더 관리하기 쉬운 부분으로 나누기로 결정했습니다. 첫 번째는 매우 일반적이고 중요한 작업에 관한 것입니다: 데이터 변환입니다.

데이터 변환

현실을 직시하자 - 우리 대부분은 GraphQL을 사용하지 않습니다. 사용한다면 원하는 형식으로 데이터를 요청할 수 있다는 점에서 매우 만족할 수 있습니다.

하지만 REST로 작업하는 경우 백엔드에서 반환하는 데이터에 제약을 받습니다. 그렇다면 React Query로 작업할 때 데이터를 가장 잘 변환하는 방법과 위치는 어디일까요? 소프트웨어 개발에서 유일하게 가치 있는 대답은 여기에도 적용됩니다:

상황에 따라 다릅니다.

모든 개발자는 항상

다음은 각각의 장단점이 있는 데이터를 변환할 수 있는 3+1 접근 방식입니다.

0. 백엔드에서

여유가 있다면 제가 가장 선호하는 접근 방식입니다. 백엔드에서 우리가 원하는 구조의 데이터를 정확히 반환한다면 우리가 할 필요가 없습니다. 퍼블릭 REST API로 작업할 때와 같이 많은 경우 비현실적으로 들릴 수 있지만, 엔터프라이즈 애플리케이션에서도 충분히 달성할 수 있습니다. 백엔드를 제어할 수 있고 정확한 use-case에 맞는 데이터를 반환하는 엔드포인트가 있는 경우, 원하는 방식으로 데이터를 전달하는 것이 좋습니다.

🟢 프론트엔드 작업이 없습니다.

🔴 항상 가능하지는 않습니다.