Cursor AI: 10가지 실용적인 예시 | 매거진에 참여하세요

Cursor AI란 무엇이며 무엇을 할 수 있나요?

https://www.cursor.com/

Cursor AI는 소프트웨어 개발을 더 쉽게 만들어주는 AI 기반 코드 편집기입니다.

Visual Studio Code(VS Code)를 기반으로 만들어졌기 때문에 VS Code의 사용자 친화적인 인터페이스와 방대한 생태계를 그대로 유지하여,

이미 해당 플랫폼에 익숙한 개발자들이 더 쉽게 전환할 수 있습니다.

Cursor AI는 OpenAI의 ChatGPT와 Claude를 통해 고급 AI 기능을 통합하고 있습니다.

이 통합 덕분에 Cursor AI는 지능형 코드 제안, 자동 오류 탐지, 동적 코드 최적화 등의 기능을 제공합니다.

주요 자동 완성 기능

Cursor는 주요 자동 완성 및 예측 코드 기능을 제공합니다:

• - 자동 완성 및 코드 예측: Cursor는 자동 완성 기능을 제공하며, 다중 라인 편집을 예측하고 최근 변경 사항에 맞춰 조정합니다.

• - 코드 생성: 최근 변경 사항을 반영하여 사용자가 다음에 하고자 하는 작업을 예측하고 그에 맞는 코드를 제안합니다.

• - 다중 라인 편집: 여러 라인에 걸친 편집을 제안할 수 있습니다.

• - 스마트 리팩토링: 편리하지 않게 작성한 코드도 자동으로 수정하고 개선할 수 있습니다.

• - Cursor 예측: 코드 내에서 커서의 다음 위치를 예측하여, 코드 탐색이 원활하게 진행됩니다.

채팅 기능

Cursor는 더 나은 상호작용을 위해 고급 채팅 기능을 통합하고 있습니다:

• - 코드베이스 답변: 코드베이스에 대해 Cursor에 질문하면, 파일을 검색하여 관련된 답변을 제공합니다.

• - 코드 참조: 특정 코드 블록이나 파일을 참조하고, 이를 쿼리의 컨텍스트에 통합할 수 있습니다.

• - 이미지 지원: 이미지를 채팅에 끌어다 놓거나 버튼을 이용해 시각적 컨텍스트를 추가할 수 있습니다.

• - 웹 검색: 인터넷에서 최신 정보를 직접 코드 쿼리에 반영할 수 있습니다.

• - 즉시 적용: 채팅에서 제안된 코드를 버튼 클릭 한 번으로 코드베이스에 바로 적용할 수 있습니다.

• - 문서 통합: 인기 있는 라이브러리를 참조하거나 자신의 문서를 추가하여 빠르게 접근할 수 있습니다.

더 자세한 기능 목록은 Cursor의 기능 페이지에서 확인할 수 있습니다.

Cursor AI 설치 방법

Cursor AI는 Linux, Windows, macOS용 설치 파일을 공식 웹사이트에서 무료로 다운로드할 수 있도록 제공합니다.

💻 Windows 및 macOS 설치 방법

1. Cursor AI 홈페이지에서 설치 파일을 다운로드합니다.

2. 다운로드한 파일을 일반 프로그램 설치와 동일한 방식으로 실행하여 설치합니다.

🐧 Linux 설치 방법

Linux에서는 Cursor AI가 AppImage 형식으로 제공됩니다. 실행 전, 먼저 실행 권한을 부여해야 합니다:

chmod a+x cursor-0.40.3x86_64.AppImage
./cursor-0.40.3x86_64.AppImage

위 명령어에서 버전 이름(0.40.3x86_64)은 다운로드한 파일에 따라 다를 수 있으므로, 해당 파일 이름에 맞게 변경해야 합니다.

자세한 AppImage 설치 방법은 Cursor 공식 웹사이트를 참고하세요.

설치 후 설정 화면

설치가 완료되면 다음과 같은 구성 화면이 나타납니다:

• - Keyboard (키보드 단축키 설정)
  VS Code의 기본 단축키를 사용합니다. 다른 코드 편집기에 익숙하지 않다면 기본 설정을 추천합니다.

• - Language for AI (AI와의 언어 설정)
  AI와의 상호작용에 사용할 언어를 선택할 수 있습니다. 영어 외의 언어도 지원됩니다.

