[Cursor 학습하기] 테트리스 게임 만들기

설정

- 채팅에 Agent 모드 설정 및 Claude 3.7 sonnet으로 설정

(모델은 원하는 모델로 해도 됨)

 

Cursor의 "Agent", "Ask", "Edit" 모드 설명

1. Agent (Ctrl+I)
   • 설명:
     Cursor의 AI Agent 모드로, AI가 코드베이스를 이해하고 직접 명령을 실행하는 기능을 포함합니다.
     예를 들어, 코드 수정, 최적화, 리팩토링, 실행 가능한 코드 변경을 자동으로 수행할 수 있습니다.
   • 주요 특징:
     • AI가 코드 맥락을 분석하고 적극적으로 수정
     • 코드 기반 인덱싱 및 MCP 서버를 활용할 수 있음
     • 자동화된 코드 실행 및 파일 변경 적용 가능
2. Ask (Ctrl+L)
   • 설명:
     기본적인 AI 질의 모드로, AI에게 질문을 하거나 코드 관련 도움을 요청할 때 사용됩니다.
     단순한 코드 설명, 문법 질문, 최적화 아이디어를 받을 때 적합합니다.
   • 주요 특징:
     • 코드 작성 및 개선을 위한 피드백 제공
     • 특정 코드 블록에 대한 질문 가능
     • 자동 수정 없이 AI가 제안만 제공
3. Edit
   • 설명:
     편집 모드로, AI의 자동화된 제안을 검토하고 직접 수정할 수 있습니다.
     코드 변경 사항을 미리 보고 필요하면 수동으로 적용할 때 유용합니다.
   • 주요 특징:
     • AI 제안 적용 전 직접 수정 가능
     • 코드 비교 및 변경 사항 확인 가능
     • 자동 수정 없이 사용자가 직접 조정

💡 언제 사용해야 할까?

• 자동 코드 수정이 필요하면 → "Agent"
• 질문 및 코드 설명이 필요하면 → "Ask"
• 수동으로 AI 제안을 검토하고 싶다면 → "Edit"

 

테트리스 게임 만들기

- "html, css, js로 테트리스 게임을 만들어주세요" 입력

 

- 완료되면 채팅 아래쪽 "Accept All" 클릭

 

- 파일 탐색기에 표시 -> index 파일 더블클릭

 

 

결과물

 

 

문제 발생 시

- 문제 발생한 것에 대한 것을 수정해돌라고 chat에 요청하여 문제 해결하면 됨