제10강: 단축키와 설정 최적화

생산성을 극대화하는 개인화된 개발 환경 구축

난이도: 초급 예상 시간: 35분 카테고리: 기초

학습 목표

  • 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"
  }
}

🏁 생산성 테스트

설정이 완료되면 다음 작업들을 수행해보세요:

  1. 새 React 컴포넌트를 Tab 자동완성만으로 작성
  2. Cmd+K로 함수를 TypeScript로 변환
  3. Chat으로 복잡한 알고리즘 구현 요청
  4. Composer로 새 기능 전체 구현
  5. 커스텀 단축키로 테스트 코드 생성

생산성 극대화 전략

1. 근육 기억 만들기

  • 매일 5개씩 새로운 단축키 연습
  • 마우스 사용 최소화 도전
  • 반복 작업은 즉시 단축키화

2. AI와의 리듬 찾기

  • 생각 → 주석 → AI 제안 → 수정
  • 큰 그림은 Chat, 세부 구현은 Tab
  • 리팩토링은 Cmd+K, 새 기능은 Composer

3. 설정 진화시키기

  • 주간 단위로 설정 리뷰
  • 불편한 점 즉시 개선
  • 팀원들과 설정 공유

핵심 정리

단축키가 속도를 결정

AI 기능의 단축키를 마스터하면 생각의 속도로 코딩할 수 있습니다.

설정은 개인화가 핵심

자신의 코딩 스타일과 프로젝트에 맞게 설정을 최적화하세요.

워크플로우 자동화

반복 작업은 커스텀 단축키와 설정으로 자동화할 수 있습니다.

지속적인 개선

사용하면서 불편한 점을 찾아 계속 개선하는 것이 중요합니다.

🎉 기초편 완료!

축하합니다! Cursor AI의 기초 과정을 모두 마쳤습니다. 이제 중급편에서 더 고급 기능들을 배워보겠습니다.

중급편으로 진급하기
10/30 완료