RSC (2) 썸네일형 리스트형 [Next] react-query QueryClient 올바르게 관리하기 (w. App Router) React에서는 QueryClient를 싱글톤 패턴으로 관리하는 것이 일반적이지만, Next.js App Router환경에서는 다른 접근이 필요합니다. 이번 글에서는 왜 그런지, 그리고 어떻게 관리해야 하는지 자세히 알아보겠습니다! Next.js 서버의 Stateful 한 특성 이해하기먼저 Next.js 서버 환경의 특성을 이해해야 합니다. Stateless vs Stateful 서버Stateless 환경 (예: AWS Lambda):요청 A 들어옴 → [새 Lambda 인스턴스 생성] → 처리 → 인스턴스 종료요청 B 들어옴 → [새 Lambda 인스턴스 생성] → 처리 → 인스턴스 종료요청 C 들어옴 → [새 Lambda 인스턴스 생성] → 처리 → 인스턴스 종료stateless 한 환경에서는 각 .. [Next] Next 살펴보기 저는 얼마 전까지 React로만 개발하다가 최근에 이직을 하며 Next를 처음 제대로 사용해 보게 되었어요. Vue를 사용하다가 React로 넘어왔을 때 만큼의 변화는 아니지만, Next가 버전이 올라가면서 큼직한 변화들이 많이 있었고 그 과정에서 버전별 히스토리가 남아있는 것 같더라구요. 특히 Next13 버전을 기점으로 App Router이 도입되면서 패러다임이 크게 변했기 때문에 이를 특히 주의해야 했습니다. 이러한 변화들을 인지하고 있어야 올바른 개발이 가능할 것 같아서 간략하게 Next의 히스토리와 개발할 때 주의해야할 점에 대해 정리해 보았습니다! Next는 왜 만들어졌을까?React만 사용할 때 겪는 몇 가지 문제점을 해결하기 위해 2016년 Vercel(당시 ZEIT)에서 Next를 만들.. 이전 1 다음