• - Codebase-wide (전체 코드베이스 분석 기능)
  이 옵션을 활성화하면 AI가 전체 코드베이스의 컨텍스트를 이해할 수 있어 더 정밀한 코드 제안이 가능해집니다.

• - Add terminal command (터미널 명령 추가)
  이 옵션을 활성화하면 터미널에서 Cursor AI를 직접 실행할 수 있습니다.

설정을 마치면 바로 Cursor AI를 사용할 수 있습니다.

Cursor AI 사용 방법: 10가지 활용 사례

이 가이드에서는 **macOS 기준 단축키(⌘ Cmd)**를 사용하여 설명합니다. Windows 또는 Linux 사용자의 경우에는 같은 기능을 Ctrl 키로 사용할 수 있습니다.

1. 인라인 코드 생성 (Inline Code Generation)

• 단축키: ⌘ Cmd + K

• 

  이 단축키를 누르면 작은 프롬프트 창이 열립니다. 여기에 원하는 작업을 설명하는 프롬프트를 입력하고, Generate 버튼을 클릭하면 코드가 생성됩니다.

생성된 코드는 Accept 버튼을 눌러 프로젝트에 바로 추가할 수 있습니다.

• AI 모델은 기본적으로 claude-3.5-sonnet을 사용하며, 드롭다운을 통해 다른 모델로 변경할 수도 있습니다.

2. 기존 코드와 상호작용 (Interact with Existing Code)

• 기존 코드의 일부를 선택한 상태에서 ⌘ Cmd + K 를 누르면, 선택된 코드에 대해 프롬프트를 입력할 수 있습니다.

• 

  예를 들어:

  • 코드 리팩토링

  • 설명 요청

  • 특정 부분 수정 등

• 프롬프트 작성 후 Submit Edit 버튼을 클릭하면 수정 결과가 적용됩니다.

✨ 결과는 diff 형식으로 보여지며, 빨간 줄은 삭제될 코드 초록 줄은 새로 추가될 코드입니다.

3. 기존 코드에 대한 질문 (Ask Questions About Code)

• 위와 동일하게 코드를 선택하고 ⌘ Cmd + K 를 누른 후, 프롬프트에 질문을 입력합니다.

  

  질문인 경우에는 Quick Question 버튼을 클릭하여 질문을 제출합니다.

예시 질문:
“이 함수가 어떤 역할을 하나요?”
“이 코드에서 발생할 수 있는 오류는 어떤 게 있나요?”

질문 제출 후
질문을 제출하면, 시스템이 답변을 생성하여 다음과 같은 형태로 표시합니다:

4. Tab 키를 활용한 자동 완성 (Autocompletion with Tab)

코드를 작성하는 도중, Cursor는 AI를 활용하여 자동 완성 제안을 표시합니다. 기존의 코드 자동 완성과 유사하게 Tab 키를 눌러 제안된 코드를 코드에 바로 삽입할 수 있습니다.

예를 들어 maximum()이라는 함수를 작성하기 시작하면, Cursor가 의도를 파악하고 알맞은 구현 코드를 제안합니다. Tab 키를 누르면 해당 코드가 삽입됩니다.

자연어로 작성한 코드 설명도 자동 완성이 가능합니다.

예를 들어, 리스트의 모든 쌍을 반복하는 이중 for 루프를 만들고 싶다면 자연어로 설명만 입력하면 됩니다. Cursor가 이에 맞는 코드를 제안해 주고, 역시 Tab 키로 삽입할 수 있습니다.

5. 채팅 인터페이스 개요 (Chat Interface Overview)

• 단축키: ⌘ Cmd + L

• 

  이 단축키로 채팅 창을 열 수 있으며, 인라인 생성기보다 더 다양한 기능을 제공합니다.
  코드를 생성하는 것뿐 아니라, 질문하고 맥락을 확장하는 것도 가능합니다.

6. 채팅을 활용한 코드 생성 (Code Generation with Chat)

인라인 채팅과 마찬가지로, 채팅 창을 통해서도 코드 생성이 가능합니다.
생성된 코드는 코드 창의 우측 상단에 있는 Apply 버튼을 클릭하면 프로젝트에 바로 반영할 수 있습니다.

7. @Mention으로 맥락 강화 (Enhancing Query Context with @)

