Turborepo로 프로젝트 구성하기

 

Getting Started with Turborepo – Turborepo

 

 

00. 들어가기 전

 Turborepo는 Javascript, Typescript 코드 베이스를 위한 고성능 빌드 시스템으로 Monorepo 구성이 가능합니다. 오늘은 Turborepo 프로젝트를 생성하는 법에 대해 포스팅 합니다.

 

본 포스팅에 들어가기 전에 Turborepo로 진행하기 위해 라이브러리를 global로 설치를 해야합니다.

 

pnpm install turbo --global

 

01. 프로젝트 생성 

 아래의 명령어를 터미널에 입력하면, 프로젝트의 이름을 입력하고, 패키지 관리자로 사용할 것을 선택하면 Turborepo의 프로젝트가 생성 됩니다.

pnpm dlx create-turbo@latest

 

 

02. 실행

 위의 과정으로 만들어진 폴더에 들어가면 구성이 apps와 packages로 구성되어 있다. 해당 방법으로 진행하면 기본적으로 NextJS(14)로 구성된 템플릿이 나온다. 

 

 apps에는 관리할 프로젝트를 넣게 되며, packages에는 공통으로 사용할 코드가 들어간다. 

 

터미널에 아래의 명령어를 적으면 apps 내부에 있는 프로젝트가 동시에 실행된다.

pnpm dev

 

03. 마무리하며.

작년에 회사에서 프로젝트를 진행하면서 MSA와 Turborepo, Monorepo에 대한 경험을 한 후에는 개인 프로젝트에서도 Turborepo를 사용했는 데 프로젝트를 관리하는 데 용이했다. 주로 프론트에서 사용하여 공통된 파일을 사용하는 것 같지만 개인적으론 NestJS 프로젝트에서도 NestJS 내장의 MSA 기능이 아닌 Turborepo로 사용했는 데, 여러 프로젝트를 동시에 실행시키며 서로 연계를 쉽게 테스트할 수 있고, 공통된 파일을 쉽게 처리하여 개발 리소스를 줄였는 데 매우 좋았던 거 같다.