IT

Cursor의 .cursorrules로 AI 코딩을 내 맘대로! ⚙️

걸어보자 2025. 7. 15. 13:04
728x90
반응형

안녕하세요, 개발자 여러분! AI 코딩 도구 Cursor를 사용하면서 “AI가 내 프로젝트 스타일을 좀 더 잘 이해했으면 좋겠어”라고 생각한 적 있으신가요? 그 해답은 바로 .cursorrules 파일에 있습니다! 이 파일은 Cursor의 AI가 여러분의 코딩 스타일, 기술 스택, 규칙을 학습하도록 돕는 마법 같은 설정 파일이에요. 오늘은 .cursorrules의 모든 것—왜 중요한지, 어떻게 설정하는지, 최적화 팁까지—자세히 알려드릴게요. 🚀


.cursorrules란 무엇일까?

.cursorrules는 Cursor가 프로젝트의 맥락을 이해하도록 가이드하는 설정 파일입니다. 프로젝트 루트 디렉토리에 생성하며, AI가 코드를 생성하거나 수정할 때 따를 규칙을 정의해요. 예를 들어, “TypeScript만 써줘” 또는 “함수명은 camelCase로” 같은 규칙을 설정할 수 있죠. 이 파일 덕분에 AI가 팀의 코딩 스타일을 준수하고, 불필요한 수정 제안을 줄여 생산성을 높일 수 있어요.

핵심 이점:

  • 일관성 유지: 팀원 모두 동일한 코딩 스타일을 따르도록.
  • 정확성 향상: AI가 프로젝트의 기술 스택과 규칙을 이해해 더 적합한 코드를 제안.
  • 시간 절약: 반복적인 수정 요청 없이 원하는 결과 바로 얻기.

.cursorrules 설정 시작하기

1. 파일 생성

프로젝트 루트 디렉토리(예: /my-project/)에 .cursorrules 파일을 만드세요. 확장자는 없으며, 일반 텍스트 파일로 작성합니다.

touch .cursorrules

2. 기본 구조

.cursorrules는 간단한 텍스트 형식으로, 각 줄에 한 가지 규칙을 작성합니다. 주석은 #으로 추가할 수 있어요. 아래는 기본 예시입니다:

# 코딩 스타일 규칙
Use TypeScript for all JavaScript-related files.
Variable names should use camelCase.
Prefer async/await over .then() for asynchronous code.
# 프레임워크 선호
Use React with functional components and hooks.
# 보안 규칙
Avoid inline JavaScript in HTML files.

3. 자동 생성 활용

기존 코드베이스가 있다면, Cursor의 /generate rules 명령어를 사용해 AI가 프로젝트를 분석하고 .cursorrules를 자동으로 만들어줍니다.

  • 방법: Cursor에서 Ctrl/⌘ + L로 AI 채팅 창을 열고, /generate rules 입력.
  • : 자동 생성된 규칙을 검토하고, 팀 스타일에 맞게 수정하세요.

어떤 규칙을 추가해야 할까?

.cursorrules에 추가할 규칙은 프로젝트 요구사항에 따라 달라집니다. 아래는 일반적인 카테고리와 예시입니다:

1. 코딩 스타일

  • 언어 및 문법: “Use Python 3.9+”, “Use TypeScript with strict mode.”
  • 명명 규칙: “Use camelCase for variables, PascalCase for classes.”
  • 들여쓰기/포맷팅: “Use 2 spaces for indentation”, “Always include trailing commas in objects.”

2. 프레임워크 및 라이브러리

  • 선호 기술: “Use React with functional components”, “Use FastAPI for Python APIs.”
  • 제한 사항: “Avoid jQuery”, “Use Tailwind CSS for styling.”

3. 보안 및 모범 사례

  • 보안: “Sanitize all user inputs”, “Avoid hardcoding API keys.”
  • 모범 사례: “Include error handling in all API calls”, “Write unit tests for new functions.”

