비개발자도 커서 코딩, 30분이면 첫 결과물 완성
설치부터 실행까지, 코드 한 줄 몰라도 그대로 따라 하면 됩니다
- 커서 코딩은 채팅창에 원하는 걸 문장으로 적기만 하면 코드가 만들어지는 방식입니다.
- 설치부터 첫 실행까지 특별한 사전 지식 없이 15~20분이면 끝납니다.
- Cmd+L(채팅)과 Cmd+K(인라인 수정) 두 단축키만 알아도 시작할 수 있습니다.
- 실습 예제로 실제 동작하는 웹페이지 하나를 처음부터 완성해봅니다.
- 자주 나는 오류 3가지와 해결법도 함께 정리했습니다.
노트북 앞에 앉아서 “나도 뭔가 만들어보고 싶은데” 하고 검색창에 커서 코딩이라고 쳐본 적 있으신가요? 프로그래밍 언어를 하나도 모르는 상태에서도, 커서(Cursor)라는 에디터를 쓰면 채팅하듯 문장만 입력해서 실제로 동작하는 코드를 만들 수 있습니다.
이 글에서는 커서를 처음 설치하는 순간부터, 채팅창에 첫 질문을 던지고, 실제로 웹페이지 하나를 완성해서 브라우저로 열어보는 과정까지 순서대로 따라 합니다. 개발 용어는 필요할 때마다 그 자리에서 바로 풀어서 설명합니다.
중간에 자주 만나는 오류 3가지와 해결법도 미리 정리해뒀습니다. 커서 코딩이 처음이라 막막하더라도, 이 글 하나만 순서대로 따라오면 오늘 안에 결과물을 눈으로 확인할 수 있습니다.
프로그래밍 몰라도 커서 코딩이 가능한 이유
기존 코드 에디터는 문법을 직접 입력해야 했습니다. 세미콜론 하나만 빠져도 프로그램이 멈췄습니다. 그래서 비개발자에게는 진입 장벽이 높았습니다.
커서는 이 구조를 뒤집었습니다. 화면 왼쪽이나 오른쪽에 있는 채팅창에 “버튼을 누르면 색이 바뀌는 페이지 만들어줘”처럼 원하는 결과를 문장으로 적으면, AI가 실제 코드를 생성해서 파일에 넣어줍니다. 사용자는 문법이 아니라 결과물을 설명하기만 하면 됩니다.
커서는 마이크로소프트의 비주얼 스튜디오 코드(VS Code)를 기반으로 만들어졌습니다. 그래서 화면 구성 자체는 일반 문서 편집기와 크게 다르지 않습니다. 여기에 OpenAI, Anthropic(Claude), Google(Gemini) 등 여러 AI 모델이 내장돼 있어서, 채팅창에 요청만 하면 원하는 모델이 코드를 대신 작성합니다.
많은 사람이 커서 코딩을 시작할 때 “완벽한 문법을 몰라도 되나?”를 가장 걱정합니다. 결론부터 말하면 문법은 AI가 처리합니다. 사용자가 신경 써야 할 건 오직 하나, “무엇을 원하는지”를 구체적인 문장으로 표현하는 능력입니다. 막연하게 “쇼핑몰 만들어줘”보다 “상품 이미지와 이름, 가격이 나오는 카드 3개짜리 목록 페이지를 만들어줘”처럼 구체적일수록 결과물의 완성도가 올라갑니다.
커서 설치부터 첫 실행까지
커서 코딩을 시작하려면 먼저 프로그램을 설치해야 합니다. 공식 홈페이지에서 사용 중인 운영체제(윈도우, 맥, 리눅스)에 맞는 설치 파일을 내려받습니다. 무료 요금제로도 하루 몇 번의 AI 요청이 가능해서, 처음 배우는 단계에서는 결제 없이도 충분합니다.
설치 파일을 실행하면 안내에 따라 다음, 다음만 눌러도 설치가 끝납니다. 별도의 개발 환경 설정 없이 바로 실행 가능한 게 커서의 장점입니다.
처음 실행하면 기존에 VS Code를 쓰던 사람은 설정과 확장 프로그램을 그대로 가져올 수 있냐고 물어봅니다. 비개발자라면 이 단계는 건너뛰어도 됩니다. 로그인 화면이 뜨면 구글 계정 등으로 간단히 로그인합니다.
로그인 후 화면 왼쪽 상단의 “Open Folder”(폴더 열기)를 눌러 바탕화면에 새 폴더를 하나 만들어 지정하세요. 이 폴더가 앞으로 커서 코딩으로 만드는 모든 파일이 저장되는 작업 공간이 됩니다. 폴더 이름은 영문과 숫자로만 짓는 게 나중에 오류를 줄이는 데 도움이 됩니다.
채팅창에 첫 질문 던지는 법
커서 화면 오른쪽(또는 단축키 Cmd+L, 윈도우는 Ctrl+L)을 누르면 채팅창이 열립니다. 이곳이 커서 코딩의 핵심 공간입니다. 여기에 원하는 것을 문장으로 적으면 됩니다.
처음이라면 아주 단순한 요청부터 시작하는 게 좋습니다. 예를 들어 “이름을 입력하면 인사 문구가 뜨는 간단한 웹페이지를 HTML로 만들어줘”라고 적어보세요. 몇 초 안에 AI가 코드를 작성하고, 채팅창에 “Apply”(적용) 버튼이 나타납니다. 이 버튼을 누르면 코드가 실제 파일로 저장됩니다.
또 하나 알아두면 좋은 단축키는 Cmd+K(윈도우는 Ctrl+K)입니다. 코드의 특정 부분을 마우스로 선택한 뒤 이 단축키를 누르면, 그 부분만 콕 집어서 수정 요청을 할 수 있습니다. “이 버튼 색을 파란색으로 바꿔줘”처럼 작은 단위로 요청할 때 유용합니다.
채팅창에 한 번에 너무 많은 요청을 몰아넣지 마세요. “회원가입, 로그인, 결제까지 되는 쇼핑몰 전부 만들어줘”처럼 큰 요청은 AI가 한 번에 처리하기 어렵고, 결과물도 뒤죽박죽되기 쉽습니다. 기능 하나씩 나눠서 요청하고, 확인한 뒤 다음 요청으로 넘어가는 방식이 초보자에게 훨씬 안전합니다.
커서 코딩에서 가장 많이 실수하는 부분이 “모호한 요청”입니다. “예쁘게 만들어줘”보다는 “배경은 흰색, 버튼은 파란색 둥근 모서리로 만들어줘”처럼 색상·크기·위치를 구체적으로 적을수록 원하는 결과에 가까워집니다. 처음 며칠은 요청 문장을 다듬는 연습 자체가 커서 코딩 실력이 늘어나는 과정이라고 생각하면 됩니다.
커서로 첫 웹페이지 실제로 만들어보기
이제 실제로 손을 움직여볼 차례입니다. 커서 코딩의 감을 잡는 데는 눈에 바로 결과가 보이는 웹페이지 만들기가 가장 좋습니다. 앞서 만든 작업 폴더가 열려 있는 상태에서 시작합니다.
1단계: 기본 페이지 요청하기
채팅창(Cmd+L)에 다음처럼 적어봅니다. “오늘 할 일을 입력하고 목록에 추가할 수 있는 투두리스트 웹페이지를 index.html 파일 하나로 만들어줘. 스타일은 파일 안에 같이 넣어줘.” 이렇게 요청하면 AI가 HTML, 버튼, 목록 표시 기능까지 한 번에 담긴 파일을 만들어줍니다.
2단계: 결과 파일 확인하고 실행하기
Apply를 눌러 코드를 적용한 뒤, 파일 탐색기에서 index.html을 찾아 더블클릭하면 기본 브라우저에서 바로 열립니다. 입력창에 할 일을 적고 추가 버튼을 눌러 목록에 잘 쌓이는지 확인합니다.
3단계: 채팅으로 수정 요청하기
원하는 모습이 아니라면 다시 채팅창으로 돌아갑니다. “완료한 항목은 클릭하면 취소선이 그어지게 해줘”처럼 추가 요청을 하면 됩니다. 이 과정을 3~5번만 반복해도 처음 상상했던 화면에 꽤 가까워집니다.
처음 결과물이 마음에 안 들어도 괜찮습니다. 커서 코딩은 한 번에 완성하는 작업이 아니라, 채팅으로 계속 다듬어가는 작업입니다. “이 부분 왜 이렇게 나온 거야?”라고 그냥 물어보기만 해도 AI가 이유를 설명해주고, 그게 곧 프로그래밍 개념을 배우는 과정이 됩니다.
초보자가 자주 만나는 오류와 해결법
커서 코딩을 하다 보면 몇 가지 상황을 반복해서 만나게 됩니다. 미리 알아두면 당황하지 않습니다.
화면이 그대로거나 빈 페이지만 뜰 때
파일을 저장하지 않고 브라우저를 열었을 확률이 높습니다. Apply를 눌렀는지, 파일 상단에 수정됐다는 점(●) 표시가 사라졌는지 확인합니다. 저장이 안 됐다면 Cmd+S(윈도우 Ctrl+S)로 직접 저장합니다.
채팅창에 빨간 오류 메시지가 뜰 때
당황하지 말고 오류 메시지 전체를 복사해서 채팅창에 그대로 붙여넣고 “이 오류 고쳐줘”라고 적습니다. 대부분의 경우 AI가 원인을 파악해 바로 수정 코드를 제시합니다. 원인을 직접 분석할 필요는 없습니다.
Node.js나 Git이 없다는 메시지가 뜰 때
간단한 HTML 페이지 이상으로 실제 웹 애플리케이션을 만들다 보면 Node.js(자바스크립트 실행 환경)나 Git(버전 관리 도구)이 필요하다는 안내가 뜰 수 있습니다. 각 공식 홈페이지에서 설치 파일을 내려받아 설치하면 해결됩니다.
오류를 만났을 때 검색 엔진에서 답을 찾으려 하지 말고, 커서 채팅창에 그대로 물어보는 습관을 들이세요. 커서는 지금 열려 있는 내 파일과 코드 구조를 함께 보고 있어서, 일반 검색보다 내 상황에 맞는 답을 줄 확률이 훨씬 높습니다. 이게 커서 코딩과 단순 검색의 가장 큰 차이입니다.
무료 요금제로도 하루 일정 횟수의 AI 요청이 가능합니다. 입문 단계 학습이나 간단한 실습에는 무료 범위로도 충분합니다. 요청 횟수가 부족하면 유료 요금제로 늘릴 수 있습니다.
가능합니다. 채팅창에 한국어로 요청해도 대부분 잘 인식합니다. 다만 오류 메시지나 공식 문서는 영어로 나오는 경우가 많아, 필요하면 번역기를 함께 쓰는 것도 방법입니다.
네, HTML 파일 자체를 웹 호스팅 서비스에 올리거나, 좀 더 복잡한 프로젝트는 Vercel 같은 배포 서비스와 연동할 수 있습니다. 다만 배포는 이 글의 범위를 넘어서므로 별도로 다룰 예정입니다.
챗GPT는 코드를 텍스트로 알려줄 뿐이고, 직접 파일에 붙여넣고 실행해야 합니다. 커서는 에디터 안에서 바로 코드를 파일에 적용하고 실행까지 이어지기 때문에, 복사-붙여넣기 과정 없이 훨씬 빠르게 결과를 확인할 수 있습니다.
간단한 자동화나 개인 프로젝트 수준은 충분히 만들 수 있습니다. 다만 대규모 서비스 개발에는 데이터베이스 설계, 보안 등 별도 지식이 필요합니다. 커서는 그 학습 곡선을 크게 낮춰주는 도구로 보는 게 정확합니다.
📚 함께 보면 좋은 글
커서 코딩에 익숙해졌다면 다른 AI 코딩 도구도 비교해보세요. 상황에 맞는 도구를 고르는 데 도움이 됩니다.
🔗 공식 자료
📖 출처
Cursor 공식 홈페이지(cursor.com)
Cursor 공식 문서(docs.cursor.com)
Wikipedia, “Cursor (code editor)”
Node.js 공식 사이트(nodejs.org)
Cursor IDE 관련 업계 리뷰 및 튜토리얼 자료 종합
커서 코딩은 문법이 아니라 원하는 결과를 문장으로 설명하는 능력이 전부입니다. 설치부터 첫 실행, 실습, 오류 해결까지 이 순서대로 따라 하면 프로그래밍 경험이 없어도 오늘 안에 직접 만든 결과물을 눈으로 확인할 수 있습니다.
