AI Coding Tool

Cursor AI 코딩 초보 가이드 - 코딩 없이 앱 만들기

junetapa 2026. 2. 18 10 min read

Cursor AI는 단순한 코드 에디터가 아니다. AI와 대화하면서 코드를 만들어가는 도구다. 코딩 경험이 전혀 없어도 간단한 웹앱 정도는 만들 수 있다. 설치부터 첫 프로젝트 완성까지, 최대한 쉽게 정리했다.

Cursor AI가 뭔가

Cursor는 VS Code를 기반으로 만든 AI 코드 에디터다. 쉽게 말하면 "AI가 들어간 메모장"인데, 이 AI가 상당히 똑똑해서 내가 원하는 것을 말로 설명하면 코드를 직접 써준다.

예를 들어 "로그인 버튼을 만들어줘"라고 입력하면 HTML, CSS, JavaScript 코드를 자동으로 생성해준다. "이 에러 고쳐줘"라고 하면 문제점을 찾아서 수정 방법을 제안해준다.

2024년에 갑자기 유명해졌고, 지금은 개발자 사이에서 필수 도구처럼 여겨지고 있다. 특히 Vibe Coding이라는 흐름이 생길 만큼, "코딩보다 AI와의 대화"로 소프트웨어를 만드는 방식이 주목받는 중이다.

Cursor AI 에디터의 메인 화면 - 좌측에 파일 탐색기, 중앙에 코드 편집 영역, 우측에 AI 채팅 패널이 보인다
Cursor AI 에디터 메인 화면. 우측의 AI 채팅 패널에서 자연어로 코드를 요청할 수 있다.
핵심 특징
  • AI가 코드를 직접 작성 (Chat, Composer 기능)
  • 기존 코드를 자동 완성, 수정
  • 에러 메시지를 붙여넣으면 해결 방법 제안
  • Claude, GPT-4o 등 여러 AI 모델 선택 가능

설치 방법

5분이면 끝나는 설치 과정이다. Windows, Mac, Linux 모두 지원한다.

01

cursor.com 접속, 다운로드

공식 사이트에서 내 운영체제에 맞는 설치 파일을 받는다. 다운로드 버튼을 클릭하면 자동으로 감지해준다.

02

설치 및 계정 생성

설치 파일을 실행하고 안내를 따라간다. 구글 계정으로 로그인하거나 이메일로 가입할 수 있다. 무료 플랜으로 시작해도 기본 기능을 충분히 쓸 수 있다.

03

VS Code 설정 가져오기 (선택)

기존에 VS Code를 쓰고 있다면 설치 시 "Import from VS Code" 옵션을 선택해서 기존 테마, 확장 프로그램, 키 설정을 그대로 가져올 수 있다.

참고

처음이라면 VS Code를 몰라도 상관없다. Cursor만으로도 충분하다. VS Code는 Cursor의 기반 프로그램일 뿐, 따로 설치할 필요가 없다.

첫 번째 프로젝트 만들기

설치가 끝났으면 실제로 뭔가 만들어보는 게 가장 빠르다. 간단한 To-Do List 웹앱을 예시로 진행해본다.

폴더 열기

Cursor를 실행하고 File > Open Folder로 새 폴더를 하나 만들어 연다.

AI Chat 열기

오른쪽 상단의 Chat 아이콘을 클릭하거나 Ctrl+L (Mac에서는 Cmd+L)을 누른다. AI와 대화하는 창이 열린다.

프롬프트 입력

아래 내용을 그대로 입력해본다.

Cursor AI Chat - 프롬프트 예시 할 일 목록(To-Do List) 웹앱을 만들어줘. - 할 일을 추가하고 삭제할 수 있어야 해 - 완료 여부를 체크박스로 표시 - 깔끔한 디자인으로 만들어줘 (CSS 포함) - 모바일에서도 잘 보이게 해줘 (반응형)

그러면 Cursor AI가 index.html 파일을 생성하고 완성된 코드를 작성해준다. 제안을 수락하면 파일이 만들어진다.

결과 확인

생성된 index.html 파일을 브라우저로 열면 완성된 To-Do 앱을 바로 확인할 수 있다. 프롬프트를 입력하고 결과를 얻기까지 걸린 시간은 약 30초 정도.

Cursor AI가 생성한 To-Do 앱의 코드와 브라우저 미리보기 화면
AI가 작성한 코드(왼쪽)와 브라우저에서 실행한 결과(오른쪽). 한 번의 프롬프트로 기본 기능이 동작하는 앱이 완성됐다.

AI에게 잘 말하는 방법

Cursor AI를 잘 쓰려면 결국 "어떻게 말하느냐"가 핵심이다. 처음에는 좀 어색할 수 있지만 몇 가지 원칙만 기억하면 된다.

구체적으로 말할수록 좋다

같은 요청이라도 구체적일수록 결과가 좋다.

나쁜 예 좋은 예
"버튼 만들어줘" "파란색 배경에 흰색 텍스트로 '로그인' 버튼을 만들어줘. 호버 시 색이 진해지는 CSS 효과도 추가해줘."
"페이지 고쳐줘" "헤더 로고가 모바일에서 잘리는 문제가 있어. 768px 이하에서 로고 크기를 50%로 줄여줘."

