개발환경 구축

Cursor + Figma MCP 가이드 - Cursor AI 설치 및 기본 설정

퇴근하고싶은 2025. 10. 27. 08:25

Cursor AI란?

Cursor는 AI가 탑재된 코드 에디터입니다. 마이크로소프트의 VS Code를 기반으로 만들어져서 사용법이 비슷하지만, AI가 코드를 자동으로 작성해주는 기능이 추가되어 있습니다. 쉽게 말하면 "AI 비서가 달린 코딩 프로그램"이라고 생각하시면 됩니다.

 

설치 전 준비사항

  • Windows 11 운영체제
  • 최소 4GB RAM (8GB 이상 권장)
  • 1GB 이상의 여유 저장 공간
  • 인터넷 연결

tep 1: Cursor 다운로드

1-1. 공식 웹사이트 접속

  1. 인터넷 브라우저(크롬, 엣지 등)를 실행합니다
  2. 주소창에 https://cursor.com 을 입력하고 Enter를 누릅니다
  3. 메인 페이지가 나타납니다

1-2. 다운로드 버튼 클릭

  1. 페이지 중앙에 있는 "Download for Windows" 버튼을 클릭합니다
  2. 파일이 다운로드됩니다 (파일명: CursorSetup.exe, 크기: 약 100MB)
  3. 다운로드가 완료될 때까지 기다립니다 (인터넷 속도에 따라 1-5분 소요)

💡 팁: 다운로드 폴더는 보통 C:\Users\사용자이름\Downloads 입니다

Step 2: Cursor 설치하기

2-1. 설치 파일 실행

  1. 다운로드가 완료되면 브라우저 하단의 다운로드 바에서 파일을 클릭하거나
  2. 탐색기를 열고 다운로드 폴더로 이동해서 CursorSetup.exe 파일을 더블클릭합니다
  3. "이 앱이 디바이스를 변경할 수 있도록 허용하시겠어요?" 라는 창이 나타나면 "예" 버튼을 클릭합니다

2-2. 설치 진행

  1. Cursor 설치 프로그램이 실행됩니다
  2. 설치 화면이 나타나면 별도의 설정 없이 자동으로 설치가 진행됩니다
  3. 설치 중에는 다음과 같은 작업이 자동으로 수행됩니다:
    • 프로그램 파일 복사
    • 바탕화면에 아이콘 생성
    • 시작 메뉴에 등록
  4. 설치가 완료되면 (약 2-3분 소요) Cursor가 자동으로 실행됩니다

Step 3: 첫 실행 및 회원가입

3-1. Cursor 실행하기

  1. 설치 후 자동으로 실행되지 않았다면 바탕화면의 Cursor 아이콘을 더블클릭합니다
  2. 또는 시작 메뉴에서 "Cursor"를 검색해서 실행합니다

3-2. 계정 생성하기

  1. Cursor가 처음 실행되면 로그인 화면이 나타납니다
  2. 다음 방법 중 하나를 선택해서 계정을 만들 수 있습니다:
    • Google 계정으로 가입: "Continue with Google" 버튼 클릭
    • GitHub 계정으로 가입: "Continue with GitHub" 버튼 클릭
    • 이메일로 가입: 이메일 주소를 입력하고 "Continue with Email" 클릭

💡 추천: Google 계정으로 가입하는 것이 가장 간편합니다

  1. 가입 방법을 선택하면 인증 과정이 진행됩니다
  2. 약관에 동의하고 계정 생성을 완료합니다

3-3. 무료 체험 시작

  1. 계정 생성 후 플랜 선택 화면이 나타납니다
  2. "14-day Free Trial" (14일 무료 체험)을 선택합니다
  3. 무료 체험 기간 동안 모든 기능을 사용할 수 있습니다
  4. 체험 기간이 끝나면 무료 플랜으로 전환되며, 기본 기능은 계속 사용 가능합니다

Step 4: Cursor 화면 구성 이해하기

4-1. 메인 화면 구성

Cursor를 실행하면 다음과 같은 화면 구성을 볼 수 있습니다:

┌─────────────────────────────────────────────────────┐
│ 상단 메뉴바: File, Edit, View, Selection...        │
├──────┬──────────────────────────────────────────────┤
│      │                                              │
│ 왼쪽 │          중앙 에디터 영역                     │
│ 사이 │     (코드를 작성하는 공간)                    │
│ 드바 │                                              │
│      │                                              │
├──────┴──────────────────────────────────────────────┤
│ 하단 터미널/출력 영역                                │
└─────────────────────────────────────────────────────┘

