<aside> 📌

목차

</aside>

Cursor에 대한 오해

Cursor를 극찬하는 사람들을 많이 봐왔지만, AI에 한번 의존하게 되면 스스로 코드를 짤 수 없게 될 것 같아서 계속 외면해왔다. 특히 부트캠프 조교로 일하면서 코드에 대한 이해 없이 무작정 AI에 기대는 수강생들을 너무 많이 봐왔던 터라 Cursor를 시작하는 데에 유독 더 신중해졌던 것 같다.

하지만 강의를 통해 알게 된 Cursor는 단순히 코드를 빠르게 써주는 도구가 아니라, 프로젝트 전체 맥락을 이해한 채 구조적인 코드 설계를 도와주는 도구였다. 특히 공식 Docs를 기반으로 코드 제안을 해주고, Context 를 활용해 지금 프로젝트의 흐름과 구조를 파악해주는 점이 꽤나 인상 깊었다.

이제 프로그래밍에서 AI는 떼려야 뗄 수 없는 존재가 되었다. 단순히 사용하는 걸 넘어서, AI를 얼마나 똑똑하게 활용하느냐가 앞으로 개발자의 경쟁력을 좌우할 것이다.

이번 스터디는 Next.js를 더 잘 다루고 싶어서 신청했지만, 이왕 시작한 김에 Cursor까지 제대로 활용해서, 짧은 시간 안에 더 효율적인 구조를 설계하고 코드 퀄리티까지 끌어올리는 걸 목표로 삼아야겠다

주요 기능

Cursor Tab : 코드 자동 완성 기능

✔️ 기능 요약

• 커서 주변 코드에 어울리는 내용을 자동 제안
• 기존 코드 수정 시 diff 팝업으로 시각화
• 끄는 방법: 우측 하단 상태바의 Cursor Tab 아이콘에 마우스 올리기

✔️ 사용법

• Tab: 제안 수락
• Esc: 제안 거부
• Cmd + →: 제안을 부분적으로 수락

✔️ 부가기능

1. Auto-Import
   • 메서드 입력 시, 자동으로 import 문 제안
   • Tab으로 수락 시 해당 import 자동 추가
   • 작동 안 하면 Cmd + .로 Quick Fix에서 수동 제안 확인 가능
2. Tab in peek
   • Peek View(예: Go to Definition) 안에서 Tab으로 코드 제안 수락 가능
   • 함수 정의 수정 → 호출부 업데이트에 매우 유용
3. Cursor Prediction
   • 편집을 수락하면, 다음 작업할 위치를 예측
   • Tab 키로 그 위치로 이동 가능 → 자연스러운 편집 흐름 지원

Chat : 채팅 기능

✔️ 기능 요약

• 자연어로 코드베이스와 상호작용 가능 예: 코드 설명, 수정, 터미널 명령 제안, 워크플로 자동화

✔️ 사용방법

• Agent 모드 사용: 구현하고 싶은 기능을 설명하면, 관련 파일을 검토해 필요한 변경 제안
• 요구사항 설명: 기술 스택, 프로젝트 종류 등을 말하면 프로젝트 세팅 가능
• Cmd + . : 모드 변경

✔️ 모드 종류

• Agent: 코드 전체를 학습해 자율적으로 변경 사항 적용
• Ask: 코드 설명과 질문 응답 중심
• Manual: 사용자가 제공한 context만으로 집중 편집
• Custom: 사용자 워크플로우에 맞게 설정한 맞춤형 모드