Cursor IDE로 AI와 함께 개발하는 현실적인 방법

{
  "projectKnowledge": {
    "enable": true,
    "indexedFiles": ["src/**/*.ts", "lib/*.js"],
    "ignorePatterns": ["node_modules", ".next"]
  },
  "aiModel": {
    "default": "gpt-4-turbo",
    "fallback": "claude-3-opus"
  }
}

{
  "keybindings": [
    {
      "key": "cmd+shift+a",
      "command": "cursor.chat.focus"
    },
    {
      "key": "cmd+ctrl+g",
      "command": "cursor.generate.code"
    }
  ]
}

// 프롬프트: "현재 사용자 상태 기반으로 권한 검사 함수 생성"
// AI가 프로젝트의 existingAuth.ts 분석 후 생성
export const checkPermission = (user: User, requiredRole: UserRole) => {
  if (user.roles.includes('admin')) return true;
  return user.roles.some(role => 
    requiredRole.hierarchy <= role.hierarchy &&
    role.permissions.includes(requiredRole.permission)
  );
};

// Before
function oldMethod(a, b) { return a + b; }
 
// 프롬프트: "타입스크립트로 변환 및 최적화"
// After
const optimizedAdd = (a: number, b: number): number => a + b;

[ERROR] TypeError: Cannot read property 'name' of undefined
    at UserProfile (src/components/User.tsx:45:21)
    at renderWithHooks (node_modules/react-dom/cjs/react-dom-server.node.development.js:5652:16)

// Cursor AI 분석 결과:
// 1. 사용자 데이터 fetching 완료 전 렌더링 시도
// 2. Optional chaining 추가 제안
const UserProfile = ({ user }) => (
  <div>{user?.profile?.name ?? '익명'}</div>
);

// 프롬프트: "이 컴포넌트의 리렌더링 최적화 방안 제시"
const HeavyComponent = memo(({ items }) => (
  <ul>
    {items.map(item => (
      <ListItem key={item.id} item={item} />
    ))}
  </ul>
), arePropsEqual);

src/api/client.ts:45-68 - handleApiError 구현
src/utils/errorHandler.ts:12-45 - error logging 시스템

// 프롬프트: "UserService 클래스에 대한 Jest 테스트 생성"
describe('UserService', () => {
  let service: UserService;
 
  beforeEach(() => {
    service = new UserService(mockRepository);
  });
 
  test('getUserById returns valid user', async () => {
    mockRepository.findOne.mockResolvedValue(testUser);
    const result = await service.getUserById('1');
    expect(result).toEqual(expect.objectContaining({
      id: '1',
      email: 'test@example.com'
    }));
  });
});

// 프롬프트: "이 함수에 대한 JSDoc 및 마크다운 문서 생성"
/**
 * 사용자 권한을 체크하는 함수
 * @param {User} user - 권한을 확인할 사용자 객체
 * @param {Permission} requiredPermission - 요구되는 권한
 * @returns {boolean} 권한 보유 여부
 * @example
 * checkPermission(currentUser, { level: 3, scope: 'billing' })
 */

{
  "generateApiClient": {
    "instruction": "axios 기반 API 클라이언트 생성. 다음 포함:",
    "requirements": [
      "타임아웃 10초",
      "JWT 자동 주입",
      "에러 재시도 3회"
    ]
  }
}

-- 프롬프트: "사용자별 주문 수 상위 10명 조회 (최적화된 버전)"
EXPLAIN ANALYZE
SELECT user_id, COUNT(*) AS order_count
FROM orders
WHERE created_at > NOW() - INTERVAL '1 year'
GROUP BY user_id
ORDER BY order_count DESC
LIMIT 10;
-- AI 추천 인덱스: CREATE INDEX idx_orders_user_created ON orders(user_id, created_at)

graph LR
  A[프로젝트 설정] --> B[코드베이스 분석]
  B --> C[자동 인덱싱]
  C --> D[컨텍스트 캐싱]
  D --> E[실시간 추론]

1. **AI가 잘못된 코드 제안할 때**
   - `Cmd+Shift+E`로 잘못된 코드 강조
   - "/fix 이 부분에서 타입 에러 발생하는 이유 설명해줘"
 
2. **성능 저하 발생 시**
   - `.cursor/cache` 폴더 정리
   - 인덱싱 범위 축소

# 프로덕션 필수 확장
cursor install extension:GitLens
cursor install extension:ErrorLens
cursor install extension:CodeMetrics