왼쪽 사이드바 아이콘 설명:

  • 📁 Explorer (탐색기): 프로젝트 파일 목록을 보여줍니다
  • 🔍 Search (검색): 파일 내용을 검색합니다
  • 🌿 Source Control: Git 버전 관리 기능입니다
  • 🐛 Run and Debug: 코드를 실행하고 디버그합니다
  • 🧩 Extensions: 확장 프로그램을 관리합니다
  • 🤖 Cursor AI Chat: AI와 대화하며 코드를 작성합니다 (가장 중요!)

4-2. AI 기능 확인하기

  1. 왼쪽 사이드바 하단의 채팅 아이콘 🤖을 클릭합니다
  2. 오른쪽에 AI 채팅창이 열립니다
  3. 채팅창에 "안녕하세요"라고 입력해보세요
  4. AI가 응답하면 정상적으로 작동하는 것입니다

Step 5: 기본 설정하기

5-1. 한국어 UI 설정 (선택사항)

  1. 상단 메뉴에서 File > Preferences > Settings 클릭
  2. 검색창에 "language" 입력
  3. "Display Language"를 "한국어"로 변경
  4. Cursor를 재시작하면 한국어로 표시됩니다

💡 참고: 영어로 사용하는 것도 좋습니다. 프로그래밍 용어는 영어가 더 직관적일 수 있습니다

5-2. 테마 변경하기

  1. 상단 메뉴에서 File > Preferences > Color Theme 클릭
  2. 원하는 테마를 선택합니다 (기본값: Dark+가 눈이 편합니다)
  3. 방향키로 테마를 미리 볼 수 있습니다
  4. Enter를 눌러 테마를 적용합니다

5-3. 글꼴 크기 조정

  1. File > Preferences > Settings 클릭
  2. 검색창에 "font size" 입력
  3. "Editor: Font Size"를 원하는 크기로 변경 (기본값: 14, 권장: 14-16)
  4. 설정이 즉시 적용됩니다

Step 6: 첫 번째 프로젝트 만들어보기

6-1. 작업 폴더 만들기

  1. 윈도우 탐색기를 엽니다 (윈도우키 + E)
  2. 문서 폴더로 이동합니다 (C:\Users\사용자이름\Documents)
  3. 마우스 오른쪽 버튼 클릭 > 새로 만들기 > 폴더
  4. 폴더 이름을 "CursorProjects"로 입력합니다

6-2. Cursor에서 폴더 열기

  1. Cursor로 돌아갑니다
  2. 상단 메뉴에서 File > Open Folder... 클릭
  3. 방금 만든 "CursorProjects" 폴더를 선택합니다
  4. "Select Folder" 버튼을 클릭합니다
  5. "Do you trust the authors of the files in this folder?" 메시지가 나타나면 "Yes, I trust the authors" 클릭

6-3. 첫 파일 만들기

  1. 왼쪽 사이드바의 Explorer 아이콘 (📁)을 클릭합니다
  2. "CursorProjects" 폴더 이름 옆의 "New File" 아이콘을 클릭하거나
  3. 폴더 이름 위에서 마우스 오른쪽 버튼 > "New File" 선택
  4. 파일 이름을 "test.html"로 입력하고 Enter

6-4. AI로 간단한 코드 작성해보기

  1. 오른쪽 AI 채팅창에 다음과 같이 입력합니다:
 
   test.html 파일에 "Hello World"를 표시하는 간단한 HTML 페이지를 만들어줘
  1. AI가 코드를 생성하면 "Apply" 또는 "적용" 버튼을 클릭합니다
  2. 코드가 자동으로 파일에 입력됩니다
  3. 파일을 저장합니다 (Ctrl + S)

6-5. 결과 확인하기

  1. 탐색기에서 "CursorProjects" 폴더로 이동합니다
  2. "test.html" 파일을 더블클릭합니다
  3. 웹 브라우저가 열리면서 "Hello World"가 표시됩니다
  4. 축하합니다! 첫 번째 AI 코드 작성 성공입니다! 🎉

주요 단축키 정리

기능Windows 단축키

파일 저장 Ctrl + S
파일 열기 Ctrl + O
새 파일 Ctrl + N
AI 채팅 열기/닫기 Ctrl + L
명령 팔레트 Ctrl + Shift + P
터미널 열기 Ctrl + ` (백틱)
설정 열기 Ctrl + ,
찾기 Ctrl + F
전체 찾기 Ctrl + Shift + F

 

반응형