에러가 나면 그냥 붙여넣기

브라우저 콘솔이나 터미널에서 에러 메시지가 나오면, 그 텍스트를 복사해서 Chat에 붙여넣고 "이 에러 고쳐줘"라고 하면 된다. AI가 에러 원인을 분석해서 수정 방법을 제안해준다.

단계적으로 진행하기

한 번에 너무 많이 요청하지 않는 게 좋다. "로그인 페이지 전체를 완성해줘"보다는 이렇게 나눠서 요청하는 편이 훨씬 안정적이다.

단계별 프롬프트 예시 1단계: "이메일 입력창을 만들어줘" 2단계: "비밀번호 입력창을 추가해줘" 3단계: "로그인 버튼을 추가하고 폼 검증도 넣어줘" 4단계: "전체 레이아웃을 중앙 정렬하고 반응형으로 만들어줘"
실전 팁

영어로 입력하면 더 정확한 결과를 얻는 경우가 있다. 하지만 한국어도 잘 이해한다. 처음에는 한국어로 시작하고, 결과가 마음에 안 들면 영어로 다시 시도해보자.

알아두면 좋은 주요 기능

Composer (Ctrl+I / Cmd+I)

여러 파일을 동시에 수정할 수 있는 기능이다. "header.html, style.css, script.js를 모두 수정해서 반응형으로 만들어줘"처럼 여러 파일을 한 번에 처리할 수 있다. 프로젝트 전체를 이해하고 수정해주기 때문에 파일 간 충돌도 적다.

Inline Edit (Ctrl+K / Cmd+K)

특정 코드 줄을 선택하고 Ctrl+K를 누르면 그 부분만 집중해서 수정할 수 있다. "이 함수를 더 효율적으로 바꿔줘"처럼 선택한 부분에 대한 정밀 수정이 가능하다.

@파일명으로 컨텍스트 추가

Chat에서 @index.html처럼 파일을 언급하면 해당 파일의 내용을 AI가 참고한다. "이 파일을 보고 같은 스타일로 contact.html을 만들어줘"처럼 활용할 수 있다.

Tab 자동완성

코드를 작성하다 보면 AI가 다음 줄을 예측해서 회색으로 보여준다. Tab 키를 누르면 그 제안을 수락할 수 있어서 반복 작업이 확연히 빨라진다.

기능 단축키 용도
AI Chat Ctrl+L 대화형으로 코드 생성/질문
Composer Ctrl+I 여러 파일 동시 수정
Inline Edit Ctrl+K 선택 영역 집중 수정
Tab 완성 Tab AI 제안 수락

요금제 비교

2026년 2월 기준 Cursor 요금제 정리다.

플랜 가격 주요 기능
Hobby 무료 월 2,000회 Tab 자동완성, 월 50회 느린 Premium 모델
Pro $20/월 무제한 Tab 자동완성, 월 500회 빠른 Premium 모델 (Claude, GPT-4o)
Business $40/월 팀 관리, 보안 정책, 관리자 대시보드 포함

개인적으로 처음 2주는 무료 플랜으로 충분했다. 매일 꽤 많이 쓰게 되는 시점에 Pro로 올리면 된다. 무료 플랜에서도 핵심 기능은 다 써볼 수 있으니 부담 없이 시작하자.

초보자 실수 방지 팁

AI가 틀릴 수 있다

AI가 생성한 코드를 100% 믿으면 안 된다. 가끔 존재하지 않는 함수를 쓰거나 논리가 틀린 코드를 만들기도 한다. 항상 결과를 직접 브라우저에서 테스트하는 습관을 들여야 한다.

변경 전에 저장/백업

Cursor가 파일을 수정하기 전에 Ctrl+Z로 되돌릴 수 있지만, 중요한 파일은 복사본을 만들어두는 게 안전하다. AI가 의도치 않게 파일 전체를 바꿔버릴 수도 있다.

에러 반복 시 접근 방식을 바꾸기

같은 요청을 반복해도 같은 에러가 나면 방향 자체를 전환해야 한다. "다른 방법으로 해줘" 또는 "이 방법 말고 더 단순한 방법으로 해줘"처럼 새로운 경로를 제시해보자.

마무리

Cursor AI는 코딩 입문자에게 정말 유용한 도구다. 예전에는 HTML, CSS, JavaScript를 다 배워야 웹앱 하나를 만들 수 있었다면, 지금은 AI와 대화하면서 아이디어를 코드로 빠르게 옮길 수 있다.

물론 AI가 전부 다 해준다고 생각하면 실망할 수 있다. 복잡한 로직이나 큰 프로젝트에서는 어느 정도의 코딩 지식이 여전히 필요하다. 하지만 간단한 아이디어를 빠르게 프로토타입으로 만들거나, 개발자가 반복 작업을 처리하는 데는 확실히 탁월하다.

나는 개인 프로젝트에서 Cursor 없이는 이제 코딩하기 싫을 정도다. 아직 안 써봤다면 오늘 무료로 시작해보길 권한다.

Cursor AI AI 코딩 코딩 입문 Vibe Coding AI IDE 앱 만들기
junetapa
junetapa
AI 도구를 직접 써보고 솔직한 경험을 공유하는 개발자.
Twitter Facebook URL 복사