nextjs + it dev nextjs oci bucket Uploading a file to Oracle Object Storage using Node.JSWe extend the tutorial of How to upload a file in a full-stack React app to learn how to upload a... wono | discuss | tweet + it dev nextjs oci bucket Downloading a file from Oracle Object Storage using Node.JSWe extend the tutorial of How to download a file in a full-stack React app to learn how to download a... wono | discuss | tweet + it dev nextjs shadcnui Switch to newyork · Issue #2570 · shadcn-ui/uiI installed the project with default theme now I want to switch to new york what can I do. wono | discuss | tweet + it dev nextjs shadcnui UI Collection Shadcn/ui 멋있따. 난 컴포넌트 라이브러리가 아닌 컴포넌트 collection프로그래밍에서 라이브러리는 특정 기능을 수행하는 코드 모음이다. 이를 통해 개발자는 직접 모든 기능을 구현할 필요 없이, 필요한 기능을 쉽게 가져다 쓸 수 있다. 마치 도서관(library)에서 필요 wono | discuss | tweet + it dev nextjs shadcnui shadcnui installation nextjsInstall and configure Next.js. wono | discuss | tweet + it dev nextjs shadcnui How to use Shadcn UI with NextJS and Tailwind CSSShadcn UI is a library that you can use to create dynamic components. In this tutorial we’ll learn how to quickly setup Shadcn for any Next.js 14 project with Tailwind CSS. At the end you’ll learn how to build UI components like the login component b... wono | discuss | tweet + it dev nextjs shadcnui Next.js 블로그 만들기 (14.1 최신 버전 + tailwind) | D5BL5GFE 개발자라면 티스토리 말고 개인 블로그 하나쯤은,, wono | discuss | tweet + it dev nextjs custom Configuring: Custom Server | Next.jsStart a Next.js app programmatically using a custom server. wono | discuss | tweet + it dev nextjs custom Next JS의 Custom Server이전에 작성했던 [NextJS,Typescript] 카카오 API와 Firebase 연동하기 정리 에서 이어지는 내용입니다. 기술 스택은 NextJS , Typescript 입니다. Custom Server 도입 왜 Custom Server를 도입하게 되었는가 wono | discuss | tweet + it dev nextjs instrumentation Optimizing: Instrumentation | Next.jsLearn how to use instrumentation to run code at server startup in your Next.js app wono | discuss | tweet + it dev nextjs env [nextjs] 실무 개발 환경/배포 환경 설정(.env)넥스트(nextjs)로 개발 시 기본적으로 개발 환경과 배포 환경, QA 환경에 대한 설정(next.config.js)을 다르게 해야한다. 특히나 process.env에 포함되는 변수에 대한 설정도 분리해서 저장을 해야한다. 그리고 보통은 개발/배포로 나누지만, 실무에서는 개발, QA, 실서비스에 따른 환경도 각각 다르게 설정을 해야한다. 이러한 환경 변수(environmental variables) 설정하는 방식에 대해 알아보자. 우선은 아래의 글을 참고하여 PHASE_DEVELOPMENT_SERVER에 대한 이해를 하자. 그리고 react 배포 환경에 대한 .env에 대한 지식을 보고 오자. [react] 실무 개발 환경/배포 환경 설정(.env) [nextjs] next.config.js 기초 정리.. wono | discuss | tweet + it dev nextjs 15 Next.js 15 RC - FrontOverflow곧 릴리즈 될 Next.js 15에 대해 살펴봅시다! wono | discuss | tweet + it dev nextjs 15 Next.js 15 정식 버전 릴리즈 | GeekNewsNext.js 15 정식 버전이 2024 컨퍼런스에 맞추어 릴리즈 되었습니다. 아래는 이전 Next.js 15 RC 2 에서 설명한 변경 사항이 포함 되어 있지 않습니다. 변경 사항들을 알고 싶으면 먼저 읽어보세요.Caching Semantics (Breaking): 다음 동작에 대해서 더 이상 캐쉬 작업이 기본이 아닙니다. 변경 이유는 Partial P wono | discuss | tweet + it dev nextjs ppr A guide to enabling partial pre-rendering in Next.js - LogRocket BlogPartial pre-rendering from Next.js 14 allows developers to control which part of a web page is pre-rendered or rendered first. wono | discuss | tweet + it dev nextjs useeffect [React] useEffect란?오늘은 useEffect()에 대해 알아보겠습니다. [ useEffect ] useEffect() 함수는 React component가 렌더링 될 때마다 특정 작업(Sied effect)을 실행할 수 있도록 하는 리액트 Hook입니다.여기서 Side effect는 component가 렌더링 된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 뜻합니다. 이러한 기능으로 인해 함수형 컴포넌트에서도 클래스형 컴포넌트에서 사용했던 생명주기 메서드를 사용할 수 있게 되었습니다. useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때, 특정 작업을 처리할 수 있습니다. 즉, 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 .. wono | discuss | tweet + it dev nextjs prisma Connection pool | Prisma DocumentationPrisma ORM's query engine creates a connection pool to store and manage database connections. wono | discuss | tweet + it dev nextjs server Next.js: Run methods on server startup wono | comment (1) | tweet + 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 | tweetNext
+ it dev nextjs oci bucket Uploading a file to Oracle Object Storage using Node.JSWe extend the tutorial of How to upload a file in a full-stack React app to learn how to upload a... wono | discuss | tweet
+ it dev nextjs oci bucket Downloading a file from Oracle Object Storage using Node.JSWe extend the tutorial of How to download a file in a full-stack React app to learn how to download a... wono | discuss | tweet
+ it dev nextjs shadcnui Switch to newyork · Issue #2570 · shadcn-ui/uiI installed the project with default theme now I want to switch to new york what can I do. wono | discuss | tweet
+ it dev nextjs shadcnui UI Collection Shadcn/ui 멋있따. 난 컴포넌트 라이브러리가 아닌 컴포넌트 collection프로그래밍에서 라이브러리는 특정 기능을 수행하는 코드 모음이다. 이를 통해 개발자는 직접 모든 기능을 구현할 필요 없이, 필요한 기능을 쉽게 가져다 쓸 수 있다. 마치 도서관(library)에서 필요 wono | discuss | tweet
+ it dev nextjs shadcnui shadcnui installation nextjsInstall and configure Next.js. wono | discuss | tweet
+ it dev nextjs shadcnui How to use Shadcn UI with NextJS and Tailwind CSSShadcn UI is a library that you can use to create dynamic components. In this tutorial we’ll learn how to quickly setup Shadcn for any Next.js 14 project with Tailwind CSS. At the end you’ll learn how to build UI components like the login component b... wono | discuss | tweet
+ it dev nextjs shadcnui Next.js 블로그 만들기 (14.1 최신 버전 + tailwind) | D5BL5GFE 개발자라면 티스토리 말고 개인 블로그 하나쯤은,, wono | discuss | tweet
+ it dev nextjs custom Configuring: Custom Server | Next.jsStart a Next.js app programmatically using a custom server. wono | discuss | tweet
+ it dev nextjs custom Next JS의 Custom Server이전에 작성했던 [NextJS,Typescript] 카카오 API와 Firebase 연동하기 정리 에서 이어지는 내용입니다. 기술 스택은 NextJS , Typescript 입니다. Custom Server 도입 왜 Custom Server를 도입하게 되었는가 wono | discuss | tweet
+ it dev nextjs instrumentation Optimizing: Instrumentation | Next.jsLearn how to use instrumentation to run code at server startup in your Next.js app wono | discuss | tweet
+ it dev nextjs env [nextjs] 실무 개발 환경/배포 환경 설정(.env)넥스트(nextjs)로 개발 시 기본적으로 개발 환경과 배포 환경, QA 환경에 대한 설정(next.config.js)을 다르게 해야한다. 특히나 process.env에 포함되는 변수에 대한 설정도 분리해서 저장을 해야한다. 그리고 보통은 개발/배포로 나누지만, 실무에서는 개발, QA, 실서비스에 따른 환경도 각각 다르게 설정을 해야한다. 이러한 환경 변수(environmental variables) 설정하는 방식에 대해 알아보자. 우선은 아래의 글을 참고하여 PHASE_DEVELOPMENT_SERVER에 대한 이해를 하자. 그리고 react 배포 환경에 대한 .env에 대한 지식을 보고 오자. [react] 실무 개발 환경/배포 환경 설정(.env) [nextjs] next.config.js 기초 정리.. wono | discuss | tweet
+ it dev nextjs 15 Next.js 15 정식 버전 릴리즈 | GeekNewsNext.js 15 정식 버전이 2024 컨퍼런스에 맞추어 릴리즈 되었습니다. 아래는 이전 Next.js 15 RC 2 에서 설명한 변경 사항이 포함 되어 있지 않습니다. 변경 사항들을 알고 싶으면 먼저 읽어보세요.Caching Semantics (Breaking): 다음 동작에 대해서 더 이상 캐쉬 작업이 기본이 아닙니다. 변경 이유는 Partial P wono | discuss | tweet
+ it dev nextjs ppr A guide to enabling partial pre-rendering in Next.js - LogRocket BlogPartial pre-rendering from Next.js 14 allows developers to control which part of a web page is pre-rendered or rendered first. wono | discuss | tweet
+ it dev nextjs useeffect [React] useEffect란?오늘은 useEffect()에 대해 알아보겠습니다. [ useEffect ] useEffect() 함수는 React component가 렌더링 될 때마다 특정 작업(Sied effect)을 실행할 수 있도록 하는 리액트 Hook입니다.여기서 Side effect는 component가 렌더링 된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 뜻합니다. 이러한 기능으로 인해 함수형 컴포넌트에서도 클래스형 컴포넌트에서 사용했던 생명주기 메서드를 사용할 수 있게 되었습니다. useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때, 특정 작업을 처리할 수 있습니다. 즉, 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 .. wono | discuss | tweet
+ it dev nextjs prisma Connection pool | Prisma DocumentationPrisma ORM's query engine creates a connection pool to store and manage database connections. wono | discuss | tweet
+ 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