+ it dev nextjs server Next.js: Run methods on server startup wono | comment (1) | tweet + it dev vscode typescript tsconfig.json을 설정해보자Typescript는 동적 타입 언어인 Javascript를 타입이 있는 언어로 사용할 수 있게 해주는 언어이다. Typescript로 작성된 코드는 트랜스파일러(컴파일러)를 통해 Javascript로 변환된다. 아래 명령어로 컴파일을 한다. tsc index.ts 컴파일 과정에서 여러 옵션을 정할 수 있는데, 해당 옵션들을 작성하는 파일이 tsconfig.json 이다. Typescript에 가장 기본이 되는 tsconfig.json 파일을 설정해보자. 디렉토리에 tsconfig.json 파일이 있다면 해당 디렉토리가 Typescript 프로젝트의 루트가 된다. tsconfig.json 파일은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정한다. 설치하기 npx tsc --init t.. 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 | 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 blog nextjs nextjs 서비스 개발부터 운영까지nextjs 서비스 개발부터 운영까지. GitHub Gist: instantly share code, notes, and snippets. 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 + 생활 쇼핑 신발 편집샵 에스마켓 편집샵 운동화신으면 행복해지는 멀티슈즈샵 에스마켓 공식 온라인 스토어 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 | tweetNext
+ it dev vscode typescript tsconfig.json을 설정해보자Typescript는 동적 타입 언어인 Javascript를 타입이 있는 언어로 사용할 수 있게 해주는 언어이다. Typescript로 작성된 코드는 트랜스파일러(컴파일러)를 통해 Javascript로 변환된다. 아래 명령어로 컴파일을 한다. tsc index.ts 컴파일 과정에서 여러 옵션을 정할 수 있는데, 해당 옵션들을 작성하는 파일이 tsconfig.json 이다. Typescript에 가장 기본이 되는 tsconfig.json 파일을 설정해보자. 디렉토리에 tsconfig.json 파일이 있다면 해당 디렉토리가 Typescript 프로젝트의 루트가 된다. tsconfig.json 파일은 프로젝트를 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정한다. 설치하기 npx tsc --init t.. 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 structure Getting Started: Project Structure | Next.jsA list of folders and files conventions in a Next.js project wono | discuss | tweet
+ it blog nextjs nextjs 서비스 개발부터 운영까지nextjs 서비스 개발부터 운영까지. GitHub Gist: instantly share code, notes, and snippets. 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