nestjs + it dev nextjs nestjs NextJS 와 NestJS를 같이 써보자 (1)포스트하기 앞서 짧게 두 프레임워크를 연동하려 하는 이유를 말하자면, 우선 개인 포트폴리오 웹 페이지를 만들고 싶었다. 그래서 무료 클라우드 서버를 찾는 와중 국내 서비스인 클라우드타입 을 알게 되었다. 다른 해외 서비스는 해외에 서버가 있기 때문에 느린데 이 녀석은 wono | discuss | tweet + it dev nestjs todo NestJS 로 Todo App 만들기입사지원 과제로 제출한 Todo 프로젝트입니다. 풀스택으로 일주일간 구현했습니다. wono | discuss | tweet + it dev nestjs NestJS 폴더구조는 왜 이렇게 구성되었을까?NestJS가 기본적으로 제공하는 폴더구조는 어떤 철학이 존재할까!NestJS에서는 기본적으로 아래와 같은 폴더 구조를 보여준다.NestJS는 모듈화와 의존성 주입(Dependency Injection)을 강조하여 애플리케이션의 확장성과 유지보수성을 향상시킨다고 말한다 wono | discuss | tweet + it dev nestjs [NestJS] NestJS API 만들기(movies controller, router, service, DTO) (2)Movies 컨트롤러 생성하기 (nest g co 명령어) nest 명령어를 통해 영화 api에 필요한 새로 필요한 컨트롤러를 genereate 해준다. controller의 alias는 'co' 이므로 nest g co 이런 식으로 명령어를 사용한다. controller의 이름을 입력하면 밑의 그림과 같이 파일이 새로 생겨난다. import { Module } from '@nestjs/common'; import { MoviesController } from './movies/movies.controller'; @Module({ imports: [], controllers: [MoviesController], providers: [], }) export class AppModule {} 다음과 같이 자.. wono | discuss | tweet + it blog arc nestjs 백엔드 Nest.js 코드 베이스 - 기본구조 - 글로벌 인재 채용 및 협업 관리 솔루션, HyperhireIT/테크 wono | discuss | tweet + it dev nestjs prisma Models | Prisma DocumentationLearn about the concepts for building your data model with Prisma: Models, scalar types, enums, attributes, functions, IDs, default values and more. 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 nestjs nextjs Full-Stack Development with Next.js and Nest.jsIn full-stack development, Next.js and Nest.js are two widely-used frameworks, each serving different purposes but working together to build efficient, scalable web applications. This article… wono | discuss | tweet + it qa nestjs nextjs python Next.Js with Python or Nest.JS? : r/nextjs wono | discuss | tweet + it dev nestjs nextjs Efficient Deployment of Next.jsHi all this article is a guide for how to dockerized NextJs application which is built on top of ReactJs and NestJs mono applications and connects to the Azure VM with Reverse proxy. I'm planning to… wono | discuss | tweet + it dev nestjs nextjs Nest.js & Next.js - 1. 기본 셋팅들어가며올해 나의 기술적인 목표 중 하나가 Front-end framework를 배우는 것이다.마침 현재 회사가 React Native를 주력으로 사용하고 있기 때문에 나 역시 React에 능숙해질 필요가 있을 것 같아 Next.js를 배우면서 React 사용법을 익히고있다. 공부를 하면서 Next.js를 마치 Spring과 Thymeleaf 조합처럼 다른 wono | discuss | tweet + it dev nestjs nextjs turborepo GitHub - ejazahm3d/fullstack-turborepo-starter: Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configuredFullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured - ejazahm3d/fullstack-turborepo-starter wono | discuss | tweet + it dev nestjs nextjs turborepo [문진] 모노레포 적용기 (feat. Turborepo)모노레포를 결정한 이유 기존의 불편함 현재 문진 웹서비스의 개발 팀원은 백엔드 개발자인 나와 프론트엔드 개발자인 윤하님 두명으로 구성되어 있다. 기존에 같이 토이 프로젝트를 진행하면서 백엔드와 프론트엔드를 분리하여 개발했었는데, 다음과 같은 불편한 점들이 있었다. 서로의 코드가 따로 관리되어 피드백을 주고받는 과정이 매우 번거롭다. API를 주고 받을 때 input, output 의 형식을 각자 관리 해야하는데, 이는 비효율적이면서 불일치가 발생할 수 있다. 같이 사용할 수 있는 코드들을 공유하기가 어렵다. wono | discuss | tweet + it dev nestjs nextjs turborepo [Monorepo] Turborepo를 사용하여 모노레포 구축하기Turborepo 도입기 디프만에서 프로젝트를 진행하려고 하는데, 서버 언어로 TypeScript를 사용하고 있기 때문에 프론트엔드와 함께 레포지터리를 사용하기에 용이했다. 그래서 Yarn Berry를 통해서 monorepo를 구축할 계획이었다. 프론트와 백 모두 익숙하신 분께서 모노레포를 모두 구축해주셨고 이를 활용해서 프로젝트를 디벨롭 하고자 했다. 백엔드와 프론트엔드 모두 세팅이 안정적으로 완료됐지만, Next.js의 Vercel 배포가 Yarn Berry에서는 잘 동작하지 않는다는 것을 알게 됐고, 이를 대체하고자 Turborepo를 통해 모노레포를 구축하고자 했다. Turborepo란? 공식 문서 설명에 따르면, JavaScript나 TypeScript 코드를 위해 최적화된 빌드 시스템이라고 한.. wono | discuss | tweet + it dev nestjs nextjs Next x Nest - Connecting your NextJs App to a NestJs BackendAs a Fullstack dev, there are plenty of times when you’d be involved in the creation of the backend while also helping out in the frontend. As a Web3 dev, that’s especially true since most frontend developers might know of react-query, swr and axios ... wono | discuss | tweet + it dev nestjs nextjs How to setup Nest.js & Next.js Mono-Repository?In the present day, many organizations opt for a monolithic repository approach for their projects. Consequently, I’m equipped to offer you a comprehensive solution, covering everything from project… wono | discuss | tweet + it dev nestjs nextjs NextJS 와 NestJS를 같이 써보자 (1)포스트하기 앞서 짧게 두 프레임워크를 연동하려 하는 이유를 말하자면, 우선 개인 포트폴리오 웹 페이지를 만들고 싶었다. 그래서 무료 클라우드 서버를 찾는 와중 국내 서비스인 클라우드타입 을 알게 되었다. 다른 해외 서비스는 해외에 서버가 있기 때문에 느린데 이 녀석은 wono | discuss | tweet + it dev typescript nestjs react Full-stack app tutorial with NestJS and React - LogRocket BlogBuild a full-stack video streaming app with NestJS and React. Take a deep dive into full-stack app development with this tutorial. wono | discuss | tweet + it dev nodejs nestjs vscode [NestJS] NestJS 시작 (설치 & 구성요소 맛보기)이제 드디어 NestJS로 어떻게 백엔드 서버를 만들 수 있는지에 대해 알아보도록 하겠습니다. NestJS는 강력한 typing, interfaces, decorator와 같은 기능을 추가하는 TypeScript를 기반으로 구축됩니다. NestJS는 Angular로부터 강한 영감을 받았고 실제로 Dependency Injection, modules, controller와 같은 대부분의 동일한 기능들을 제공합니다. Angular의 이러한 요소는 확장가능하도록 디자인 되어 개발자들이 NestJS의 기능을 확장하기 위해 자기들의 모듈과 플러그인을 만들 수 있다는 것을 의미합니다. 이번 포스팅에서는 NestJS 공식문서를 참고하여 우리가 앞서 배워왔던 개념들을 실제로 어떻게 적용할 수 있는지, 코드 위주로 살.. wono | discuss | tweet + it dev nestjs github action [AWS] Github Action으로 EC2에 Nestjs 자동 배포기존에 AWS EC2에 Nest 프로젝트를 하나 띄워놨었다. 기존 방식은 저장소를 클론해서 pull을 받고 npm run build로 빌드하는 식. 이런 방식이면 배포 브랜치에 커밋이 추가 될 때마다 해당 EC2 인스턴스에 접속해서 pull을 받고 다시 배포를 해야되는 상황이 생겨 불편함이 야기 될 게 뻔했다. 그래서 CI/CD에 대해서 조사를 하던 중에 github action을 사용해서 간단하게 자동 배포 파이프라인을 구축했다. 방식은 다음과 같은데 내가 로컬 컴퓨터에서 깃허브의 레포지토리로 push를 했을 때 github action이 실행되고 github action에서 EC2에 ssh 접속을 해서 작성해둔 스크립트로 pull을 받고 서버를 다시 재가동하는 방식이다. 일단 당연히 EC2(ubunt.. wono | discuss | tweetNext
+ it dev nextjs nestjs NextJS 와 NestJS를 같이 써보자 (1)포스트하기 앞서 짧게 두 프레임워크를 연동하려 하는 이유를 말하자면, 우선 개인 포트폴리오 웹 페이지를 만들고 싶었다. 그래서 무료 클라우드 서버를 찾는 와중 국내 서비스인 클라우드타입 을 알게 되었다. 다른 해외 서비스는 해외에 서버가 있기 때문에 느린데 이 녀석은 wono | discuss | tweet
+ it dev nestjs todo NestJS 로 Todo App 만들기입사지원 과제로 제출한 Todo 프로젝트입니다. 풀스택으로 일주일간 구현했습니다. wono | discuss | tweet
+ it dev nestjs NestJS 폴더구조는 왜 이렇게 구성되었을까?NestJS가 기본적으로 제공하는 폴더구조는 어떤 철학이 존재할까!NestJS에서는 기본적으로 아래와 같은 폴더 구조를 보여준다.NestJS는 모듈화와 의존성 주입(Dependency Injection)을 강조하여 애플리케이션의 확장성과 유지보수성을 향상시킨다고 말한다 wono | discuss | tweet
+ it dev nestjs [NestJS] NestJS API 만들기(movies controller, router, service, DTO) (2)Movies 컨트롤러 생성하기 (nest g co 명령어) nest 명령어를 통해 영화 api에 필요한 새로 필요한 컨트롤러를 genereate 해준다. controller의 alias는 'co' 이므로 nest g co 이런 식으로 명령어를 사용한다. controller의 이름을 입력하면 밑의 그림과 같이 파일이 새로 생겨난다. import { Module } from '@nestjs/common'; import { MoviesController } from './movies/movies.controller'; @Module({ imports: [], controllers: [MoviesController], providers: [], }) export class AppModule {} 다음과 같이 자.. wono | discuss | tweet
+ it blog arc nestjs 백엔드 Nest.js 코드 베이스 - 기본구조 - 글로벌 인재 채용 및 협업 관리 솔루션, HyperhireIT/테크 wono | discuss | tweet
+ it dev nestjs prisma Models | Prisma DocumentationLearn about the concepts for building your data model with Prisma: Models, scalar types, enums, attributes, functions, IDs, default values and more. 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 nestjs nextjs Full-Stack Development with Next.js and Nest.jsIn full-stack development, Next.js and Nest.js are two widely-used frameworks, each serving different purposes but working together to build efficient, scalable web applications. This article… wono | discuss | tweet
+ it dev nestjs nextjs Efficient Deployment of Next.jsHi all this article is a guide for how to dockerized NextJs application which is built on top of ReactJs and NestJs mono applications and connects to the Azure VM with Reverse proxy. I'm planning to… wono | discuss | tweet
+ it dev nestjs nextjs Nest.js & Next.js - 1. 기본 셋팅들어가며올해 나의 기술적인 목표 중 하나가 Front-end framework를 배우는 것이다.마침 현재 회사가 React Native를 주력으로 사용하고 있기 때문에 나 역시 React에 능숙해질 필요가 있을 것 같아 Next.js를 배우면서 React 사용법을 익히고있다. 공부를 하면서 Next.js를 마치 Spring과 Thymeleaf 조합처럼 다른 wono | discuss | tweet
+ it dev nestjs nextjs turborepo GitHub - ejazahm3d/fullstack-turborepo-starter: Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configuredFullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured - ejazahm3d/fullstack-turborepo-starter wono | discuss | tweet
+ it dev nestjs nextjs turborepo [문진] 모노레포 적용기 (feat. Turborepo)모노레포를 결정한 이유 기존의 불편함 현재 문진 웹서비스의 개발 팀원은 백엔드 개발자인 나와 프론트엔드 개발자인 윤하님 두명으로 구성되어 있다. 기존에 같이 토이 프로젝트를 진행하면서 백엔드와 프론트엔드를 분리하여 개발했었는데, 다음과 같은 불편한 점들이 있었다. 서로의 코드가 따로 관리되어 피드백을 주고받는 과정이 매우 번거롭다. API를 주고 받을 때 input, output 의 형식을 각자 관리 해야하는데, 이는 비효율적이면서 불일치가 발생할 수 있다. 같이 사용할 수 있는 코드들을 공유하기가 어렵다. wono | discuss | tweet
+ it dev nestjs nextjs turborepo [Monorepo] Turborepo를 사용하여 모노레포 구축하기Turborepo 도입기 디프만에서 프로젝트를 진행하려고 하는데, 서버 언어로 TypeScript를 사용하고 있기 때문에 프론트엔드와 함께 레포지터리를 사용하기에 용이했다. 그래서 Yarn Berry를 통해서 monorepo를 구축할 계획이었다. 프론트와 백 모두 익숙하신 분께서 모노레포를 모두 구축해주셨고 이를 활용해서 프로젝트를 디벨롭 하고자 했다. 백엔드와 프론트엔드 모두 세팅이 안정적으로 완료됐지만, Next.js의 Vercel 배포가 Yarn Berry에서는 잘 동작하지 않는다는 것을 알게 됐고, 이를 대체하고자 Turborepo를 통해 모노레포를 구축하고자 했다. Turborepo란? 공식 문서 설명에 따르면, JavaScript나 TypeScript 코드를 위해 최적화된 빌드 시스템이라고 한.. wono | discuss | tweet
+ it dev nestjs nextjs Next x Nest - Connecting your NextJs App to a NestJs BackendAs a Fullstack dev, there are plenty of times when you’d be involved in the creation of the backend while also helping out in the frontend. As a Web3 dev, that’s especially true since most frontend developers might know of react-query, swr and axios ... wono | discuss | tweet
+ it dev nestjs nextjs How to setup Nest.js & Next.js Mono-Repository?In the present day, many organizations opt for a monolithic repository approach for their projects. Consequently, I’m equipped to offer you a comprehensive solution, covering everything from project… wono | discuss | tweet
+ it dev nestjs nextjs NextJS 와 NestJS를 같이 써보자 (1)포스트하기 앞서 짧게 두 프레임워크를 연동하려 하는 이유를 말하자면, 우선 개인 포트폴리오 웹 페이지를 만들고 싶었다. 그래서 무료 클라우드 서버를 찾는 와중 국내 서비스인 클라우드타입 을 알게 되었다. 다른 해외 서비스는 해외에 서버가 있기 때문에 느린데 이 녀석은 wono | discuss | tweet
+ it dev typescript nestjs react Full-stack app tutorial with NestJS and React - LogRocket BlogBuild a full-stack video streaming app with NestJS and React. Take a deep dive into full-stack app development with this tutorial. wono | discuss | tweet
+ it dev nodejs nestjs vscode [NestJS] NestJS 시작 (설치 & 구성요소 맛보기)이제 드디어 NestJS로 어떻게 백엔드 서버를 만들 수 있는지에 대해 알아보도록 하겠습니다. NestJS는 강력한 typing, interfaces, decorator와 같은 기능을 추가하는 TypeScript를 기반으로 구축됩니다. NestJS는 Angular로부터 강한 영감을 받았고 실제로 Dependency Injection, modules, controller와 같은 대부분의 동일한 기능들을 제공합니다. Angular의 이러한 요소는 확장가능하도록 디자인 되어 개발자들이 NestJS의 기능을 확장하기 위해 자기들의 모듈과 플러그인을 만들 수 있다는 것을 의미합니다. 이번 포스팅에서는 NestJS 공식문서를 참고하여 우리가 앞서 배워왔던 개념들을 실제로 어떻게 적용할 수 있는지, 코드 위주로 살.. wono | discuss | tweet
+ it dev nestjs github action [AWS] Github Action으로 EC2에 Nestjs 자동 배포기존에 AWS EC2에 Nest 프로젝트를 하나 띄워놨었다. 기존 방식은 저장소를 클론해서 pull을 받고 npm run build로 빌드하는 식. 이런 방식이면 배포 브랜치에 커밋이 추가 될 때마다 해당 EC2 인스턴스에 접속해서 pull을 받고 다시 배포를 해야되는 상황이 생겨 불편함이 야기 될 게 뻔했다. 그래서 CI/CD에 대해서 조사를 하던 중에 github action을 사용해서 간단하게 자동 배포 파이프라인을 구축했다. 방식은 다음과 같은데 내가 로컬 컴퓨터에서 깃허브의 레포지토리로 push를 했을 때 github action이 실행되고 github action에서 EC2에 ssh 접속을 해서 작성해둔 스크립트로 pull을 받고 서버를 다시 재가동하는 방식이다. 일단 당연히 EC2(ubunt.. wono | discuss | tweet