데브허브 | DEVHUB | AI로 MVP 만들어보기-04 커서의 AI 기능 사용하기AI로 MVP 만들어보기-04 커서의 AI 기능 사용하기
- 커서는 VS Code 기반으로, 폴더 생성 및 확장 모듈 설치 등 기본적인 사용법은 유사합니다. 📁
- 커서 실행 시 마우스 우클릭 메뉴(추가 옵션 표시) 또는 Shift + 우클릭으로 빠르게 접근할 수 있습니다. 🖱️
- 커서는 '에디터'와 '에이전트' 두 가지 레이아웃을 제공하며, 코드 작성 중심이냐 AI 기능 활용 중심이냐에 따라 전환 가능합니다. ↔️
- AI 에이전트 기능은 '에이전트 모드', '질문 모드(Ask Mode)', '계획 모드(Plan Mode)'로 나뉘어 목적에 맞게 활용됩니다. 🤖
- '에이전트 모드'는 직접 작업을 지시하며, AI가 과하게 작업할 수 있으므로 "바디 내용 없이"와 같이 구체적인 지시가 중요합니다. ✍️
- '질문 모드'는 AI에게 질문할 때 사용하며, 작업 지시 시에는 '에이전트 모드'로 전환하라는 안내를 받습니다. ❓
- '계획 모드'는 AI가 작업을 실행하기 전 계획(투두리스트)을 먼저 제시하여 사용자가 검토 후 진행 여부를 결정할 수 있게 합니다. 🗺️
- 현재 파일 내에서 코드 수정 시에는
Ctrl+K (코파일럿 기능)를 사용하여 효율적으로 작업할 수 있으며, 이는 전체 워크스페이스 에이전트(Ctrl+L)보다 토큰 사용량이 적습니다. 💡
Ctrl+L은 워크스페이스 전체 파일에 걸친 작업을 지시할 때 사용하며, 특정 파일의 내용을 다른 파일로 옮기는 등의 복합적인 작업에 적합합니다. 🌐
- 탭(Tab) 키를 이용한 코드 자동 완성 기능은 패턴을 인식하여 다음 내용을 예측하고 추천해 주어 빠른 코드 작성을 돕습니다. 🚀
- AI 모델은 '자동(Auto)' 설정을 권장하며, 이는 다양한 모델을 균형 있게 사용하여 토큰 사용을 최적화하고 비용을 절감하는 데 유리합니다. ⚖️
- AI를 효과적으로 사용하려면 "무엇을 어디에 어떤 식으로 어떻게 해 줘"와 같이 명확하고 구체적인 지시가 필수적입니다. 🎯
- AI 지시를 올바르게 내리기 위해서는 기본적인 HTML, CSS 등 코딩 지식이 선행되어야 합니다. 📚