02. 초보자가 Cursor 이용하는 방법
페이지 정보
작성자
SDK
SDK
작성일
2025.02.21 14:06
본문
작성자는 같은 회사 동료인데 퍼가는 것은 허용 그리고 글쓴이는 익명을 요청하셨습니다.
좋은 문서를 작성해 주셔서 감사합니다.
CH. 01 Cursor 설치
- https://www.cursor.com/settings
- 구글 가입
- Cursor Download & Install
CH. 02Cursor AI를 사용해서 간단한 웹페이지 만들기
2.1 Cursor AI 시작
- Cursor AI는 VS Code와 유사한 인터페이스를 가진 AI 기반 코드 에디터입니다.
2.2 새 파일 (HTML) 만들기
- 새로운 HTML 파일을 생성하기 위해 New File을 클릭합니다.
2.3 HTML 구조물 만들기
- Cursor AI에게 기본적인 HTML 구조물을 요청하기 위해 chat 창을 엽니다.
- Ctrl + L
- Prompt :"기본 HTML 구조를 만들어줘."
# MOON> 기본 HTML 프레임을 만들어줘.<!DOCTYPE html><htmllang="ko"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>웹사이트</title></head><body></body></html> |
2.4 Apply → Accept → Run > Start Debugging
2.5 HTML 내용 추가
- 위에 생성된 HTML 구조에 Cursor AI에 추천을 받아서 웹페이지를 만들어봅니다.
- Prompt:
"Bigdata Analysis 홈페이지를 만들려고 해. 멋있게 배경화면, 폰트, 등 알아서 멋지게 만들어줘."
2.6 결과 확인 및 수정
2.7 생성된 웹페이지 확인
CH. 03Cursor AI 사용 팁
3.1 코드 작성 패턴 학습
- Cursor AI는 사용자의 코드 작성 패턴을 학습합니다. 따라서 자주 사용하는 코드 패턴을 AI가 인식하고 이를 기반으로 자동완성을 제공하므로, 꾸준히 사용하면서 개인화된 경험을 누릴 수 있습니다.
3.2 복잡한 작업에 자연어 명령 활용
- 간단한 함수 구현부터 복잡한 알고리즘까지 자연어 명령을 사용하면 매우 빠르게 코드를 생성할 수 있습니다. AI에게 설명할 때 명확하고 구체적 요구사항을 입력하면 더 정확한 결과를 얻을 수 있습니다.
3.3 디버깅과 코드 리뷰에 적극 활용
- 디버깅이나 코드 리뷰는 AI의 도움으로 작업시간을 줄 일 수 있습니다. 특히 복잡한 프로젝트에서 AI가 제안하는 디버깅 방법이나 코드 개선점을 반영하면 큰 도움이 될 수 있습니다.
CH. 04Summary
- 디버깅이나 코드 리뷰는 AI의 도움으로 작업시간을 줄일 수 있습니다. 특히 복잡한 프로젝트에서 AI가 제안하는 디버깅 방법이나 코드 개선점을 반영하면 큰 도움이 될 수 있습니다.
- 결론적으로, Cursor AI 플러그인은 VS Code 같은 IDE에서 설치하여 사용자가 효율적으로 코드를 작성하고, 자동화된 리팩토링과 디버깅 수행할 수 있게 돕는 강력한 AI 도구입니다. 설치 후 API Key를 연동한 뒤, 단축키와 자연어 명령을 사용해 다양한 AI 기능을 활용할 수 있습니다.
9명
추천인 목록보기
댓글 1
위즈덤님의 댓글
와우 기가막히게 만들어주는군요