와... 커서 IDE 쓰기 시작한 지 쥐똥 만큼 됐는데,
•
단축키 제대로 알고 나니까 진짜 개발 속도가 미친 듯이 빨라졌어요. 예전에는 하루 종일 걸리던 작업을 이제는 2-3시간 만에 끝내고 있다니까요?
•
오늘은 제가 실무에서 매일 쓰는 커서 IDE 단축키를 싹 다 정리해서 알려드릴게요. 이거 한 번만 읽고 따라 하시면, 여러분도 AI 코딩의 진정한 맛을 느끼실 수 있을 거예요!
1. AI 기능 단축키 - 커서 IDE의 진짜 핵심이 여기 있어요
커서 IDE가 다른 에디터랑 뭐가 다르냐고요? 바로 이 AI 기능 때문이에요. VS Code에서 갈아탄 이유도 이거 하나 때문이라고 해도 과언이 아니죠. 제가 매일 100번은 쓰는 단축키들부터 알려드릴게요.
1.
Cmd/Ctrl + K (AI Edit) - 만능 마법봉 같은 단축키
이거 하나만 제대로 써도 코딩 시간이 절반으로 줄어요. 진짜로요! 코드 선택하고 Cmd+K 누른 다음에 원하는 걸 말로 설명하면 AI가 알아서 다 해줍니다.
제가 자주 쓰는 명령어 예시:
•
"이 함수를 async/await으로 바꿔줘" → Promise 체인을 깔끔하게 정리
•
"여기에 에러 핸들링 추가해줘" → try-catch 블록 자동 생성
•
"이 코드를 더 효율적으로 리팩토링해줘" → 최적화된 코드로 변환
•
"TypeScript 타입 추가해줘" → 자동으로 타입 추론해서 추가
•
"이 로직에 대한 유닛 테스트 만들어줘" → Jest 테스트 코드 생성
팁: 영어로 명령하면 더 정확한 결과를 얻을 수 있어요. 하지만 한국어도 꽤 잘 알아듣더라고요!
2.
Cmd/Ctrl + L (AI Chat) - 코딩 선생님이 옆에 있는 느낌
이건 정말 사기예요. 코드 전체 맥락을 이해하고 대화하듯이 질문할 수 있거든요.
활용 예시:
•
"이 함수가 뭐하는 거야?" → 복잡한 레거시 코드 이해하기
•
"이 API에 페이지네이션 기능 추가하려면?" → 단계별 구현 방법 설명
•
"이 에러는 왜 발생하는 거야?" → 에러 원인과 해결 방법 제시
•
"더 나은 디자인 패턴 있을까?" → 코드 구조 개선 제안
꿀팁: 채팅창에서 @파일명을 입력하면 특정 파일을 참조하면서 대화할 수 있어요!
3.
Cmd/Ctrl + I (Inline Chat) - 그 자리에서 바로 AI 도움받기
코드 작성하다가 막힐 때 정말 유용해요. 커서 위치에서 바로 AI한테 물어볼 수 있거든요.
실전 활용법:
•
빈 줄에서: "여기에 사용자 인증 미들웨어 만들어줘"
•
함수 내부에서: "이 로직을 더 간단하게 만들어줘"
•
주석 다음 줄에서: "// TODO: 캐싱 기능 추가" → AI가 자동 구현
진짜 신기한 건, 주변 코드 컨텍스트를 다 이해하고 딱 맞는 코드를 생성해준다는 거예요.
4.
Tab (AI 자동완성 수락) - 생각보다 훨씬 똑똑해요
GitHub Copilot이랑 비슷한데, 커서 IDE가 더 정확하다고 느껴져요. 특히 프로젝트 전체 컨텍스트를 이해하는 게 장점이죠.
자동완성이 특히 잘 되는 경우:
•
반복적인 패턴 (CRUD 작업, API 엔드포인트)
•
주석 다음의 코드 구현
•
테스트 케이스 작성
•
import 문 자동 추가
2. 파일 및 코드 탐색 단축키 - 대규모 프로젝트도 거뜬해요
프로젝트가 커질수록 파일 찾는 시간이 은근 많이 들잖아요? 이 단축키들만 익혀도 탐색 시간을 90% 줄일 수 있어요.
1.
Cmd/Ctrl + P (Quick Open) - 파일 찾기의 끝판왕
파일 이름 전체를 입력할 필요 없어요. 퍼지 검색이 되거든요.
프로 팁:
•
"uc" 입력 → userController.js 찾기
•
"index css" 입력 → index.css 파일들 찾기
•
"@" 입력 → 현재 파일의 심볼(함수, 클래스) 검색
•
":" + 숫자 입력 → 특정 라인으로 이동
이거 진짜 빨라요. 마우스로 폴더 뒤지는 거보다 100배는 빠른 듯!
2.
Cmd/Ctrl + Shift + P (Command Palette) - 모든 기능의 만능키
단축키 까먹었을 때 여기서 찾으면 돼요. 근데 이것보다 더 유용한 기능들이 많아요.
자주 쓰는 명령어:
•
"format" → 코드 자동 정렬
•
"rename" → 심볼 이름 일괄 변경
•
"fold" → 코드 접기/펼치기
•
"terminal" → 터미널 관련 명령
•
"theme" → 테마 변경
꿀팁: 최근 사용한 명령어가 위에 나와서 더 빠르게 접근할 수 있어요.
3.
F12 / Cmd+Click (Go to Definition) - 코드 추적의 기본
함수가 어디서 정의됐는지, 이 변수가 뭔지 궁금할 때 바로 확인!
활용 시나리오:
•
라이브러리 함수 내부 구현 확인
•
프로젝트 내 커스텀 훅 정의 찾기
•
타입 정의 확인 (TypeScript)
•
CSS 클래스 정의 위치 찾기
4.
Shift + F12 (Find All References) - 이 코드 어디서 쓰이나?
리팩토링할 때 정말 중요한 기능이에요. 함수나 변수가 프로젝트 전체에서 어디에 사용되는지 한 번에 볼 수 있거든요.
사용 예:
•
함수 삭제 전 영향 범위 확인
•
변수명 변경 시 사용처 파악
•
불필요한 코드 찾기 (사용되지 않는 함수)
5.
Cmd/Ctrl + Shift + O (Go to Symbol) - 현재 파일 내 빠른 이동
긴 파일에서 특정 함수나 클래스 찾을 때 스크롤 할 필요 없어요!
심볼 타입별 필터링:
•
":" 붙이면 카테고리별로 그룹핑
•
"@:" 메서드만 보기
•
"#" 변수만 보기
3. 코드 편집 단축키 - 타이핑 속도가 2배는 빨라져요
이 단축키들은 정말 기본인데, 제대로 쓰는 사람이 의외로 적더라고요. 한 번 익혀두면 코딩할 때 날아다니는 느낌이에요!
1.
Alt + 위/아래 화살표 (Move Line) - 코드 순서 바꾸기
Cut & Paste는 이제 그만! 이게 훨씬 빠르고 직관적이에요.
실전 활용:
•
import 문 순서 정리
•
함수 순서 재배치
•
CSS 속성 순서 변경
•
조건문 순서 바꾸기
2.
Shift + Alt + 위/아래 (Copy Line) - 빠른 복사
비슷한 코드 여러 개 만들 때 정말 유용해요.
활용 예시:
•
비슷한 형태의 state 선언
•
반복되는 case 문
•
테스트 케이스 복사
•
CSS 비슷한 클래스 만들기
3.
Cmd/Ctrl + D (Add Selection to Next Find Match) - 다중 커서의 마법
이거 한 번 쓰면 못 벗어나요. 같은 단어를 동시에 수정할 수 있거든요.
프로 활용법:
•
변수명 일괄 변경 (리팩토링보다 빠를 때)
•
동일한 패턴 동시 수정
•
여러 줄에 같은 텍스트 추가
팁: Cmd+K, Cmd+D로 하나씩 건너뛸 수 있어요!
4.
Cmd/Ctrl + Shift + L (Select All Occurrences) - 전체 선택
Cmd+D의 강화판! 파일 내 모든 동일 텍스트를 한 번에 선택해요.
주의사항: 실수로 다른 곳도 바뀔 수 있으니 조심해서 사용하세요!
5.
Cmd/Ctrl + / (Toggle Comment) - 주석 처리
디버깅할 때 정말 많이 쓰죠? 여러 줄 선택해서 한 번에 주석 처리도 가능!
꿀팁:
•
HTML에서는 <!-- --> 자동 생성
•
CSS에서는 /* */ 자동 생성
•
JS/TS에서는 // 자동 생성
•
언어별로 알아서 주석 스타일 적용
6.
Cmd/Ctrl + Shift + K (Delete Line) - 한 줄 삭제
전체 선택하고 지우는 것보다 훨씬 빨라요. 불필요한 코드 정리할 때 유용!
7.
Cmd/Ctrl + Enter (Insert Line Below) - 아래 줄 추가
현재 커서 위치와 상관없이 아래에 새 줄을 만들어요. 줄 끝까지 갈 필요 없어서 편해요.
4. 고급 편집 및 리팩토링 단축키 - 프로 개발자처럼 코딩하기
이제 좀 더 고급 기능들을 알아볼게요. 이런 단축키들을 쓰면 진짜 프로처럼 보여요!
1.
F2 (Rename Symbol) - 안전한 이름 변경
단순 텍스트 치환이 아니라 심볼을 인식해서 바꿔주기 때문에 안전해요.
장점:
•
import/export도 함께 변경
•
다른 파일의 참조도 모두 변경
•
주석이나 문자열은 변경 안 함
•
TypeScript 타입명도 함께 변경
2.
Cmd/Ctrl + . (Quick Fix) - 자동 수정 제안
빨간 줄 나왔을 때 이거 누르면 해결 방법을 제안해줘요.
자주 보는 제안:
•
import 문 자동 추가
•
오타 수정
•
타입 에러 해결
•
접근성 문제 수정
•
코드 스타일 개선
3.
Shift + Alt + F (Format Document) - 코드 자동 정렬
Prettier 설정해두고 이거 누르면 코드가 깔끔하게 정리돼요.
포맷팅 범위:
•
전체 문서: Shift + Alt + F
•
선택 영역만: Cmd/Ctrl + K, Cmd/Ctrl + F
4.
Cmd/Ctrl + Shift + [ or ] (Fold/Unfold) - 코드 접기/펼치기
긴 파일에서 특정 부분만 집중하고 싶을 때 유용해요.
추가 단축키:
•
Cmd/Ctrl + K, Cmd/Ctrl + 0: 모든 영역 접기
•
Cmd/Ctrl + K, Cmd/Ctrl + J: 모든 영역 펼치기
•
Cmd/Ctrl + K, Cmd/Ctrl + [숫자]: 특정 레벨까지만 접기
5. 터미널 및 화면 관리 단축키 - 효율적인 개발 환경 만들기
개발하다 보면 에디터, 터미널, 사이드바를 계속 왔다갔다 하잖아요? 이 단축키들로 마우스 사용을 최소화할 수 있어요.
1.
Cmd/Ctrl + ` (Toggle Terminal) - 터미널 빠른 전환
서버 실행, Git 명령어, npm 설치... 터미널 작업이 필요할 때마다 빠르게 전환!
터미널 관련 추가 단축키:
•
Cmd/Ctrl + Shift + `: 새 터미널 생성
•
Cmd/Ctrl + Shift + 5: 터미널 분할
•
Cmd/Ctrl + Alt + 좌/우: 터미널 간 이동
2.
Cmd/Ctrl + B (Toggle Sidebar) - 사이드바 토글
코드에 집중하고 싶을 때 사이드바 숨기기! 특히 노트북에서 작업할 때 화면을 넓게 쓸 수 있어요.
3.
Cmd/Ctrl + \ (Split Editor) - 화면 분할
두 파일을 동시에 봐야 할 때 정말 유용해요.
활용 시나리오:
•
컴포넌트와 스타일 파일 동시 편집
•
테스트 코드와 실제 코드 비교
•
참고 코드 보면서 작성
•
JSON 데이터와 코드 동시 확인
4.
Cmd/Ctrl + 1, 2, 3... (Focus Editor Group) - 분할 화면 이동
화면 분할했을 때 마우스 없이 이동할 수 있어요.
5.
Cmd/Ctrl + W (Close Editor) - 탭 닫기
작업 끝난 파일은 바로바로 닫아서 탭 정리하기!
관련 단축키:
•
Cmd/Ctrl + K, W: 모든 탭 닫기
•
Cmd/Ctrl + Shift + T: 닫은 탭 다시 열기
6.
Cmd/Ctrl + K, Z (Zen Mode) - 집중 모드
모든 UI 요소를 숨기고 코드에만 집중! 복잡한 로직 구현할 때 정말 좋아요.
Zen 모드 특징:
•
사이드바, 탭, 상태바 모두 숨김
•
전체 화면으로 전환
•
ESC 두 번으로 빠져나오기
7.
Cmd/Ctrl + Shift + E (Explorer Focus) - 파일 탐색기로 이동
키보드로 파일 탐색기를 조작할 수 있어요. 방향키로 이동, Enter로 열기!
8.
Cmd/Ctrl + Shift + F (Search in Files) - 프로젝트 전체 검색
특정 함수나 변수가 프로젝트 어디에 있는지 찾을 때 필수!
검색 옵션:
•
대소문자 구분
•
정규식 사용
•
특정 폴더만 검색
•
특정 파일 형식만 검색
이렇게 커서 IDE의 주요 단축키들을 모두 정리해봤어요.
•
처음엔 외우는 게 힘들 수 있지만, 하나씩 써보면서 익히다 보면 어느새 손이 먼저 움직이게 될 거예요. 저도 처음엔 포스트잇에 적어놓고 모니터에 붙여놨었는데, 이제는 생각하기도 전에 손가락이 알아서 움직이더라고요.
•
특히 AI 기능 단축키들은 정말 혁명적이에요. 코드 작성 시간이 확 줄어들고, 더 창의적인 작업에 집중할 수 있게 됐죠. 반복적인 작업은 AI한테 맡기고, 우리는 더 중요한 문제 해결에 집중하는 거예요.
•
마지막으로 한 가지 팁을 더 드리자면, 모든 단축키를 한 번에 외우려고 하지 마세요. 매일 하나씩 새로운 단축키를 써보면서 자연스럽게 익히는 게 가장 좋아요. 그리고 자주 쓰는 기능부터 단축키를 익히면 훨씬 빠르게 실력이 늘 거예요.
•
커서 IDE와 함께라면 여러분도 곧 10배 빠른 개발자가 될 수 있을 거예요. 화이팅!
