Cursor의 기본 인터페이스 이해하기

주요 인터페이스

여러분이 커서(Cursor)를 사용할 때 가장 많이 접하게 될 두 가지 중요한 인터페이스가 있습니다.

바로 채팅 인터페이스와 컴포저입니다.

 

채팅 인터페이스는 코드에 대한 질문이나 문제 해결을 빠르게 도와주는 도구입니다. 실시간으로 AI와 대화하며 코드의 버그를 수정하거나 새로운 아이디어를 얻을 수 있어요.

 

컴포저(Composer)는 코드를 실제로 작성하고 실행하는 공간으로, AI와의 상호작용이 이뤄지는 핵심입니다.

저도 이 두 가지 기능을 활용해 앱과 웹을 개발했고, 개발 과정이 훨씬 수월해졌습니다.

이 두 가지 인터페이스만으로도 생산성을 크게 높일 수 있을 거예요!

1. Ctrl/⌘ + L (채팅 인터페이스)

 

 

Cursor의 채팅 인터페이스는 코드와 관련된 질문이나 설명 요청을 빠르고 쉽게 처리할 수 있는 기능이에요.

특히 저는 주로 디버깅에 활용합니다. AI와 실시간으로 대화하며 문제를 신속히 해결할 수 있죠.

왜 이 기능을 디버깅에 쓰냐면, AI는 대화가 길어질수록 오류 가능성이 높아질 수 있고, 커서의 또 다른 인터페이스인 컴포저에서 디버깅과 개발을 동시에 진행하면 코드가 꼬일 수 있기 때문이에요.

그래서 이 인터페이스를 분리해서 사용하면 훨씬 효율적이에요!

@ 기호 활용

 

 

AI 입력 상자에서 **@**를 입력하면, 파일, 폴더, 웹 검색 등 다양한 리소스에 빠르게 접근할 수 있어요. 이를 활용해 특정 파일이나 소스들을 입력해서 AI가 어떤 작업을 수행해야할지 명확하게 설명해줄수있어요

 

프롬프트 예시

@login.tsx 이 로그인 페이지에서 google 로그인 폼이 정상적으로 작동하지 않는데 @<https://firebase.google.com/docs/auth?hl=ko> 의 문서를 참고해서 수정해줘

 

@Codebase

 

 

@Codebase는 커서의 채팅 기능에서 프로젝트의 코드를 빠르게 찾을 수 있게 도와주는 도구입니다.

코드 파일을 자동으로 분석한 후, 질문에 맞는 부분을 찾아 정리해 줍니다.

쉽게 말해, 프로젝트에서 필요한 코드를 빠르게 찾아주고, 검색 기능도 제공해요.

이를 통해 복잡한 코드베이스에서도 효율적으로 작업할 수 있죠.

다양한 AI 모델 지원

GPT-4, o1, Claude, Gemini, Cursor-small 등 여러 AI 모델을 선택하여 최상의 결과를 얻을 수 있어요.

개인적으로 발급 받은 API KEY를 추가하여 사용 할 수있지만 Cursor의 주요기능을 사용하지 못할수도있어요.

• API KEY란?쉽게 말해, 웹사이트나 앱이 다른 서비스(GPT 같은 AI)와 대화를 나누는 방법이라고 생각하면 돼요.
  1. API Key 발급: OpenAI에서 API Key를 발급받아요. 이건 웹과 GPT가 안전하게 연결될 수 있게 해주는 비밀번호 같은 거예요.
  2. API 호출: 사용자가 웹에 입력한 질문을 GPT API로 보내요.
  3. 응답 받기: GPT가 질문에 대한 답변을 생성해 돌려줘요.
  4. 결과 표시: 그 답변을 사용자에게 보여줘요.
  이 과정에서 사용량에 따라 요금이 발생하고, 이걸 기반으로 지불해요.
• ChatGPT API를 웹에서 사용하는 흐름:
• API(Application Programming Interface)는 서로 다른 프로그램이 통신할 수 있도록 돕는 도구예요.

 

긴 컨텍스트 채팅(베타)

Cursor Settings에서 Beta 탭으로 이동해 Long Context Chat 기능을 활성화할 수 있어요. 이 기능을 켜면 Ctrl/⌘ + . 을 눌러 다양한 채팅 모드로 쉽게 전환할 수 있어요.

긴 컨텍스트 채팅은 지원하는 AI 모델이 더 큰 맥락을 처리할 수 있어서 전체 폴더를 컨텍스트로 포함해 더 정확한 작업을 수행해줘요.

---

2. Ctrl/⌘ + I (Composer)

여러 파일에 걸쳐 코드를 생성하고 편집할 수 있는 커서에서 강력한 도구예요

 

특징:

• 여러 파일에 걸친 변경사항을 한 번에 적용할 수 있어요.
• 프로젝트 전체 구조를 이해하고 작업해요.
• 전체 애플리케이션 구조 생성 가능하고, 더 빠르고 효율적인 작업을 제공해요.

채팅 인터페이스와 컴포저의 주요 차이점

• 범위: Chat은 주로 질문과 대화에 중점을 두고, Composer는 코드 생성과 편집에 특화되어 있어요.
• 적용 방식: Chat에서는 제안된 코드를 수동으로 적용해야 하지만, Composer에서는 한 번에 여러 파일에 변경사항을 적용할 수 있어요. ( 여러 파일이 변경 되기 때문에 항상 신중하게 작업해야해요)
• 인터페이스: Composer는 진행 상황을 보여주는 패널, 중앙 파일 섹션, 채팅 패널이 있어서 더 복잡한 인터페이스를 제공해요.
• 프로젝트 이해도: Composer는 전체 프로젝트 구조를 이해하고 작업하는 데 더 적합해요.
• 사용 목적: Chat은 빠른 질문이나 설명 및 디버깅에 유용하고, Composer는 대규모 코드 생성이나 리팩토링에 더 적합해요.

---

자주 사용하는 단축키 모음

• Ctrl/⌘ + Shift + J 또는 Ctrl/⌘ + Shift + P: Cursor 전용 설정 열기
• Ctrl/⌘ + Shift + I: 컨트롤 패널 열기
• Ctrl/⌘ + I: 미니 컨트롤 패널(Composer) 열기
• Ctrl/⌘ + K: 코드창에서 인라인 채팅 시작
• Ctrl/⌘ + L: 오른쪽 사이드바 채팅
• Option/Alt + Enter: 선택한 텍스트에 대해 빠른 질문 기능 사용
• Ctrl/⌘ + Enter: 채팅에서 임베딩 검색 실행