AI 코드 에디터의 시작: 설치부터 핵심 개념 정복하기

코딩을 처음 배우거나 이미 하고 있는 사람들에게 '에디터'는 필기구와 같다. 지금까지는 메모장이나 VS Code(Visual Studio Code)가 대세였지만, 이제는 시대가 변했다. 단순히 글자를 치는 도구가 아니라, 내 의도를 파악하고 코드를 대신 짜주는 AI 전용 에디터 'Cursor(커서)'가 등장했기 때문이다.

오늘은 Cursor가 무엇인지, 어떻게 설치하고 시작하는지 아주 쉽게 파악해 보자.

1. Cursor란 무엇인가?

Cursor는 전 세계 개발자들이 가장 사랑하는 에디터인 'VS Code'를 기반으로 만든 AI 통합 코드 에디터다.

중요한 점은 AI 기능을 나중에 끼워 넣은 것이 아니라, 처음부터 "AI와 어떻게 하면 가장 편하게 대화하며 코딩할 수 있을까?"를 고민하며 만들어졌다는 것이다. 덕분에 우리는 ChatGPT에 코드를 복사해서 붙여넣는 번거로운 과정 없이, 에디터 안에서 모든 것을 해결할 수 있다.

2. 3분 만에 끝내는 설치와 세팅

설치 과정은 일반적인 프로그램과 다르지 않다. 하지만 한 가지 강력한 장점이 있다.

1. 다운로드: Cursor 공식 홈페이지에서 본인의 OS(Windows, Mac 등)에 맞는 버전을 내려받는다.
2. VS Code 설정 가져오기: 설치 후 실행하면 기존에 VS Code를 쓰던 사람들을 위해 테마, 단축키, 플러그인을 그대로 가져올 수 있는 옵션이 뜬다. 버튼 하나면 이사가 끝난다.
3. 로그인: AI 기능을 사용하려면 회원가입과 로그인이 필요하다. 무료 플랜으로도 충분히 강력한 기능을 체험해 볼 수 있다.

3. 꼭 알아야 할 Cursor의 핵심 개념

Cursor를 제대로 쓰기 위해선 딱 두 가지 개념만 이해하면 된다. 바로 '컨텍스트(Context)'와 '인덱싱(Indexing)'이다.

① 컨텍스트 (Context): AI의 시야

AI에게 "이 코드 고쳐줘"라고 했을 때, AI가 내 프로젝트의 다른 파일들이나 코드 구조를 모른다면 엉뚱한 대답을 할 것이다. Cursor는 내가 지금 작업 중인 파일, 열어둔 탭, 그리고 프로젝트 전체 구조를 '맥락(Context)'으로 파악한다. 즉, AI가 내 프로젝트의 상황을 실시간으로 지켜보고 있다는 뜻이다.

② 인덱싱 (Indexing): 프로젝트의 지도 만들기

Cursor를 처음 켜면 오른쪽 하단에서 무언가 계산하는 모습을 볼 수 있다. 이것은 내 프로젝트의 모든 코드를 읽고 AI가 이해하기 쉬운 형태로 '지도'를 만드는 과정이다. 이 작업이 끝나야만 "우리 프로젝트에서 로그인 로직이 어디 있지?" 같은 질문에 AI가 정확히 대답할 수 있다.

4. 마법의 단축키: AI 부르기

설치를 마쳤다면 다음의 단축키 두 가지만 먼저 눌러보자.

• Cmd(Ctrl) + K (Inline Edit): 코드 창에서 바로 AI에게 명령한다. "여기에 1부터 10까지 출력하는 코드 짜줘"라고 하면 그 자리에 바로 코드가 적힌다.
• Cmd(Ctrl) + L (Chat): 오른쪽 사이드바에서 AI와 대화한다. 코드의 의미를 물어보거나 에러 원인을 파악할 때 유용하다.

5. 요약: 왜 Cursor인가?

지금까지는 내가 코드를 다 짜고 AI에게 검사받는 방식이었다면, Cursor는 AI와 나란히 앉아 함께 코드를 짜는 방식이다.

• VS Code와 똑같이 생겨서 적응할 필요가 없다.
• 내 프로젝트의 전체 구조를 AI가 이미 알고 있다.
• 반복적인 타이핑을 AI가 대신해 준다.

이제 도구는 준비되었다. 다음 포스팅에서는 Cursor의 꽃이라고 불리는 'Tab(탭) 자동 완성' 기능을 통해 어떻게 코딩 속도를 5배 이상 올릴 수 있는지 알아보자.