4. 프로젝트 구조

  • 파일 구조: “Place all components in /src/components/”, “API routes in /api/.”
  • 제외 규칙: “Ignore /node_modules/ and /dist/ directories.”

예시 .cursorrules:

# 코딩 스타일
Use TypeScript with strict mode enabled.
Use 2 spaces for indentation.
Variable names in camelCase, interfaces in PascalCase.
# 프레임워크
Use React 18+ with hooks, no class components.
Use Tailwind CSS for styling, avoid inline CSS.
# 보안
Sanitize user inputs in all API endpoints.
Use environment variables for sensitive data.
# 프로젝트 구조
Place React components in /src/components/.
Ignore /node_modules/, /build/, and /dist/ for code suggestions.

.cursorrules 최적화 팁

1. 간결하게 유지

  • 규칙은 5~15개로 간결하게 작성하세요. 너무 많으면 AI가 혼란스러워할 수 있어요.
  • : 핵심 규칙만 포함하고, 세부 사항은 코드 리뷰로 보완.

2. 팀과 공유

  • 팀 프로젝트라면 .cursorrules를 Git에 커밋해 모든 팀원이 동일한 규칙을 사용하도록 하세요.
  • : 팀원 피드백을 반영해 규칙을 주기적으로 업데이트.

3. 맥락별 규칙 추가

  • 특정 파일 유형에 규칙을 적용하려면 파일 패턴을 명시하세요.
    • 예: “For *.test.ts files, use Jest with describe/it blocks.”
  • : @Codebase와 함께 사용해 특정 파일 참조를 강화.

4. AI와 대화로 테스트

  • .cursorrules 적용 후, 간단한 코드 생성 요청(예: “React 버튼 컴포넌트 만들어줘”)으로 AI가 규칙을 잘 따르는지 확인하세요.
  • : 예상과 다른 결과가 나오면 규칙을 더 구체적으로 수정.

실제 사례: .cursorrules로 워크플로 개선

사례 1: React 프로젝트

한 프론트엔드 팀이 React 프로젝트에서 .cursorrules를 설정했어요:

Use React 18 with functional components and hooks.
Use TypeScript with interfaces for props.
Place components in /src/components/, hooks in /src/hooks/.
Use Tailwind CSS for styling.

결과: AI가 클래스 컴포넌트 대신 함수형 컴포넌트를 제안하고, Tailwind 기반 스타일링을 일관되게 제공. 팀의 코드 리뷰 시간이 30% 단축!

사례 2: Python 백엔드

백엔드 팀이 FastAPI 프로젝트에 다음 규칙을 적용:

Use Python 3.10+ with FastAPI.
Use Pydantic for data validation.
Include error handling for all endpoints.
Place routes in /api/routes/, models in /api/models/.

결과: AI가 Pydantic 모델과 에러 핸들링을 포함한 API 코드를 자동 생성해 개발 속도가 2배 빨라짐!


주의사항

  • 검증 필수: .cursorrules로 AI가 더 정확해지지만, 생성된 코드는 항상 검토하세요. 특히 보안 관련 코드(예: 인증 로직)는 주의!
  • 성능 고려: 대규모 프로젝트에서는 .cursorrules에 불필요한 파일을 제외해 AI 처리 속도를 높이세요.
  • 업데이트 관리: 프로젝트 요구사항이 바뀌면 .cursorrules도 주기적으로 갱신.

시작해볼까요?

  1. 파일 생성: 프로젝트 루트에 .cursorrules 파일을 만들고 3~5개 규칙부터 시작.
  2. 테스트: “간단한 React 컴포넌트 만들어줘” 같은 요청으로 AI가 규칙을 따르는지 확인.
  3. 최적화: 팀 피드백과 테스트 결과를 바탕으로 규칙을 다듬어 보세요.

.cursorrules는 Cursor를 내 코딩 스타일에 맞춘 비서로 만드는 열쇠입니다! 이 파일을 잘 활용하면 AI가 여러분의 워크플로를 완벽히 이해하고, 더 빠르고 정확한 코드를 제안해줄 거예요. 😊 

728x90
반응형