바이브코딩(커서) 팁 모음

 

커서 관련 좋은 팁들을 이 포스팅에 계속 업데이트 예정이다.

 

 

 

 

 

 

중요 프로젝트 규칙:
코드를 작성하기 전 항상 @architecture.md를 읽으세요. 이 문서는 프로젝트의 전체 데이터베이스 스키마를 포함합니다.
새로운 컴포넌트나 기능을 추가하기 전에 @design-document.md의 내용을 반드시 참고하세요.
주요 기능을 추가하거나 마일스톤을 완료할 때마다 즉시 @architecture.md 및 @design-document.md를 업데이트하세요.
모든 컴포넌트는 React의 함수형 컴포넌트와 TypeScript로 작성되어야 합니다.
CSS 스타일링은 Tailwind CSS만 사용하며, 커스텀 CSS 파일을 추가하지 마세요.
API 호출은 axios 라이브러리를 사용하며, API 키나 인증 정보는 별도의 환경 변수로 관리되어야 합니다.
모든 기능은 단위 테스트를 포함해야 하며, Jest로 작성된 테스트 파일을 코드와 함께 제공해야 합니다.
코드의 중복을 피하고 공통 로직은 반드시 /utils 폴더에 별도의 함수로 분리하세요.

 

참고:  https://haebom.dev/archive?post=xjqy1g2vdrgyp26vd54z

(내가 아는) 바이브 코딩에 대한 모든 것 - haebom

 

 

 

 

 

 

https://www.stdy.blog/12-tips-for-smarter-cursor-usage/

Cursor를 더 똑똑하게 사용하고 싶은 분들을 위한 팁 12개 (장문주의)

 

 

 

Cursor를 잘 쓰면 = 빠르고 깔끔한 코드
Cursor를 잘못 쓰면 = 한 주 내내 치워야 할 AI 스파게티 코드

Cursor를 제대로 사용하는 방법은 이렇습니다:

1. 프로젝트 초반에 5~10개의 명확한 규칙을 정하세요.
   Cursor가 구조와 제약을 이해할 수 있도록 해야 합니다.
   기존 코드베이스에는 /generate rules 명령어를 사용해 보세요.
2. 프롬프트는 구체적으로 작성하세요.
   기술 스택, 동작 방식, 제약 조건 등을 미니 사양서처럼 상세히 설명해야 합니다.
3. 파일 단위로 작업하세요.
   하나씩 생성 → 테스트 → 리뷰 과정을 작고 집중된 단위로 반복하세요.
4. 테스트 코드를 먼저 작성하고, 고정하세요.
   테스트가 전부 통과할 때까지 코드를 생성하세요.
5. AI가 생성한 코드는 반드시 검토하고, 고치세요.
   깨지는 부분은 직접 수정한 뒤 Cursor에게 좋은 예로 삼게 하세요.
6. @ file, @ folders, @ git을 사용해서
   Cursor의 주의를 코드베이스의 특정 부분으로 정확히 지정하세요.
7. 디자인 문서와 체크리스트는 .cursor/ 폴더에 넣으세요.
   그래야 Cursor 에이전트가 다음 작업의 전체 맥락을 파악할 수 있습니다.
8. 코드가 틀렸으면 그냥 직접 작성하세요.
   Cursor는 설명보다 수정한 코드를 통해 더 빨리 학습합니다.
9. 대화 기록(chat history)을 활용해
   이전 프롬프트를 다시 시작하지 않고도 계속 개선할 수 있습니다.
10. 모델은 신중하게 선택하세요.
    정밀도가 필요하면 Gemini, 넓은 범위의 사고가 필요하면 Claude를 사용하세요.
11. 낯선 스택에서는 문서 링크를 붙여주세요.
    Cursor에게 모든 에러와 수정사항을 한 줄씩 설명하게 하세요.
12. 대규모 프로젝트는 인덱싱을 밤새 돌리고,
    작업할 때는 컨텍스트 범위를 제한해서 성능을 빠르게 유지하세요.

---

구조와 통제가 승리의 열쇠입니다 (지금은).
Cursor 에이전트는 강력한 주니어 개발자처럼 다뤄야 합니다 —
방향만 잘 잡아주면, 빠르고 멀리 갈 수 있습니다.

 

참고: https://www.commits.world/p/12-ways-to-properly-use-cursor?ref=stdy.blog

커서를 제대로 사용하는 12가지 방법