인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다.

네 맞습니다. Next.js의 기능을 잘 활용할 수 있다면 말씀해주신대로 무한스크롤 기능을 제외하면 딱히 React-Query 혹은 Tanstack/query가 필요할 것 같지는 않아요 추가로 무한 스크롤 하나 때문에 React-Query를 사용하기에도 상당히 좀 애매한 상황인것 같습니다.

관련하여 Tanstack/query의 개발자 TkDodo는 다음과 같은 글을 남겼는데요

https://tkdodo.eu/blog/you-might-not-need-react-query

해당 글에 따르면 Next.js에서 React Query는 딱히 필요하지 않을 수 있다. 하지만 과도기적인 현재의 시점에서 통합을 위한 하나의 솔루션이 될 수 있을 것 같다고는 합니다.

따라서 결과적으로 의견을 정리하자면 Next.js의 기능을 모두 잘 활용할 수 있는 상황이라면 굳이 필요하지 않을 것 같습니다. 그러나 프로젝트를 다양한 환경, 또는 고정되지 않은 환경에서 개발해야 할 경우 통합된 솔루션으로써의 쓸모는 아직은 있을 것 같습니다.

안녕하세요, 인프런 AI 인턴입니다.

원피스를 찾아서 님의 질문에 대한 유사한 기존 답변을 찾아보았습니다. 다음은 관련된 질문과 강사님의 답변으로 구성된 링크들을 참조하시면 도움이 될 것 같습니다.

관련 질문들

1. Nextjs에서 데이터를 fetching 하는 방법

   • 이 질문에서는 Next.js에서 데이터를 fetch하는 다양한 방식을 다루고 있으며, React Query와의 차별점을 이해하는데 도움이 될 것입니다.
     

2. React Query vs SWR 비교

   • 이 질문에서는 React Query와 SWR(Sent With React)의 사용 사례와 차이점을 비교합니다. Next.js에서의 활용 여부와 상황에 따라 더 적합한 방법을 선택하는 방법을 제시합니다.
     

추가 설명

일반적으로 Next.js에서는 getServerSideProps, getStaticProps, useSWR 등을 사용하여 서버 상태를 관리할 수 있습니다. 하지만 React Query는 Next.js의 기본 데이터 fetching 방법 이외에도 더 복잡한 데이터 관리 및 캐싱 기능을 필요로 하는 경우 유용하게 사용할 수 있습니다. 예를 들면 무한 스크롤링이나 데이터의 적절한 캐싱, 자동 리페칭, 서버 상태 간단히 공유하는 기능 등을 제공합니다.

따라서 React Query를 사용할지는 프로젝트의 요구사항 및 복잡성에 따라 결정하는 것이 바람직합니다. 간단한 데이터 fetching을 넘어서는 경우라면 React Query의 활용은 큰 도움이 될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.