Cursor 화면 구성

Cursor를 열면 여러 영역으로 나뉘어 있습니다. 처음에는 복잡해 보이지만, 실제로 우리가 사용하는 영역은 네 군데뿐입니다. 하나씩 알아볼게요.

전체 화면 구조

┌──────────┬─────────────────────┬──────────┐
│          │                     │          │
│  탐색기   │      편집기          │  AI 채팅  │
│ (Explorer)│     (Editor)        │  (Chat)  │
│          │                     │          │
│  파일     │   코드가 보이는      │  AI에게   │
│  목록     │   메인 화면          │  질문하는  │
│          │                     │  곳       │
├──────────┴─────────────────────┴──────────┤
│              터미널 (Terminal)              │
│           명령어를 입력하는 곳               │
└───────────────────────────────────────────┘

하나씩 살펴봅시다.

1. 왼쪽 패널: 탐색기 (Explorer)

왼쪽에 있는 패널은 탐색기입니다. 컴퓨터의 "파일 탐색기"와 비슷한 역할을 합니다.

• 프로젝트에 포함된 파일과 폴더 목록이 보입니다
• 파일을 클릭하면 가운데 편집기에서 열립니다
• 폴더 앞의 ▶ 화살표를 클릭하면 폴더가 열리고 닫힙니다

윈도우의 파일 탐색기에서 폴더를 열어보는 것과 똑같습니다. 다만 여기서는 코드 파일들이 보일 뿐이에요.

열고 닫기: 키보드에서 Ctrl + B 를 누르면 왼쪽 패널이 사라졌다 나타났다 합니다. 화면이 좁을 때 유용해요.

2. 가운데: 편집기 (Editor)

가운데 넓은 영역이 편집기입니다. 여기서 코드를 보고 수정합니다.

• 파일을 열면 그 내용이 여기에 표시됩니다
• 여러 파일을 동시에 열 수 있습니다 (위쪽에 탭으로 표시됨)
• 코드에 색깔이 입혀져 있는 것은 정상입니다 (읽기 쉽게 하기 위한 것)

바이브 코딩에서는 이 편집기의 코드를 직접 타이핑하는 일은 거의 없습니다. AI가 대신 작성해 주니까요. 하지만 AI가 작성한 코드가 어디에 표시되는지는 알아야 합니다.

3. 아래쪽: 터미널 (Terminal)

아래쪽에 있는 어두운 영역이 터미널입니다.

• 텍스트로 컴퓨터에 명령을 내리는 곳입니다
• 예를 들어 "웹사이트를 실행해라" 같은 명령을 여기에 입력합니다
• 처음에는 안 보일 수 있습니다

열고 닫기: 키보드에서 ` Ctrl + `` 를 누르면 터미널이 나타났다 사라졌다 합니다.

` `` 는 백틱이라고 부르는 키입니다. 키보드 왼쪽 위, 숫자 1 옆에 있는 물결표(~) 키를 누르면 됩니다. Shift를 누르지 않은 상태에서요.

터미널에 대해서는 다음 절에서 더 자세히 다룹니다. 지금은 "아래쪽에 명령을 입력하는 곳이 있구나" 정도만 기억해 주세요.

4. 오른쪽: AI 채팅 패널

Cursor의 가장 특별한 기능입니다. AI와 대화할 수 있는 채팅 창이에요.

• AI에게 "이런 기능을 만들어 줘"라고 요청할 수 있습니다
• AI가 코드를 작성해서 보여줍니다
• 코드에 대해 질문하면 설명해 줍니다

열고 닫기: Ctrl + L 을 누르면 AI 채팅 패널이 열립니다.

이 AI 채팅이 바로 바이브 코딩의 핵심 도구입니다. 나중에 본격적으로 사용하게 될 거예요.

자주 쓰는 단축키 정리

외울 필요는 없습니다. 필요할 때 여기로 돌아와서 확인하면 됩니다.

Mac 사용자는 Ctrl 대신 Cmd(⌘)를 사용합니다.

직접 해보기

한번 직접 눌러보세요:

1. Cursor를 엽니다
2. Ctrl + B 를 눌러 왼쪽 패널을 닫았다 열어보세요
3. ` Ctrl + `` 를 눌러 터미널을 열었다 닫아보세요
4. Ctrl + L 을 눌러 AI 채팅 패널을 열어보세요

어떤가요? 각 패널이 나타났다 사라지는 것이 보이면 성공입니다!

혹시 아무 반응이 없다면, Cursor 화면을 한 번 클릭한 후 다시 시도해 보세요. 프로그램이 "선택된" 상태여야 단축키가 작동합니다.

이 절의 요약

• Cursor 화면은 크게 네 영역으로 나뉩니다
• 탐색기(왼쪽): 파일 목록 → Ctrl + B
• 편집기(가운데): 코드 보기/수정
• 터미널(아래): 명령어 입력 → ` Ctrl + ``
• AI 채팅(오른쪽): AI와 대화 → Ctrl + L
• 단축키를 외울 필요는 없습니다. 필요할 때 찾아보면 됩니다