프론트엔드 개발의 역동적인 세계에서 최신 도구를 숙지하는 것은 생산성과 창의력을 크게 향상시킬 수 있습니다. 최근 저는 소프트웨어 개발 과정을 획기적으로 가속화하는 AI 코드 편집기인 Cursor를 사용해보게 되었습니다. 이 글에서는 Cursor에 대한 사용해본 내용을 공유하고자 합니다.
AI와 함께하는 Cursor: 코드 편집의 혁명
Cursor는 AI를 코드 편집기에 직접 통합하여 인공지능과의 페어 프로그래밍 경험을 제공함으로써 코딩 경험을 재정의합니다. 다양한 기능들이 개발 워크플로우를 간소화하고 효율성을 높이기 위해 맞춤화되어 있습니다.
주요 기능
- AI 기반 상호작용: Cursor는 개발자가 프로젝트와 “대화”할 수 있도록 하여, 저장소와 직접 관련된 맞춤형 답변과 통찰을 제공함으로써 코드 검색에 소요되는 시간을 크게 줄여줍니다.
- 향상된 코드베이스 탐색: 코드베이스에 대해 질문하거나 변경을 시작할 위치를 파악하는 것이 직관적으로 변하여, 귀중한 시간과 노력을 절약할 수 있습니다.
- 직접 참조: 문서, 코드 정의 및 파일을 편집기 내에서 직접 참조할 수 있어 개발 과정을 단순화합니다.
- 간편한 코드 생성: 처음부터 코드를 생성하거나 간단한 프롬프트로 복잡한 변경을 수행할 수 있어, 저수준 코딩을 처리함으로써 고수준 논리에 집중할 수 있습니다.
- 버그 감지 및 디버깅: 버그를 스캔하고 디버깅을 지원하여 오류의 근본 원인을 효율적으로 찾아냅니다.
- Copilot ++: 변경 사항의 컨텍스트를 신속하게 이해하는 고급 Copilot 버전으로, 완성 및 변경 사항을 제안합니다.
- 프라이버시 및 마이그레이션: 코드가 비공개로 유지되도록 하는 모드를 제공하여 프라이버시를 강조합니다. 또한, VSCode 사용자에게 확장, 테마 및 키바인딩을 지원하여 매끄러운 마이그레이션 과정을 제공합니다.
Cursor의 기원과 특징
Cursor는 OpenAI로부터 100억여 원을 펀딩 받아 Microsoft의 오픈소스인 Code OSS에서 fork해 만든 코드 에디터입니다. 따라서 VS Code와 동일한 기능을 가지고 있으며, VS Code에서 사용하던 확장, 테마, 키바인딩을 그대로 마이그레이션해서 사용할 수 있습니다. 설치 과정에서 기본 프로필을 설정할 수 있으며, 프로필을 복사하여 다양한 설정을 사용해볼 수 있습니다.
AI 도우미와 통합된 UI
Cursor는 코파일럿과 유사한 기능을 제공하며, UI에서부터 에디터 자체가 AI를 활용하도록 통합되어 있습니다. 다음은 주요 기능들입니다
- 코드 수정: 코드 입력 부분에서 프롬프트를 띄워서 코드를 수정해달라고 하면 파일 전체를 수정하면서 삭제/수정 줄을 text diff로 보여주며 코드를 리팩터링합니다.
- 채팅창 기능: 현재 열려있는 파일에 대한 추가 사항을 요구하면 코드를 보여주고, 이를 현재 파일에 적용하는 버튼을 통해 코드를 수정할 수 있습니다.
- 코드베이스 기능: “with codebase” 버튼을 통해 프로젝트/패키지(repo) 전체 코드에 기반한 답변을 제공하며, 프로젝트 전체 파일에서 원하는 코드를 찾아줍니다.
보안과 프라이버시
Cursor는 프라이버시 모드에서 코드를 서버에 남기지 않습니다. 화면 오른쪽 상단의 기어 아이콘을 통해 설정할 수 있습니다.
추가 기능
Cursor는 파일이나 문서를 멘션하고, 새로운 문서 페이지를 학습하여 멘션으로 기반해 질문하거나 코드 생성을 할 수 있습니다. 또한, 다음과 같은 기능을 포함합니다:
- 에러 픽스: lint(밑줄 에러)가 나오면 AI를 사용해 수정할 수 있습니다.
- 터미널 에러 메시지 픽스: 터미널에서 발생하는 에러 메시지를 AI를 사용해 수정할 수 있습니다.
- 응답 Rule 추가: More 탭에서 응답 Rule을 추가할 수 있습니다. 예를 들어, 특정 언어로 답변하기, 특정 주제에 대한 답변 제한, 응답 스타일 설정, 응답 시간 제한, 특정 포맷 사용 등이 가능합니다.
AI 모델
Cursor는 GPT-3.5 터보와 GPT-4 모델을 사용합니다. 사용자는 Pricing 플랜에 따라 선택할 수 있습니다. Cursor Pro를 사용하지 않으려면 오른쪽 상단 설정 기어 창에서 OpenAI의 API Key를 입력해 사용할 수도 있습니다.
실제 응용 사례
Cursor를 사용해 본 경험은 혁신적이었습니다. AI가 고수준 명령에 따라 코드를 이해하고 생성할 수 있는 능력 덕분에 생산성이 두 배로 향상되었습니다. 디버깅과 코드베이스 탐색이 덜 번거롭고 프로젝트와의 대화처럼 상호작용적이 되었습니다.
마치며
Cursor는 코드 편집기에 AI 통합의 최전선에 서 있으며, 비할 데 없는 개발 경험을 제공합니다. 프라이버시에 대한 집중과 VSCode에서의 원활한 마이그레이션 덕분에, 워크플로우에 AI를 활용하려는 개발자들에게 매력적인 선택지가 됩니다.
이 리뷰는 제 개인적인 경험을 반영한 것이며, 스폰서십을 받지 않았습니다. Cursor는 코드 편집기의 진화에서 중요한 도약을 나타내며, 프로젝트에서 AI의 힘을 활용하고자 하는 모든 개발자에게 추천드립니다.
ddd