dev + it dev nextjs cache Next.js cache💡 캐싱 대상 : 렌더링 작업, 데이터 요청💡 목적: 애플리케이션 성능을 향상, 비용 절감캐시 : 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소캐싱 : 파일 복사본을 캐시 또는 임시 저장 위치에 저장하여 보다 빠르게 액세스할 수 있도록 하는 프로세스By wono | discuss | tweet + it dev nextjs unstable_cache unstable_cache (experimental) – Nextjs 한글 문서API Reference for the unstable_cache function. wono | discuss | tweet + it dev nextjs fetch cache Nextjs 캐싱fetch 이외에는 함수를 cache wrapping 호출 핸들링 wono | discuss | tweet + it dev nextjs structure Getting Started: Project Structure | Next.jsA list of folders and files conventions in a Next.js project wono | discuss | tweet + it dev nextjs handler Next.js 14 강좌 7편. 라우트 핸들러의 기본(GET, POST, PATCH, DELETE)과 동적 라우트 핸들러 알아보기라우트 핸들러의 기본 부터 동적 라우트 핸들러 작성까지 배워보기 wono | discuss | tweet + it dev prisma query Prisma Client Queries | Prisma DocumentationLearn about the database queries you can send with Prisma Client. wono | discuss | tweet + it dev typescript prisma Next steps after setting up Prisma ORM with your relational database | Prisma DocumentationNext steps to take now that you have successfully added Prisma ORM to your new TypeScript or JavaScript project wono | discuss | tweet + it dev nestjs prisma [nest.js] prisma schema 분리old - prisma schema 분리서론글을 작성 하던 도중, prisma 에서 드디어 스키마 분리를 지원해 준다는 이슈가 작성 되었다. Support for splitting Prisma schema into multiple files · Issue #2377 · prisma/prismaProblem Prisma currently only supports one single Prisma Schema file. Developers want more flexibility for managing their Prisma Schema files. Motivations: breaking up large schema files to make th...github.com Hey, we just released s.. wono | discuss | tweet + it dev nextjs prisma PostgreSQL with Next.js and PrismaPrisma is an awesome libarary if you are like me, bad at write SQL queries and is used to other databases such as Dynamo. It provides a really similar way in querying your data and reduce the stress… wono | discuss | tweet + it dev nextjs middleware Why is Next.js middleware running multiple times? wono | discuss | tweet + it dev react context 다른 사람들이 안 알려주는 리액트에서 Context API 잘 쓰는 방법여러분, 리액트로 웹 애플리케이션 개발 하면서 Context API를 어떻게 사용하고 계신가요? 과거에도 관련 포스트를 작성한적이 있긴 하지만, 지난 몇 년간 Context를 사용하면서 습득하게된 팁들을 여러분들에게 공유하면서 튜토리얼을 최신화 해보려고 합니다. wono | discuss | tweet + it dev nextjs redux Redux With Next.Js 14 & Typescript (App Router) For BeginnersIn the realm of modern web development, Next.js stands out as a powerful framework for building React applications with server-side rendering and seamless client-side navigation. Yet, as projects… wono | discuss | tweet + it dev nextjs redux [Next.js 14] Redux, Redux-toolkit 환경세팅, 사용법안녕하세요.Next.js와 TypeScript를 사용하며 Redux-toolkit 및 Redux를 세팅하는방법이 조금 까다로운 부분이 있어 포스팅하게되었습니다.Next.js의 버전은 14버전을 기준으로 하니, 참고해주세요. Redux우선 Redux를 알아보기전에 '상태'를 먼저 간단히 알아보겠습니다.React에서 State는 Component 안에서 관리되는 것입니다.자식 컴포넌트들 간 데이터를 주곱다을 때는 상태를 관리하는 부모컴포넌트를 통해 주고받습니다.하지만 이러한 상태를 관리하는 상위 컴포넌트에서 Props의 형식으로 계속 내려받아야 하는 특성상, 자식컴포넌트가 많아진다면 상태관리가 매우 복잡해지기 마련입니다.또한, 자식컴포넌트측에서 props로 받아온 state를 변경한다고 해도, 부모컴포넌트에.. wono | discuss | tweet + it dev nextjs server Detecting server vs client in NextJS application - GeeksforGeeksA Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. wono | discuss | tweet + it dev nextjs dir Next.js 웹 애플리케이션의 코드 구조와 유지보수성 향상 전략이 블로그 글에서는 Next.js 프로젝트의 효율적인 코드 구조화 방법과 유지보수성 향상 전략을 소개합니다. 기본 폴더 구조부터 대규모 애플리케이션을 위한 모듈화 접근법에 이르기까지, 일관된 개발 경험을 위한 실용적인 지침을 제공합니다. wono | discuss | tweet + it dev nextjs 3rd script Next.js에서 외부 스크립트(3rd-party Script) 최적화로 성능 발휘하기스크립트 최적화를 통해 Next.js 애플리케이션의 성능과 사용자 경험을 향상시키는 전략에 대해 깊이 파고들어 보세요. wono | discuss | tweet + it dev edge cdn 웹 생태계의 변화를 가져다 줄 Edge Computing최근 웹 서비스 운영 생태계의 변화를 가져다 줄 운영 매커니즘으로 Edge Computing이 많이 거론되고 있다. 아직은 일반적인 웹 서버의 운영이, 동적인 데이터 변경과 Dynamic한 Server Side Rendering 처리로 인해 기존의 Origin Server가 위치한 곳까지 네트워크 요청을 하며 느린 응답을 받는 형식을 띄고 있다. 그나마 퍼포먼스 향상을 위해 정적인 컨텐츠 파일들은 CDN 서버와 캐싱 처리를 통해서 빠르게 전송을 할 수 있다. 특히나 이미지 또는 영상 같은 컨텐츠는 용량 사이즈가 매우 커서, 이러한 문제를 해결해주는 CDN이 가져다주는 퍼포먼스 효과는 굉장하다. 그러나 동적인 컨텐츠 영역을 위해 Original Server까지 요청이 다다라야 하는 문제는 여전히 해결되지 .. wono | discuss | tweet + it dev nextjs middleware chaining How to Chain Multiple Middleware Functions in NextJS | ReactHustleLearn how to separate the logic if you have multiple middlewares in NextJS. In this tutorial, we'll show you exactly how to do this by using higher-order functions to create middleware functions. wono | discuss | tweet + it dev nextjs middleware chaining Implementing Multiple Middleware in Next.js: Combining NextAuth and InternationalizationWelcome to my Medium blog post! In this tutorial, I will guide you through the process of implementing multiple middleware functions in a Next.js application. We will focus on integrating… wono | discuss | tweet + it dev nextjs oauth Next14와 Next-auth를 이용해 OAuth 구현하기Next app router에서 next-auth를 이용해 소셜 로그인을 구현합니다. wono | discuss | tweetNext
+ it dev nextjs cache Next.js cache💡 캐싱 대상 : 렌더링 작업, 데이터 요청💡 목적: 애플리케이션 성능을 향상, 비용 절감캐시 : 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소캐싱 : 파일 복사본을 캐시 또는 임시 저장 위치에 저장하여 보다 빠르게 액세스할 수 있도록 하는 프로세스By wono | discuss | tweet
+ it dev nextjs unstable_cache unstable_cache (experimental) – Nextjs 한글 문서API Reference for the unstable_cache function. wono | discuss | tweet
+ it dev nextjs structure Getting Started: Project Structure | Next.jsA list of folders and files conventions in a Next.js project wono | discuss | tweet
+ it dev nextjs handler Next.js 14 강좌 7편. 라우트 핸들러의 기본(GET, POST, PATCH, DELETE)과 동적 라우트 핸들러 알아보기라우트 핸들러의 기본 부터 동적 라우트 핸들러 작성까지 배워보기 wono | discuss | tweet
+ it dev prisma query Prisma Client Queries | Prisma DocumentationLearn about the database queries you can send with Prisma Client. wono | discuss | tweet
+ it dev typescript prisma Next steps after setting up Prisma ORM with your relational database | Prisma DocumentationNext steps to take now that you have successfully added Prisma ORM to your new TypeScript or JavaScript project wono | discuss | tweet
+ it dev nestjs prisma [nest.js] prisma schema 분리old - prisma schema 분리서론글을 작성 하던 도중, prisma 에서 드디어 스키마 분리를 지원해 준다는 이슈가 작성 되었다. Support for splitting Prisma schema into multiple files · Issue #2377 · prisma/prismaProblem Prisma currently only supports one single Prisma Schema file. Developers want more flexibility for managing their Prisma Schema files. Motivations: breaking up large schema files to make th...github.com Hey, we just released s.. wono | discuss | tweet
+ it dev nextjs prisma PostgreSQL with Next.js and PrismaPrisma is an awesome libarary if you are like me, bad at write SQL queries and is used to other databases such as Dynamo. It provides a really similar way in querying your data and reduce the stress… wono | discuss | tweet
+ it dev react context 다른 사람들이 안 알려주는 리액트에서 Context API 잘 쓰는 방법여러분, 리액트로 웹 애플리케이션 개발 하면서 Context API를 어떻게 사용하고 계신가요? 과거에도 관련 포스트를 작성한적이 있긴 하지만, 지난 몇 년간 Context를 사용하면서 습득하게된 팁들을 여러분들에게 공유하면서 튜토리얼을 최신화 해보려고 합니다. wono | discuss | tweet
+ it dev nextjs redux Redux With Next.Js 14 & Typescript (App Router) For BeginnersIn the realm of modern web development, Next.js stands out as a powerful framework for building React applications with server-side rendering and seamless client-side navigation. Yet, as projects… wono | discuss | tweet
+ it dev nextjs redux [Next.js 14] Redux, Redux-toolkit 환경세팅, 사용법안녕하세요.Next.js와 TypeScript를 사용하며 Redux-toolkit 및 Redux를 세팅하는방법이 조금 까다로운 부분이 있어 포스팅하게되었습니다.Next.js의 버전은 14버전을 기준으로 하니, 참고해주세요. Redux우선 Redux를 알아보기전에 '상태'를 먼저 간단히 알아보겠습니다.React에서 State는 Component 안에서 관리되는 것입니다.자식 컴포넌트들 간 데이터를 주곱다을 때는 상태를 관리하는 부모컴포넌트를 통해 주고받습니다.하지만 이러한 상태를 관리하는 상위 컴포넌트에서 Props의 형식으로 계속 내려받아야 하는 특성상, 자식컴포넌트가 많아진다면 상태관리가 매우 복잡해지기 마련입니다.또한, 자식컴포넌트측에서 props로 받아온 state를 변경한다고 해도, 부모컴포넌트에.. wono | discuss | tweet
+ it dev nextjs server Detecting server vs client in NextJS application - GeeksforGeeksA Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. wono | discuss | tweet
+ it dev nextjs dir Next.js 웹 애플리케이션의 코드 구조와 유지보수성 향상 전략이 블로그 글에서는 Next.js 프로젝트의 효율적인 코드 구조화 방법과 유지보수성 향상 전략을 소개합니다. 기본 폴더 구조부터 대규모 애플리케이션을 위한 모듈화 접근법에 이르기까지, 일관된 개발 경험을 위한 실용적인 지침을 제공합니다. wono | discuss | tweet
+ it dev nextjs 3rd script Next.js에서 외부 스크립트(3rd-party Script) 최적화로 성능 발휘하기스크립트 최적화를 통해 Next.js 애플리케이션의 성능과 사용자 경험을 향상시키는 전략에 대해 깊이 파고들어 보세요. wono | discuss | tweet
+ it dev edge cdn 웹 생태계의 변화를 가져다 줄 Edge Computing최근 웹 서비스 운영 생태계의 변화를 가져다 줄 운영 매커니즘으로 Edge Computing이 많이 거론되고 있다. 아직은 일반적인 웹 서버의 운영이, 동적인 데이터 변경과 Dynamic한 Server Side Rendering 처리로 인해 기존의 Origin Server가 위치한 곳까지 네트워크 요청을 하며 느린 응답을 받는 형식을 띄고 있다. 그나마 퍼포먼스 향상을 위해 정적인 컨텐츠 파일들은 CDN 서버와 캐싱 처리를 통해서 빠르게 전송을 할 수 있다. 특히나 이미지 또는 영상 같은 컨텐츠는 용량 사이즈가 매우 커서, 이러한 문제를 해결해주는 CDN이 가져다주는 퍼포먼스 효과는 굉장하다. 그러나 동적인 컨텐츠 영역을 위해 Original Server까지 요청이 다다라야 하는 문제는 여전히 해결되지 .. wono | discuss | tweet
+ it dev nextjs middleware chaining How to Chain Multiple Middleware Functions in NextJS | ReactHustleLearn how to separate the logic if you have multiple middlewares in NextJS. In this tutorial, we'll show you exactly how to do this by using higher-order functions to create middleware functions. wono | discuss | tweet
+ it dev nextjs middleware chaining Implementing Multiple Middleware in Next.js: Combining NextAuth and InternationalizationWelcome to my Medium blog post! In this tutorial, I will guide you through the process of implementing multiple middleware functions in a Next.js application. We will focus on integrating… wono | discuss | tweet
+ it dev nextjs oauth Next14와 Next-auth를 이용해 OAuth 구현하기Next app router에서 next-auth를 이용해 소셜 로그인을 구현합니다. wono | discuss | tweet