dev + it dev naming type generic Generic type parameter naming convention for Java (with multiple chars)?In some interfaces I wrote I'd like to name generic type parameters with more than one character to make the code more readable. Something like.... Map<Key,Value> Instead of this... Map&l... wono | discuss | tweet + it dev naming type generic TypeScript Generics. Discussing naming conventionsWe can find the concept of generic types across many languages such as Java, C#. Naturally, they found their way into TypeScript. In this article, we discuss their purpose and provide various examples. We also discuss naming conventions for generics that we can stumble upon. Introducing TypeScript Generics One of the qualities that we strive […] wono | discuss | tweet + it dev nextjs modal Next.js 14 강좌 6편. 인터셉팅 라우팅(Intercepting Routes)과 병렬 인터셉팅 라우팅(Parallel Intercepting Routes) 살펴보기Next.js에서 라우팅 가로채기인 인터셉팅 라우팅과 병렬 인터셉팅 라우팅에 대해 살펴보기 wono | discuss | tweet + it dev nextjs modal [Next.js] parellel routes + intercepting routes로 모달 만들기next.js app router에서 추가된 Parallel Routes와 Intercepting Routes를 이용한 모달 만들기 wono | discuss | tweet + it dev nextjs api Next.js API Routes: The Ultimate GuideLearn how to build robust, secure, and efficient API endpoints in Next.js. This comprehensive guide will walk you through the critical best practices for creating robust, secure, and efficient API endpoints in Next.js. wono | discuss | tweet + it dev nextjs request headers Routing: Middleware | Next.jsLearn how to use Middleware to run code before a request is completed. wono | discuss | tweet + it dev nextjs headers Routing: Route Handlers | Next.jsCreate custom request handlers for a given route using the Web's Request and Response APIs. wono | discuss | tweet + it dev nextjs apiroute r is not a function when wrapping API route with a function · Issue #67833 · vercel/next.jsLink to the code that reproduces this issue https://github.com/Floriferous/next-api-bug To Reproduce Clone this repo: https://github.com/Floriferous/next-api-bug Run it with npm run dev Visit '/' with your browser Notice the error r is n... wono | discuss | tweet + it dev nextjs handler Next.js의 API Routes 코드 모듈화에 대해서API Routes를 사용하면 코드가 매우 지저분해진다. API Routes를 사용하면서 어떻게 하면 코드를 보기 좋은 형태로 남길 수 있을지 고민한 흔적. wono | discuss | tweet + it dev nextjs authjs Auth.js(NextAuth.js) 핵심 정리Auth.js(NextAuth.js)는 Next.js 프로젝트의 사용자 인증 및 세션 관리를 위한 라이브러리로 Google, GitHub 등의 다양한 인증 공급자를 지원하며, Next.js의 서버와 클라이언트 측 모두에서 인증 및 세션 관리를 손쉽게 처리할 수 있습니다. wono | discuss | tweet + it dev nextjs ssr Upgrading: Migrating from Vite | Next.jsLearn how to migrate your existing React application from Vite to Next.js. wono | discuss | tweet + it dev nextjs api error feature request: api route global error handling · vercel/next.js · Discussion #49984https://github.com/y-nk/nonorepo/blob/69b8cac445c72885c6cfd5f8e7eff90deb2b6a05/next-utils/src/catchAll.ts#L92 wono | discuss | tweet + it dev typscript namespace Quick Start Typescript ~ 8장 정리📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 8장 모듈📝253p. 모듈 필요성 유지보수 전역 스코프 오염 방지 재사용성 모듈러 프로그래밍 기반 과정 모듈 식별 모듈 분리 선언 외부 공개 📝254p. 내부 모듈, 외부 모듈 차이타입스크립트 1.5부터 Namespce라는 특징과 ES wono | discuss | tweet + it dev ops db uuid UUID Benchmark WarThis month’s PGSQL Phriday #015 topic is about UUIDs, hosted by Lætitia Avrot. Lætitia has called for a debate. No, no, no. I say let’s have an all-out war. A benchmark war. I have deci… wono | discuss | tweet + it dev react Failed form propType: You provided a `value` prop to a form field without an `onChange` handlerWhen I load my react app I get this error in the console. Warning: Failed form propType: You provided a value prop to a form field without an onChange handler. This will render a read-only f... wono | discuss | tweet + it dev nextjs react-query Next.js와 React Query로 SSR 사용하기Next.js와 React Query로 SSR 사용하기 wono | discuss | tweet + it dev nextjs react-query Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweet + it dev nextjs react-query How to Use React Query in Next.js Client ComponentsLearn how to integrate React Query in Next.js client components to improve your apps. Use React Query to handle data fetching, mutations, and revalidation. wono | discuss | tweet + it dev nextjs react-query Type-Safe Fetch with Next.js, Strapi, and OpenAPIThis blog post will teach you how to achieve type safety in a front-end application used for your Strapi backend. You can accomplish this with just a few lines of code using a REST API and the fetch… wono | discuss | tweet + it dev nextjs jest Next.js with Typescript 프로젝트 테스트 코드 작성하기(jest, testing-library/react)1. 현재 프로젝트 구성Next.js App router 사용TypescriptEslint 2. 테스트 툴 선택Jest 와 Testing Library 를 사용하기로 결정 3. 세팅1) Testing Libray React 패키지 설치(참고 : Installation - With Typescript)npm install --save-dev @testing-library/react @testing-library/dom @types/react @types/react-dom 2) Jest (React) 패키지 설치(참고: Testing React Apps - Setup With Create React App)npm install --save-dev jest react-test-renderer (참고: Nex.. wono | discuss | tweetNext
+ it dev naming type generic Generic type parameter naming convention for Java (with multiple chars)?In some interfaces I wrote I'd like to name generic type parameters with more than one character to make the code more readable. Something like.... Map<Key,Value> Instead of this... Map&l... wono | discuss | tweet
+ it dev naming type generic TypeScript Generics. Discussing naming conventionsWe can find the concept of generic types across many languages such as Java, C#. Naturally, they found their way into TypeScript. In this article, we discuss their purpose and provide various examples. We also discuss naming conventions for generics that we can stumble upon. Introducing TypeScript Generics One of the qualities that we strive […] wono | discuss | tweet
+ it dev nextjs modal Next.js 14 강좌 6편. 인터셉팅 라우팅(Intercepting Routes)과 병렬 인터셉팅 라우팅(Parallel Intercepting Routes) 살펴보기Next.js에서 라우팅 가로채기인 인터셉팅 라우팅과 병렬 인터셉팅 라우팅에 대해 살펴보기 wono | discuss | tweet
+ it dev nextjs modal [Next.js] parellel routes + intercepting routes로 모달 만들기next.js app router에서 추가된 Parallel Routes와 Intercepting Routes를 이용한 모달 만들기 wono | discuss | tweet
+ it dev nextjs api Next.js API Routes: The Ultimate GuideLearn how to build robust, secure, and efficient API endpoints in Next.js. This comprehensive guide will walk you through the critical best practices for creating robust, secure, and efficient API endpoints in Next.js. wono | discuss | tweet
+ it dev nextjs request headers Routing: Middleware | Next.jsLearn how to use Middleware to run code before a request is completed. wono | discuss | tweet
+ it dev nextjs headers Routing: Route Handlers | Next.jsCreate custom request handlers for a given route using the Web's Request and Response APIs. wono | discuss | tweet
+ it dev nextjs apiroute r is not a function when wrapping API route with a function · Issue #67833 · vercel/next.jsLink to the code that reproduces this issue https://github.com/Floriferous/next-api-bug To Reproduce Clone this repo: https://github.com/Floriferous/next-api-bug Run it with npm run dev Visit '/' with your browser Notice the error r is n... wono | discuss | tweet
+ it dev nextjs handler Next.js의 API Routes 코드 모듈화에 대해서API Routes를 사용하면 코드가 매우 지저분해진다. API Routes를 사용하면서 어떻게 하면 코드를 보기 좋은 형태로 남길 수 있을지 고민한 흔적. wono | discuss | tweet
+ it dev nextjs authjs Auth.js(NextAuth.js) 핵심 정리Auth.js(NextAuth.js)는 Next.js 프로젝트의 사용자 인증 및 세션 관리를 위한 라이브러리로 Google, GitHub 등의 다양한 인증 공급자를 지원하며, Next.js의 서버와 클라이언트 측 모두에서 인증 및 세션 관리를 손쉽게 처리할 수 있습니다. wono | discuss | tweet
+ it dev nextjs ssr Upgrading: Migrating from Vite | Next.jsLearn how to migrate your existing React application from Vite to Next.js. wono | discuss | tweet
+ it dev nextjs api error feature request: api route global error handling · vercel/next.js · Discussion #49984https://github.com/y-nk/nonorepo/blob/69b8cac445c72885c6cfd5f8e7eff90deb2b6a05/next-utils/src/catchAll.ts#L92 wono | discuss | tweet
+ it dev typscript namespace Quick Start Typescript ~ 8장 정리📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성 8장 모듈📝253p. 모듈 필요성 유지보수 전역 스코프 오염 방지 재사용성 모듈러 프로그래밍 기반 과정 모듈 식별 모듈 분리 선언 외부 공개 📝254p. 내부 모듈, 외부 모듈 차이타입스크립트 1.5부터 Namespce라는 특징과 ES wono | discuss | tweet
+ it dev ops db uuid UUID Benchmark WarThis month’s PGSQL Phriday #015 topic is about UUIDs, hosted by Lætitia Avrot. Lætitia has called for a debate. No, no, no. I say let’s have an all-out war. A benchmark war. I have deci… wono | discuss | tweet
+ it dev react Failed form propType: You provided a `value` prop to a form field without an `onChange` handlerWhen I load my react app I get this error in the console. Warning: Failed form propType: You provided a value prop to a form field without an onChange handler. This will render a read-only f... wono | discuss | tweet
+ it dev nextjs react-query Next.js와 React Query로 SSR 사용하기Next.js와 React Query로 SSR 사용하기 wono | discuss | tweet
+ it dev nextjs react-query Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweet
+ it dev nextjs react-query How to Use React Query in Next.js Client ComponentsLearn how to integrate React Query in Next.js client components to improve your apps. Use React Query to handle data fetching, mutations, and revalidation. wono | discuss | tweet
+ it dev nextjs react-query Type-Safe Fetch with Next.js, Strapi, and OpenAPIThis blog post will teach you how to achieve type safety in a front-end application used for your Strapi backend. You can accomplish this with just a few lines of code using a REST API and the fetch… wono | discuss | tweet
+ it dev nextjs jest Next.js with Typescript 프로젝트 테스트 코드 작성하기(jest, testing-library/react)1. 현재 프로젝트 구성Next.js App router 사용TypescriptEslint 2. 테스트 툴 선택Jest 와 Testing Library 를 사용하기로 결정 3. 세팅1) Testing Libray React 패키지 설치(참고 : Installation - With Typescript)npm install --save-dev @testing-library/react @testing-library/dom @types/react @types/react-dom 2) Jest (React) 패키지 설치(참고: Testing React Apps - Setup With Create React App)npm install --save-dev jest react-test-renderer (참고: Nex.. wono | discuss | tweet