반응형 nextjs2 Jira Clone - Hono + TanStack React Query 설정 패키지 설치bun add @tanstack/react-query@5.59.0 QueryProvider 설정고급 서버 검색 advanced serverhttps://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr#initial-setup단일 책임 원칙에 따라 React Query만 담당하는 전용 Provider를 생성src/└── app/└── component/ └── ui/ └── dottedSeparator.tsx └── query-provider.tsx'use client'import { isServer, QueryClient, QueryClientProvider,} from '@tanstack/react-.. 2025. 9. 16. Jira-Clone - Next.js + Hono API 라우팅 기본 API Route 구조 testNext.js App Router에서는 app/api 폴더 내에 route.ts 파일을 생성하여 API 엔드포인트를 만든다.app/└── api/ └── test/ └── route.tsexport function GET(){ return Response.json({hello:"world"})} http://localhost:3000/api/test 동적 라우팅 (Dynamic Routes)사용자 ID나 상품 ID 같은 동적 값을 처리하려면 대괄호 []를 사용app/└── api/ ... └── users/ └── [userId] └── route.tsexport function GET( req:.. 2025. 9. 16. 이전 1 다음 반응형
