학습 목표
- Cursor의 필수 단축키 완벽 마스터하기
- AI 기능별 최적화된 설정 구성하기
- 개인 워크플로우에 맞는 커스터마이징
- 생산성 향상을 위한 확장 기능 활용
- 효율적인 개발 환경 구축 전략
필수 단축키 마스터하기
단축키는 개발 속도를 비약적으로 향상시킵니다. Cursor의 AI 기능과 결합된 단축키를 마스터하면, 생각의 속도로 코딩할 수 있습니다.
AI 기능 단축키
핵심 AI 기능
Tab
AI 자동완성 수락
제안된 코드를 즉시 삽입
Cmd/Ctrl + K
인라인 편집
선택한 코드를 AI로 즉시 변환
Cmd/Ctrl + L
AI Chat 열기
코드 관련 질문과 대화
Cmd/Ctrl + I
Composer 열기
멀티 파일 편집 모드
편집 단축키
Cmd/Ctrl + D
다음 항목 선택
동일한 텍스트를 순차적으로 선택
Alt + Click
멀티 커서
여러 위치에 동시 편집
Cmd/Ctrl + Shift + K
라인 삭제
현재 라인을 즉시 삭제
Alt + ↑/↓
라인 이동
코드 라인을 위/아래로 이동
탐색 단축키
Cmd/Ctrl + P
빠른 파일 열기
파일명으로 즉시 이동
Cmd/Ctrl + Shift + F
전체 검색
프로젝트 전체에서 텍스트 검색
F12
정의로 이동
함수나 변수의 정의 위치로
Cmd/Ctrl + B
사이드바 토글
파일 탐색기 표시/숨김
Cursor 설정 최적화
설정 접근 방법
Cmd/Ctrl + ,
설정 UI 열기
Cmd/Ctrl + Shift + P → "settings.json"
JSON 설정 파일 직접 편집
필수 설정 항목
AI 기능 설정
{
// AI 자동완성 설정
"cursor.aiAutoComplete.enabled": true,
"cursor.aiAutoComplete.delay": 200,
"cursor.aiAutoComplete.model": "gpt-4",
// Chat 설정
"cursor.chat.defaultModel": "claude-3.5-sonnet",
"cursor.chat.showCodeContext": true,
"cursor.chat.autoSaveHistory": true,
// Composer 설정
"cursor.composer.autoPreview": true,
"cursor.composer.confirmBeforeApply": true,
// 토큰 사용량 표시
"cursor.showTokenUsage": true,
"cursor.tokenWarningThreshold": 80
}
에디터 설정
{
// 기본 에디터 설정
"editor.fontSize": 14,
"editor.fontFamily": "'Fira Code', 'Cascadia Code', monospace",
"editor.fontLigatures": true,
"editor.lineHeight": 1.6,
// 자동 저장과 포맷팅
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
// 코드 힌트와 제안
"editor.quickSuggestions": {
"strings": true,
"comments": true,
"other": true
},
"editor.suggestSelection": "first",
// 미니맵과 가이드
"editor.minimap.enabled": true,
"editor.minimap.maxColumn": 80,
"editor.rulers": [80, 120],
"editor.renderLineHighlight": "all"
}
테마와 UI
{
// 테마 설정
"workbench.colorTheme": "Cursor Dark+",
"workbench.iconTheme": "material-icon-theme",
// UI 커스터마이징
"workbench.sideBar.location": "left",
"workbench.activityBar.visible": true,
"workbench.statusBar.visible": true,
// 에디터 그룹
"workbench.editor.enablePreview": false,
"workbench.editor.openPositioning": "right",
// 터미널
"terminal.integrated.fontSize": 13,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.scrollback": 10000
}
개인화된 워크플로우 구축
프로필별 설정
🚀 스피드 코더 프로필
빠른 코딩과 자동완성에 최적화
{
"cursor.aiAutoComplete.delay": 100,
"cursor.aiAutoComplete.acceptOnTab": true,
"cursor.aiAutoComplete.multilineSuggestions": true,
"editor.tabCompletion": "on",
"editor.snippetSuggestions": "top"
}
📚 학습자 프로필
코드 이해와 설명에 중점
{
"cursor.chat.autoOpenOnError": true,
"cursor.chat.explainCodeOnHover": true,
"editor.hover.enabled": true,
"editor.hover.delay": 500,
"editor.parameterHints.enabled": true
}
🏗️ 아키텍트 프로필
대규모 프로젝트 관리에 최적화
{
"cursor.composer.defaultMode": "multifile",
"files.exclude": {
"**/node_modules": true,
"**/dist": true
},
"search.exclude": {
"**/bower_components": true,
"**/*.code-search": true
}
}
커스텀 단축키 설정
keybindings.json에서 자신만의 단축키를 정의할 수 있습니다:
[
{
"key": "cmd+shift+a",
"command": "cursor.aiAssist",
"when": "editorTextFocus"
},
{
"key": "cmd+alt+f",
"command": "cursor.fixAllErrors",
"when": "editorHasSelection"
},
{
"key": "cmd+alt+t",
"command": "cursor.generateTests",
"when": "editorTextFocus"
},
{
"key": "cmd+alt+d",
"command": "cursor.generateDocs",
"when": "editorTextFocus"
}
]
추천 확장 기능
Cursor AI와 시너지가 좋은 확장 기능
🎨 Prettier
코드 포맷터
- AI 생성 코드 자동 정리
- 일관된 코드 스타일 유지
🔍 ESLint
코드 품질 검사
- AI 코드의 품질 보장
- 잠재적 버그 사전 감지
🌈 GitLens
Git 통합 강화
- 코드 히스토리 추적
- AI 수정사항 비교
⚡ Thunder Client
API 테스트 도구
- AI가 생성한 API 즉시 테스트
- 요청/응답 저장
📊 Import Cost
번들 크기 표시
- AI 추천 라이브러리 크기 확인
- 성능 최적화 도움
🔧 Error Lens
인라인 에러 표시
- 에러를 코드 옆에 직접 표시
- AI 디버깅과 연계
실습: 나만의 Cursor 환경 구축
최적화된 개발 환경 설정하기
자신의 코딩 스타일과 프로젝트에 맞는 Cursor 환경을 구축해봅시다.
Step 1: 기본 설정 백업
현재 설정을 백업하여 언제든 복원 가능하게 만들기:
# 설정 파일 위치 찾기
# macOS: ~/Library/Application Support/Cursor/User/
# Windows: %APPDATA%\Cursor\User\
# Linux: ~/.config/Cursor/User/
# settings.json과 keybindings.json 백업
cp settings.json settings.backup.json
cp keybindings.json keybindings.backup.json
Step 2: AI 설정 최적화
자신의 사용 패턴에 맞게 AI 설정 조정:
Step 3: 단축키 커스터마이징
자주 사용하는 기능에 단축키 할당:
기능 | 추천 단축키 | 설명 |
---|---|---|
AI로 리팩토링 | Cmd+Alt+R | 선택한 코드 개선 |
테스트 생성 | Cmd+Alt+T | 함수의 테스트 코드 생성 |
문서화 | Cmd+Alt+D | JSDoc 주석 추가 |
Step 4: 프로젝트별 설정
.vscode/settings.json으로 프로젝트별 설정:
{
// React 프로젝트 예시
"cursor.aiAutoComplete.framework": "react",
"cursor.aiAutoComplete.includeTypes": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"files.associations": {
"*.js": "javascriptreact"
}
}
🏁 생산성 테스트
설정이 완료되면 다음 작업들을 수행해보세요:
- 새 React 컴포넌트를 Tab 자동완성만으로 작성
- Cmd+K로 함수를 TypeScript로 변환
- Chat으로 복잡한 알고리즘 구현 요청
- Composer로 새 기능 전체 구현
- 커스텀 단축키로 테스트 코드 생성
생산성 극대화 전략
1. 근육 기억 만들기
- 매일 5개씩 새로운 단축키 연습
- 마우스 사용 최소화 도전
- 반복 작업은 즉시 단축키화
2. AI와의 리듬 찾기
- 생각 → 주석 → AI 제안 → 수정
- 큰 그림은 Chat, 세부 구현은 Tab
- 리팩토링은 Cmd+K, 새 기능은 Composer
3. 설정 진화시키기
- 주간 단위로 설정 리뷰
- 불편한 점 즉시 개선
- 팀원들과 설정 공유
핵심 정리
단축키가 속도를 결정
AI 기능의 단축키를 마스터하면 생각의 속도로 코딩할 수 있습니다.
설정은 개인화가 핵심
자신의 코딩 스타일과 프로젝트에 맞게 설정을 최적화하세요.
워크플로우 자동화
반복 작업은 커스텀 단축키와 설정으로 자동화할 수 있습니다.
지속적인 개선
사용하면서 불편한 점을 찾아 계속 개선하는 것이 중요합니다.