VS Code는 개발자들에게 있어 없어서는 안 될 필수 도구 중 하나입니다. 그만큼 효율적인 사용법을 익히는 것이 중요한데요. 이번 글에서는 VS Code의 생산성을 높여주는 단축키 10개를 소개하겠습니다.
기본 조작 단축키
개발 환경에서 가장 기본적이면서도 자주 사용되는 기능들이 있습니다. 예를 들어, 파일이나 폴더를 생성하거나 삭제하는 등의 기본 조작들이죠. VS Code에서는 이러한 기본 조작들을 단축키를 통해 빠르게 수행할 수 있습니다.
특히, Ctrl + N을 사용하면 새 파일을 빠르게 생성할 수 있습니다. 또한, Ctrl + O을 누르면 파일을 빠르게 열 수 있으며, Ctrl + W을 통해 현재 파일을 닫을 수 있습니다.
빠른 파일 탐색
대규모 프로젝트를 작업할 때, 특정 파일을 찾는 데 많은 시간이 소요될 수 있습니다. 이럴 때 유용한 단축키가 Ctrl + Shift + F입니다. 이 단축키를 사용하면 파일 이름을 빠르게 검색할 수 있어 작업 효율성을 크게 높일 수 있습니다.
코드 편집 단축키
코드 편집은 개발의 핵심입니다. VS Code에서는 코드 편집을 더욱 효율적으로 할 수 있는 다양한 단축키를 제공합니다.
예를 들어, Ctrl + C와 Ctrl + V을 사용하여 코드를 복사하고 붙여넣을 수 있습니다. 또한, Ctrl + Z을 통해 이전 변경 사항으로 돌아갈 수 있으며, Ctrl + Y을 통해 다시 변경 사항으로 돌아갈 수 있습니다.
코드 자동 완성
코드를 작성할 때, 자주 사용되는 함수나 변수명을 자동으로 완성해주는 기능이 있으면 매우 편리합니다. VS Code에서는 Ctrl + Space을 눌러 코드 자동 완성 기능을 사용할 수 있습니다.
디버깅 단축키
디버깅은 개발 과정에서 중요한 단계입니다. VS Code에서는 디버깅을 효율적으로 수행할 수 있는 단축키를 제공합니다.
F5을 눌러 디버깅을 시작할 수 있으며, Shift + F5을 통해 디버깅을 중단할 수 있습니다. 또한, F9을 사용하여 중단점을 설정할 수 있습니다.
함정/주의사항
VS Code 단축키를 사용할 때 주의할 점이 있습니다. 단축키를 너무 많이 사용하면 오히려 생산성이 떨어질 수 있습니다. 따라서, 자주 사용하는 단축키를 중심으로 학습하고, 필요할 때만 사용하는 것이 좋습니다.
또한, VS Code의 기본 설정에서는 일부 단축키가 중복될 수 있습니다. 이럴 때는 File > Preferences > Keyboard Shortcuts를 통해 단축키를 직접 설정하여 중복을 피할 수 있습니다.
실행 체크리스트
- VS Code를 열고 Ctrl + N을 눌러 새 파일을 생성합니다.
- Ctrl + O을 눌러 파일을 열고 Ctrl + W을 눌러 파일을 닫습니다.
- Ctrl + Shift + F을 눌러 파일을 검색합니다.
- Ctrl + C와 Ctrl + V을 사용하여 코드를 복사하고 붙여넣습니다.
- Ctrl + Z과 Ctrl + Y을 사용하여 변경 사항을 관리합니다.
- Ctrl + Space을 눌러 코드 자동 완성 기능을 사용합니다.
- F5을 눌러 디버깅을 시작하고, Shift + F5을 통해 디버깅을 중단합니다.
- F9을 사용하여 중단점을 설정합니다.
- File > Preferences > Keyboard Shortcuts를 통해 단축키를 직접 설정합니다.
- 자주 사용하는 단축키를 중심으로 학습하고, 필요할 때만 사용합니다.
꼭 알아야 할 VS Code 고급 단축키 7선
기본 단축키 너머에 있는 VS Code만의 강력한 기능을 활용하면 작업 속도가 2배 이상 빨라집니다. 다음 단축키들은 매일 쓸수록 익숙해지는 것들입니다.
| 단축키 (Windows) | 단축키 (Mac) | 기능 |
|---|---|---|
| Ctrl + P | Cmd + P | 파일 이름으로 빠른 이동 — 대규모 프로젝트에서 필수 |
| Ctrl + Shift + P | Cmd + Shift + P | 명령 팔레트 — VS Code 모든 기능에 접근 |
| F12 | F12 | Go to Definition — 함수·변수 정의로 즉시 이동 |
| Alt + Click | Option + Click | 멀티 커서 — 여러 곳을 동시에 편집 |
| Ctrl + D | Cmd + D | 같은 단어 순차 선택 — 변수명 일괄 변경에 유용 |
| Ctrl + \ | Cmd + \ | 편집기 분할 — 두 파일을 나란히 비교 |
| Ctrl + ` (백틱) | Ctrl + ` | 통합 터미널 열기 — 에디터 떠날 필요 없이 명령 실행 |
생산성을 2배로 높이는 VS Code 설정 팁
단축키와 함께 아래 설정을 적용하면 일상적인 반복 작업을 크게 줄일 수 있습니다.
- 자동 저장 켜기: File → Auto Save(afterDelay) — 저장 누르는 습관 없애기
- Emmet 활용: HTML 파일에서
div.container>ul>li*5를 입력 후 Tab — 복잡한 구조를 한 번에 생성 - Zen Mode: Ctrl+K Z — 불필요한 패널을 숨기고 코드에만 집중
- 확장 프로그램 추천: Prettier(코드 자동 정렬), GitLens(git 히스토리 인라인 표시), ESLint(실시간 오류 검사)
VS Code는 단순한 텍스트 에디터가 아니라 완전한 개발 환경입니다. 위 단축키를 하루에 하나씩 익히는 것만으로도 한 달 후 체감 생산성이 달라집니다.