환경

• 기본적으로 npm, yarn, pnpm 환경을 선택할 수 있다.

• 나는 처음에 npm 환경을 선택했다

• 다음 명령어로 설치한다.

  npx create-turbo@latest
  

2. Exploring your new repo

• apps/web: Next.js with TypeScript
• apps/docs: Next.js with TypeScript
• packages/ui: Shared React component library
• packages/eslint-config-custom: Shared configuration (ESLint)
• packages/tsconfig: Shared TypeScript tsconfig.json

<aside> 👨🏼‍💻 기본적으로 생성되는 디렉토리 들이니 참고!

</aside>

• 각각의 디렉토리별로 package.json이 선언되어져 있다.
• 각각의 워크 스페이스는 자신만의 디펜턴시를 따른다. 즉 package.json에 선언된 자신만의 스크립트로 실행된다.

Understanding packages/ui

• package/ui 하위에 있는, ui 디렉토리를 확인해보자!

• ./packages/ui/package.json 열어보면, name : ui 라는 프로퍼티를 볼 수 있음.

• ./apps/web/package.json를 열어보면, name : web 라는 프로퍼티를 볼 수 있음.

  • 추가로 web의 dependencies를 보면 "ui": "*” 를 확인할 수 있다.

  // apps/web/package.json
  {
    "dependencies": {
      "ui": "*"
    }
  }
  

  <aside> 👨🏼‍💻 This means that our web app depends on our local ui package.

  </aside>