채팅 창의 가장 핵심적인 기능 중 하나는 @Mention입니다.

이 기능은 AI가 더 정확한 답변을 생성할 수 있도록 더 많은 데이터를 제공하는 역할을 합니다.

예를 들어:

• @Web을 사용하면 웹 검색을 통한 정보 접근이 가능합니다.

• 전체 프로젝트 파일, 폴더, GitHub 저장소도 연결할 수 있습니다.

단, 전체 코드베이스나 개인 GitHub 저장소를 AI에 공유하는 것은 보안에 문제가 될 수 있습니다. 민감하거나 개인적인 데이터는 공유하지 않는 것이 좋습니다.

8. 전체 코드베이스 질문 (Global Codebase Questions)

대형 프로젝트에서 유용한 기능 중 하나는 전체 코드베이스를 대상으로 질문할 수 있는 기능입니다.

예를 들어, 앱에서 내비게이션 방향을 계산하는 함수를 찾고 싶을 때, 해당 기능을 설명하기만 하면 Cursor가 그 위치를 찾아줍니다.

Cursor가 코드를 바로 표시하지 않더라도, 제시된 코드 상자를 클릭하면 올바른 파일을 열고 원하는 함수로 스크롤해 줍니다.

9. 이미지 지원 (Image Support)

Cursor의 채팅 기능은 이미지 입력도 지원합니다.

예를 들어 웹사이트의 UI 디자인을 스케치한 후, 이를 채팅창에 드래그 앤 드롭하면 Cursor가 HTML 및 CSS 코드를 자동 생성해 줄 수 있습니다.

10. 문서 추가 기능 (Adding Documentation)

Cursor AI의 매우 유용한 기능 중 하나는 라이브러리 문서를 직접 추가할 수 있다는 점입니다.
이 기능은 잘 알려지지 않았거나 내부용 라이브러리의 문서를 AI가 인식할 수 있도록 도와줍니다.

사용 방법:

1. 채팅창에서 @ 입력 → Docs 선택

2. 문서 URL을 입력
   

문서 URL 추가 이후

문서의 URL을 입력한 후, 해당 문서 항목에 이름을 지정할 수 있습니다.
예를 들어, "PyTorch"라고 이름을 붙이면 이후 채팅 프롬프트에서 @PyTorch를 사용해 문서를 참조할 수 있습니다.

문서 참조는 Cursor 설정의 "Features" 탭에서도 관리할 수 있습니다.

Cursor AI: 추가 기능 및 장점

1. 1. 다국어 및 다언어 지원

이 글에서는 주로 Python, HTML, CSS 예제를 사용했지만, Cursor는 특정 언어에 종속되지 않습니다.
일반 목적의 LLM을 기반으로 하기 때문에, 파일 확장자만 인식하면 모든 프로그래밍 언어의 코드 생성이 가능합니다.

2. 확장 기능 (Extensions)

Cursor는 VS Code 기반이기 때문에, VS Code의 풍부한 확장 생태계를 그대로 사용할 수 있습니다.
View 메뉴에서 확장 기능에 접근할 수 있습니다.

📌 Python 개발 환경 설정이 필요하다면, VSCode의 Python 튜토리얼을 참고해도 동일하게 적용됩니다.

3. 협업 기능

Cursor에서 Git 등의 협업 도구 사용은 일반적인 코드 에디터와 동일합니다.
또한, @GitHub과 같은 프롬프트를 통해 Git 리포지토리를 AI 채팅의 맥락으로 추가할 수 있습니다.

⚠️ 단, 리포지토리에 민감한 정보가 포함되어 있다면 AI와 공유 시 주의가 필요합니다.

4. 커스텀 AI 룰 설정

Cursor는 AI의 행동 방식을 사용자 설정에 따라 조정할 수 있습니다.
Settings > General에서 설정할 수 있으며,

예를 들어: "항상 Python 함수 정의에 타입 힌트를 사용하세요"

와 같은 룰을 추가하면 AI가 자동으로 해당 지침을 따릅니다.

5. 5. 사용자 정의 AI 모델

Cursor는 다른 AI 모델을 추가할 수 있는 기능도 제공합니다.
Settings > Models에서 모델을 추가하거나, API 키를 등록할 수도 있습니다.

마지막으로 Cursor AI vs GitHub Copilot 비교