본문으로 건너뛰기

Cursor에서 프롬프트 사용하는 방법

팁

프롬프트를 효과적으로 사용하면 AI 지원을 활용하여 Cursor에서 코딩 생산성을 크게 향상시킬 수 있습니다.

프롬프트 이해하기​

Cursor의 프롬프트는 다음과 같은 작업에 도움이 되는 자연어 지시문입니다:

  • 코드 생성
  • 문제 디버깅
  • 기존 코드 리팩토링
  • 설명 얻기
  • 작업 자동화

기본 프롬프트 유형​

1. 코드 생성​

# 기본 코드 생성
/generate 호버 효과가 있는 React 버튼 컴포넌트 만들기

2. 코드 설명​

# 코드에 대한 설명 얻기
/explain 이 정규식 패턴은 무엇을 하나요: ^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$

3. 코드 리팩토링​

# 리팩토링 요청
/refactor 이 함수를 async/await를 사용하도록 변환

효과적인 프롬프트 작성하기​

1. 구체적으로 작성하기​

✅ 좋은 프롬프트:

/generate 적절한 오류 처리가 포함된 정규식을 사용하여 이메일 주소를 검증하는 TypeScript 함수 만들기

❌ 나쁜 프롬프트:

/generate 이메일 검사기 만들기

2. 컨텍스트 제공하기​

/explain Redux를 상태 관리에 사용하는 React 애플리케이션의 컨텍스트에서 이 코드:

3. 매개변수 사용하기​

/generate language:typescript
         framework:react
         style:functional
         이메일 검증이 있는 폼 컴포넌트 만들기

고급 프롬프트 기능​

1. 다단계 작업​

/task 사용자 인증 시스템 만들기
단계:
1. 로그인 폼 만들기
2. 유효성 검사 추가
3. API 호출 구현
4. 응답 처리
5. 오류 처리 추가

2. 템플릿 생성​

/template 다음을 포함한 새 React 컴포넌트 템플릿 만들기:
- TypeScript
- Styled Components
- 단위 테스트
- 문서화

3. 사용자 정의 규칙​

/rules 다음에 대한 사용자 정의 규칙 추가:
- 코드 스타일
- 오류 처리
- 문서화
- 테스트 요구사항

언어별 프롬프트​

JavaScript/TypeScript​

/generate js
다음을 포함한 API 요청을 처리하는 ES6 클래스 만들기:
- Axios 통합
- 오류 처리
- 요청 캐싱

React 컴포넌트​

/generate react
다음을 포함한 반응형 네비게이션 컴포넌트 만들기:
- 모바일 메뉴
- 다크 모드 지원
- 접근성 기능

모범 사례​

1. 프롬프트 구조화하기​

/generate
목적: 인증 미들웨어 만들기
요구사항:
- JWT 검증
- 역할 기반 접근
- 오류 처리
- 로깅
기술:
- Express.js
- jsonwebtoken 라이브러리

2. 템플릿 사용하기​

재사용 가능한 프롬프트 템플릿 만들기:

# 템플릿 저장
/template save auth-component
다음을 포함한 인증 컴포넌트 만들기:
- 로그인/등록 폼
- 유효성 검사
- API 통합
- 오류 처리

# 템플릿 사용
/template use auth-component

3. 예제 포함하기​

/generate
다음과 유사한 함수 만들기:
```javascript
function example(data) {
  return data.filter(item => item.active);
}

하지만 추가적인 타입 검사와 오류 처리 포함


## 프롬프트 패턴

### 1. 코드 리뷰

```bash
/review
이 코드에 대해 다음을 확인:
- 성능 문제
- 보안 취약점
- 모범 사례
- 타입 안전성

2. 문서화​

/doc
다음에 대한 문서 생성:
- 함수 매개변수
- 반환 값
- 예제
- 엣지 케이스

3. 테스팅​

/test
다음을 포함하는 단위 테스트 만들기:
- 해피 패스
- 엣지 케이스
- 오류 시나리오
- 비동기 동작

고급 기법​

1. 프롬프트 체이닝​

/chain
1. API 서비스 생성
2. 오류 처리 추가
3. 테스트 만들기
4. 문서 추가

2. 컨텍스트 인식​

/context
고려사항:
- 현재 파일 가져오기
- 프로젝트 구조
- 종속성
- 코딩 표준

3. 반복적 개선​

/refine
생성된 코드를 다음과 같이 개선:
1. 타입 안전성 추가
2. 성능 최적화
3. 가독성 향상
4. 주석 추가

문제 해결​

일반적인 문제​

  1. 불명확한 결과

    /clarify
    이전 생성에서 다음을 처리하지 않았습니다:
    - 엣지 케이스
    - 오류 시나리오

  2. 컨텍스트 누락

    /context add
    프로젝트 사용:
    - React 18
    - TypeScript 4.8
    - Material UI

  3. 불완전한 생성

    /continue
    다음을 포함하여 구현을 완료해 주세요:
    - 오류 처리
    - 타입 정의

통합 팁​

1. 버전 관리​

/generate
다음을 따르는 커밋 메시지 작성:
- 컨벤션 커밋
- 이슈 참조
- 주요 변경사항

2. 프로젝트 설정​

/setup
다음으로 프로젝트 초기화:
- TypeScript 구성
- ESLint 규칙
- Prettier 설정
- Git 훅

3. 문서화​

/doc
프로젝트 문서 생성:
- README.md
- API 문서
- 설정 지침
- 기여 가이드라인

성공을 위한 팁​

  1. 명확하고 구체적으로

    • 요구사항 명시
    • 예제 제공
    • 제약 조건 지정

  2. 반복 및 개선

    • 기본 프롬프트로 시작
    • 점진적으로 세부 정보 추가
    • 결과에 따라 개선

  3. 응답에서 배우기

    • AI 제안 분석
    • 프롬프트 패턴 개선
    • 효과적인 프롬프트 저장
팁

/help 명령을 사용하여 더 많은 프롬프트 기능과 옵션을 발견하세요!

관련 리소스​