+ 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 + 생활 쇼핑 신발 편집샵 에스마켓 편집샵 운동화신으면 행복해지는 멀티슈즈샵 에스마켓 공식 온라인 스토어 wono | discuss | tweet + it dev react context 다른 사람들이 안 알려주는 리액트에서 Context API 잘 쓰는 방법여러분, 리액트로 웹 애플리케이션 개발 하면서 Context API를 어떻게 사용하고 계신가요? 과거에도 관련 포스트를 작성한적이 있긴 하지만, 지난 몇 년간 Context를 사용하면서 습득하게된 팁들을 여러분들에게 공유하면서 튜토리얼을 최신화 해보려고 합니다. wono | discuss | tweet + life blog sw kosa 코사 등록 방법 / 소프트웨어 기술자 신고 (.. : 네이버블로그 wono | discuss | tweet + life blog sw '미승인'으로 낙인 찍힌 내 인생 | 그대안의작은호수 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 nextjs api fetch Internal API fetch with getServerSideProps? (Next.js) 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 + it dev nextjs [React] Next.js에 대해 알기 2부 (TailWind CSS, Shadcn UI)들어가기에 앞서 Next.js 1부에 이어 2부를 써본다. 1부에서 놓친점이 있다면 Next.js가 버전마다 큰 차이가 있다는 것을 늦게 확인했다는 점이다. 1부와는 다르게 이번엔 Next.js 14버전을 기준으로 디렉토리 구조를 다시 이해하고 튜토리얼부터 차근차근 따라가보려고 한다. 출처 : Next.js 14 가이드 한글 깃허브 주소 튜토리얼을 마치고나면 앞으로 있을 프로젝트에 있어 Front쪽을 맡았기 때문에 Front쪽을 중점적으로 공부해보려고한다. 그래서 Next.js 안에서 TailWindCss을 중점적으로 사용해볼것이다. Next.js 14 버전 디렉토리 구조는 어떻게 바뀌었을까 /app: 애플리케이션의 모든 경로, 컴포넌트 및 로직을 포함하며, 대부분 여기서 작업한다. /app/lib: 애.. wono | discuss | tweet + it dev nextjs jwt [NextJS 14] NextAuth 를 사용해서 로그인 구현하기App Router 방식에서 NextAuth를 사용해 로그인을 구현하기 위해 여러가지 글들을 찾아보았는데 해당 방식보다 대부분의 글들이 Page Router 방식이 많았기 때문에 어렵다고 느꼈다 어쨌든 NextAuth가 뭘까 인증을 구현하는 데 쓰이는 패키지이고 쉽고 간단하게 인증을 추가할 수 있다 그리고 다양한 인증 Google, Naver, Facebook 등으로 로그인하는 기능들도 쉽게 추가할 수 있다고 한다. 공식 사이트(https://next-auth.js.org/)에 들어가서 사이드 메뉴의 Provider 부분을 지원하는 사이트들을 확인할 수 있다. 이 글에서는 자체적인 사이트의 인증을 개발했다고 할때 NextAuth를 어떻게 사용해야 하는지 작성할 것이다 하지만 서버로부터 토큰을 받는 부분은.. wono | discuss | tweetNext
+ 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
+ it dev nextjs [React] Next.js에 대해 알기 2부 (TailWind CSS, Shadcn UI)들어가기에 앞서 Next.js 1부에 이어 2부를 써본다. 1부에서 놓친점이 있다면 Next.js가 버전마다 큰 차이가 있다는 것을 늦게 확인했다는 점이다. 1부와는 다르게 이번엔 Next.js 14버전을 기준으로 디렉토리 구조를 다시 이해하고 튜토리얼부터 차근차근 따라가보려고 한다. 출처 : Next.js 14 가이드 한글 깃허브 주소 튜토리얼을 마치고나면 앞으로 있을 프로젝트에 있어 Front쪽을 맡았기 때문에 Front쪽을 중점적으로 공부해보려고한다. 그래서 Next.js 안에서 TailWindCss을 중점적으로 사용해볼것이다. Next.js 14 버전 디렉토리 구조는 어떻게 바뀌었을까 /app: 애플리케이션의 모든 경로, 컴포넌트 및 로직을 포함하며, 대부분 여기서 작업한다. /app/lib: 애.. wono | discuss | tweet
+ it dev nextjs jwt [NextJS 14] NextAuth 를 사용해서 로그인 구현하기App Router 방식에서 NextAuth를 사용해 로그인을 구현하기 위해 여러가지 글들을 찾아보았는데 해당 방식보다 대부분의 글들이 Page Router 방식이 많았기 때문에 어렵다고 느꼈다 어쨌든 NextAuth가 뭘까 인증을 구현하는 데 쓰이는 패키지이고 쉽고 간단하게 인증을 추가할 수 있다 그리고 다양한 인증 Google, Naver, Facebook 등으로 로그인하는 기능들도 쉽게 추가할 수 있다고 한다. 공식 사이트(https://next-auth.js.org/)에 들어가서 사이드 메뉴의 Provider 부분을 지원하는 사이트들을 확인할 수 있다. 이 글에서는 자체적인 사이트의 인증을 개발했다고 할때 NextAuth를 어떻게 사용해야 하는지 작성할 것이다 하지만 서버로부터 토큰을 받는 부분은.. wono | discuss | tweet