# Cursor 첫 실행

Cursor는 VS Code에 AI를 붙인 코드 편집기입니다. 오늘은 코드를 "쓰는" 게 아니라 **AI에게 시켜서 고치게 하는** 흐름에 익숙해지는 게 목표예요.

## 열어 보기

1. Cursor를 실행하고 **로그인**합니다. 사전에 가입하고 Pro+ 를 결제한 계정으로요. 아직이라면 → [가입](https://opencircuit.club/wiki/start/signup).
2. 바탕화면에 `opencircuit` 폴더를 하나 만듭니다.
3. Cursor에서 **File → Open Folder**로 그 폴더를 엽니다. 왼쪽에 빈 탐색기가 뜨면 성공입니다.

> [!NOTE]
> 한글 메뉴가 필요하면 <kbd>Ctrl/⌘</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> → `Configure Display Language` → `한국어`. 필수는 아닙니다.

## 세 가지 창

Cursor에서 오늘 쓰는 건 세 곳뿐입니다.

| 단축키 | 이름 | 언제 쓰나 |
| --- | --- | --- |
| <kbd>Ctrl/⌘</kbd>+<kbd>L</kbd> | 채팅 (Agent) | "이런 걸 만들어 줘", 파일 여러 개를 고칠 때 |
| <kbd>Ctrl/⌘</kbd>+<kbd>K</kbd> | 인라인 편집 | 지금 커서 있는 곳만 살짝 고칠 때 |
| <kbd>Ctrl/⌘</kbd>+<kbd>`</kbd> | 터미널 | 명령어 실행 (`git`, `node` 등) |

## 첫 대화

1. <kbd>Ctrl/⌘</kbd>+<kbd>L</kbd>로 채팅을 엽니다.
2. 다음을 붙여 넣고 보냅니다.

```text
index.html 파일을 만들어 줘. 화면 가운데에 내 이름이 크게 나오고,
배경색이 3초마다 바뀌면 좋겠어. 파일 하나로 끝나게 해 줘.
```

3. AI가 파일을 만들면 **Accept**를 누릅니다. 왼쪽 탐색기에 `index.html`이 생깁니다.
4. `index.html`을 마우스 오른쪽 클릭 → **Reveal in Finder / Explorer** → 파일을 더블클릭해 브라우저로 엽니다.

> [!TIP]
> 결과가 마음에 안 들면 다시 시키면 됩니다. "배경색을 파스텔톤으로만", "이름 대신 오늘 날짜로" 처럼 **한 번에 한 가지씩** 말하는 게 잘 됩니다.

## 부분만 고치기

1. `index.html`을 열고 이름이 적힌 줄에 커서를 둡니다.
2. <kbd>Ctrl/⌘</kbd>+<kbd>K</kbd> → `글자 크기를 두 배로` → <kbd>Enter</kbd>.
3. 초록/빨강으로 바뀌는 부분을 확인하고 **Accept**.

## 터미널 확인

<kbd>Ctrl/⌘</kbd>+<kbd>`</kbd>로 터미널을 열고 아래를 실행합니다. 셋 다 버전이 찍히면 설치가 잘 된 겁니다.

```bash
git --version
node --version
npm --version
```

> [!WARNING]
> `command not found`가 나오면 설치가 안 된 것입니다 → [command not found](https://opencircuit.club/wiki/stuck/command-not-found).

> [!TODO]
> 수업 전 확인: 최신 Cursor의 Agent/Chat 탭 이름·단축키가 위와 같은지, 무료 계정으로 오늘 실습량이 충분한지.
