📌 개요

monorepo 에서 사용하는 코드 품질 도구(ESLint, Prettier, TypeScript, Husky)의 설정과 사용 방법을 정리한 가이드입니다.

모든 프로젝트(React Vite, React CRA, Node.js Express, NestJS)는 공통 설정을 기반으로 관리되며, 프로젝트 특성에 따라 최소한의 차이만 둡니다.

1. 📦 ESLint

1-1. 구조

• packages/eslint-config
  • base.js: 모든 프로젝트 공통 규칙
  • react.js: React 전용 규칙 (CRA, Vite)
  • node.js: Node.js 전용 규칙 (Express, NestJS)

1-2. Flat Config 사용

ESLint v9 기준, .eslintrc 대신 eslint.config.js 파일을 사용합니다.

React (Vite) 앱

// apps/web-app/eslint.config.js
import { config } from "@repo/eslint-config/react";
export default config;

Node (NestJS) 앱

// apps/auth-service/eslint.config.js
import { config } from "@repo/eslint-config/node";
export default config;

1-3. 명령어

# 전체 워크스페이스 lint
npm run lint

# 특정 앱만 lint (앱 package.json lint 스크립트 필요)
npm run lint --workspace=web-app

2. 🎨 Prettier

2-1. 구조

• packages/prettier-config/index.json: 공통 포맷팅 규칙