Cursor 설치하기

Cursor는 AI가 내장된 코드 에디터입니다. Visual Studio Code 기반으로 만들어져서 사용하기 쉽습니다.

왜 Cursor를 선택했나요?

AI 코딩 도구는 많습니다. GitHub Copilot, ChatGPT, Claude 등… 그런데 왜 Cursor일까요?

Cursor의 장점

1. 🎯 올인원 통합 환경

다른 도구들은 코드 에디터 + AI 서비스를 따로 사용해야 합니다.

GitHub Copilot: VS Code 설치 → 확장 프로그램 설치 → 구독 결제
ChatGPT: 브라우저와 에디터를 왔다갔다 해야 함

Cursor는?

AI가 이미 내장되어 있음
설치하자마자 바로 사용 가능
별도 설정이 거의 필요 없음

2. 💬 자연스러운 대화형 코딩

Cursor는 단순히 코드를 자동완성하는 게 아닙니다:

당신: "회사 소개 페이지를 만들어줘"
Cursor: [완전한 HTML 파일을 생성]

당신: "배경색을 파란색으로 바꿔줘"
Cursor: [CSS를 수정하고 적용]

당신: "모바일에서도 잘 보이게 해줘"
Cursor: [반응형 디자인 추가]

마치 옆에 전문 개발자가 있는 것처럼 대화하며 작업할 수 있습니다.

3. 🎓 초보자 친화적

한글 완벽 지원: 영어 몰라도 한국어로 질문 가능
VS Code 기반: 전 세계에서 가장 많이 쓰는 에디터와 동일한 인터페이스
무료 플랜 제공: 처음 시작할 때 비용 부담 없음
설명도 같이: 코드를 만들면서 왜 이렇게 했는지 설명해줌

4. 🚀 강력한 AI 모델

Cursor는 여러 최신 AI 모델을 사용할 수 있습니다:

GPT-4 (OpenAI)
Claude (Anthropic)
그 외 여러 모델

필요에 따라 가장 적합한 AI를 선택할 수 있습니다.

5. 🔄 컨텍스트 이해

단순히 한 줄의 코드만 보는 게 아니라:

전체 프로젝트 구조 파악
파일 간의 관계 이해
이전 대화 내용 기억
프로젝트 전체를 고려한 답변 제공

다른 도구와의 비교

도구	장점	단점
Cursor	올인원, 초보자 친화적, 무료 플랜	-
GitHub Copilot	자동완성 빠름	대화 불가, 유료 필수
ChatGPT	설명 자세함	코드 에디터 아님, 복사 붙여넣기 필요
VS Code	무료, 확장성 좋음	AI 기능 별도 설치 필요

결론: Cursor는 초보자가 바이브 코딩을 시작하기에 가장 적합한 도구입니다.

1단계: Cursor 다운로드

Windows 사용자

https://cursor.sh 접속
“Download for Windows” 버튼 클릭
다운로드된 CursorSetup.exe 파일 실행

Mac 사용자

https://cursor.sh 접속
“Download for Mac” 버튼 클릭
다운로드된 .dmg 파일 실행
Cursor 아이콘을 Applications 폴더로 드래그

2단계: Cursor 설치

Windows

설치 프로그램이 자동으로 실행됩니다
“설치” 버튼 클릭
설치가 완료되면 자동으로 Cursor가 실행됩니다

Mac

다운로드한 파일을 더블클릭
Cursor를 Applications 폴더로 드래그
Applications 폴더에서 Cursor 실행
“열기” 버튼 클릭 (보안 경고가 뜨면)

3단계: 첫 실행 및 설정

Cursor를 처음 실행하면 몇 가지 설정을 해야 합니다.

언어 설정

Cursor가 실행되면 환영 화면이 나타납니다
한국어를 사용하려면 왼쪽 아래 톱니바퀴 아이콘 클릭
“Configure Display Language” 선택
“한국어” 선택
Cursor 재시작

