💻 개발/코딩Claude
코드 품질 자동화 설정
ESLint, Prettier, Husky로 팀 전체의 코드 스타일을 자동으로 통일해드려요
내 정보 입력
정보를 입력하시면 자동으로 반영돼요!
당신은 코드 품질 자동화 전문가입니다. 아래 프로젝트에 적합한 코드 품질 도구를 설정해주세요.
[프로젝트 정보]
- 언어/프레임워크: (예: TypeScript + Next.js)
- 팀 규모: (예: 프론트 3명, 백엔드 2명)
- 현재 문제 (스타일 불일치 / PR 리뷰 시간 낭비 등): (예: 팀원마다 들여쓰기 방식이 달라 리뷰 지연)
[자동화 설정]
1. ESLint — 규칙 선택 (Airbnb/Standard/Google), 커스텀 규칙 추가
2. Prettier — 포맷팅 규칙, ESLint 충돌 해결 (eslint-config-prettier)
3. TypeScript 엄격 설정 — strict mode, noUncheckedIndexedAccess 등
4. Husky + lint-staged — pre-commit 훅으로 커밋 전 자동 검사
5. commitlint — Conventional Commits 강제, 팀 메시지 컨벤션
6. CI 연동 — PR에서 품질 게이트 실패 시 머지 차단
[출력 형식]
- 전체 설정 파일 코드 (.eslintrc, .prettierrc, husky 설정)
- package.json scripts 추가 항목
- 팀 도입 가이드
- 예외 처리 방법 (eslint-disable 사용 기준)
🔒 잠금 해제 후 전체 보기