• Next.js 12 및 이전: pages/ 디렉토리를 통한 파일 시스템 기반 라우팅.
• Next.js 13: app/ 디렉토리를 활용한 App Router 도입으로 새로운 라우팅 방식 추가.
• Next.js 14: App Router의 기능 강화 및 컴포넌트 기반 라우팅 중심 구조 확립.
• Next.js 15 : App Router의 안정적인 버전이라고 생각하면 됨. (React19와의 호환성)

React 18의 Pages Router

Next.js 15는 React 18과 Pages Router 간의 하위 호환성을 유지하므로 사용자는 Next.js 15의 개선 사항의 이점을 누리면서 React 18을 계속 사용할 수 있습니다.

결론

Pages Router를 활용하면서도 최신 기능과 개선 사항을 활용하고자 하고

추 app router로 마이그레이션 또한 원활하게 진행 가능하게 하려면

Next.js 13, 14버전 사용 하는게 좋아 보임

상태관리 라이브러리 고민

✔️ Tanstack Query는 데이터 패칭 및 캐싱에 유리, 많은 네트워크 요청과 데이터 패칭이 있으면 적합

✔️ Redux는 여러 구성 요소에서 공유, 복잡한 상태 관리에 유리, 복잡한 상태 관리를 요구할 경우 적합

Redux와 TanStack Query의 역할 차이

• Redux: 전역 UI 상태를 관리하는 데 적합하며, 애플리케이션의 최소한의 데이터를 저장하고 공유할 때 사용하기 좋습니다. 그러나 비동기 통신 및 캐싱에는 추가적인 설정과 로직이 필요해 복잡해질 수 있습니다.
• TanStack Query (구 React Query): 서버 상태 관리를 위해 설계되었으며, 자동화된 캐싱, 리페치, 에러 처리, 비동기 데이터 로드 등을 지원합니다. 데이터 캐싱과 비동기 통신 관리에 최적화되어 있어 서버에서 주로 가져오는 데이터를 효율적으로 관리합니다.

Tanstack Query**와 Redux의 주요 차이점은** Tanstack **Query는 서버 상태 및 캐싱 관리에 중점을두고**

Redux는 클라이언트 측 애플리케이션 상태 관리에 중점을 둔다는 것입니다.

고민의 핵심