AI 기능 활성화

Cursor 화면 우측 상단에 로그인 버튼이 있습니다
“Sign Up” 또는 “Sign In” 클릭
이메일 또는 Google/GitHub 계정으로 가입/로그인
무료 플랜으로 시작 가능합니다

4단계: Live Server 확장 프로그램 설치

웹 개발을 편하게 하려면 Live Server를 설치해야 합니다. 코드를 수정할 때마다 자동으로 브라우저에 반영되어 매우 편리합니다.

Live Server란?

로컬 개발 서버를 실행해주는 도구
코드를 수정하면 저장과 동시에 브라우저가 자동으로 새로고침됨
HTML, CSS, JavaScript 파일을 실시간으로 확인 가능

설치 방법

Cursor 실행
왼쪽 사이드바에서 확장 프로그램 아이콘 클릭 (사각형 4개 모양)
- 또는 Ctrl + Shift + X (Mac: Cmd + Shift + X) 단축키 사용
검색창에 “Live Server” 입력
“Live Server” (작성자: Ritwick Dey) 찾기
“Install” 버튼 클릭
설치가 완료되면 우측 하단에 “Go Live” 버튼이 나타납니다

Live Server 사용법

HTML 파일을 열어둔 상태에서
우측 하단의 “Go Live” 버튼 클릭
자동으로 브라우저가 열리며 http://localhost:5500 주소로 접속됨
코드를 수정하고 저장(Ctrl + S)하면 자동으로 새로고침됨
종료하려면 “Port: 5500” 버튼 클릭

유용한 팁

포트가 이미 사용중이면 5501, 5502 등으로 자동 변경됩니다
여러 파일을 동시에 작업해도 Live Server는 하나만 실행하면 됩니다
프로젝트 폴더를 열어두면 모든 파일에 접근 가능합니다

5단계: 테스트해보기

설치가 잘 되었는지 확인해봅시다.

Cursor 실행
Ctrl + N (Mac: Cmd + N) 눌러서 새 파일 만들기
다음 코드 입력:

<!DOCTYPE html>
<html>
<head>
    <title>안녕하세요</title>
</head>
<body>
    <h1>내 첫 웹페이지</h1>
    <p>이 페이지는 Live Server로 실행중입니다!</p>
</body>
</html>

Ctrl + S (Mac: Cmd + S) 눌러서 test.html로 저장
우측 하단의 “Go Live” 버튼 클릭
브라우저가 자동으로 열리며 페이지가 표시됩니다
코드에서 “내 첫 웹페이지”를 다른 텍스트로 바꾸고 저장해보세요
브라우저가 자동으로 새로고침되는 것을 확인할 수 있습니다

브라우저에서 페이지가 잘 보이고 자동 새로고침이 되나요? 축하합니다! 설치가 완료되었습니다.

중요: 앞으로 모든 웹 개발 작업은 Live Server로 확인하며 진행합니다. 파일을 더블클릭해서 여는 것보다 훨씬 편리합니다!

무료 vs 유료 플랜

무료 플랜

월 50회 AI 요청 가능
기본 코드 편집 기능
초보자에게 충분함

유료 플랜 (Pro)

무제한 AI 요청
더 강력한 AI 모델 사용
월 $20

처음에는 무료 플랜으로 충분합니다. 나중에 필요하면 업그레이드하세요.

문제 해결

Cursor가 실행되지 않아요

Windows: 바이러스 백신 프로그램이 차단하는지 확인
Mac: 시스템 환경설정 > 보안 및 개인 정보 보호에서 허용
관리자 권한으로 실행해보세요

AI 기능이 작동하지 않아요

인터넷 연결 확인
로그인이 되어있는지 확인
Cursor 재시작

한글이 깨져요

파일 인코딩을 UTF-8로 설정
우측 하단에서 인코딩 변경 가능

다음 단계로 넘어가볼까요?