VSCode에서 매일 같이 쓰는 기능인데 단축키가 없어 일일이 메뉴를 찾아 누르거나, 즐겨 쓰는 단축키가 다른 기능과 겹쳐 매번 충돌 메시지를 보셨나요? 이러한 비효율은 하루에도 수십 번 반복되어 개발 흐름을 방해합니다.
이는 VSCode의 기본 단축키 설정이 모든 사용자의 작업 패턴을 아우를 수 없기 때문에 발생하는 자연스러운 현상입니다.
이 글에서는 이러한 불편함을 해결하고 당신의 개발 흐름에 완벽하게 맞는 VSCode 단축키를 단 3단계에 걸쳐 설정하는 구체적인 방법을 알려드립니다.
– VSCode 단축키 커스텀 설정을 통해 생산성을 최소 15% 이상 향상시킬 수 있습니다.
– ‘키보드 단축키’ UI와 `keybindings.json` 파일을 활용하는 2가지 설정 방법을 자세히 다룹니다.
– 단축키 충돌을 방지하고 특정 조건에서만 작동하도록 하는 효율적인 관리 팁을 얻을 수 있습니다.
VSCode 기본 단축키가 불편하다면, 나만의 방식으로 효율적인 커스텀 설정을 만들고 정리하는 방법을 알려드립니다.
VSCode 기본 단축키, 왜 불편할까요?
많은 개발자들이 VSCode의 기본 단축키 설정 앞에서 난감함을 느낍니다. 매일 같이 사용하는 핵심 기능임에도 불구하고 단축키가 없어 일일이 마우스로 메뉴를 찾아 클릭하거나, 마우스와 키보드를 번갈아 사용하느라 개발 흐름이 자주 끊기는 경우가 대표적입니다.
더 큰 문제는 자주 쓰는 단축키가 다른 확장 기능이나 VSCode 내의 또 다른 빌트인 기능과 겹쳐 충돌이 발생하는 상황입니다. 예를 들어, 특정 확장 프로그램의 코드 포맷팅 단축키가 기본 주석 처리 단축키와 같아 의도치 않은 동작을 유발하는 식이죠. 이는 한 번에 수초를 낭비하고, 장기적으로는 최소 15% 이상의 생산성 저하로 이어질 수 있습니다.
기본 단축키의 불편함이나 충돌은 단순히 귀찮음을 넘어 개발자의 집중력을 저하시키고, 결국 프로젝트 마감 시간을 지연시키는 원인이 될 수 있습니다. 개인화된 단축키 설정은 이러한 비효율을 근본적으로 해결하는 중요한 단계입니다.
Photo by luis gomes on Pexels
VSCode 단축키 설정, 어디서 할 수 있나요?
VSCode는 사용자의 편의를 위해 매우 유연한 커스텀 설정 기능을 제공하며, 단축키 설정 또한 마찬가지입니다. 크게 두 가지 주요 방법으로 접근할 수 있습니다.
첫 번째는 직관적인 그래픽 사용자 인터페이스(GUI)인 ‘키보드 단축키’ 화면을 이용하는 것입니다. 이 방법은 대부분의 사용자가 가장 쉽게 접근할 수 있으며, 검색 기능을 통해 원하는 명령어를 빠르게 찾고 단축키를 지정할 수 있습니다. 두 번째는 `keybindings.json` 파일을 직접 편집하는 방식으로, 더 세밀한 조건부 설정이나 복잡한 단축키 구성을 할 때 유용합니다. 총 2가지 방법 모두 장단점이 명확합니다.
| 구분 | ‘키보드 단축키’ UI | `keybindings.json` 파일 |
|---|---|---|
| 장점 | 시각적, 직관적, 쉬운 검색 및 변경 | 정교한 조건 설정(when 절), 버전 관리 용이, 고급 설정 가능 |
| 단점 | 복잡한 조건 설정 어려움, `keybindings.json` 보다 유연성 떨어짐 | JSON 문법 이해 필요, 오타 발생 가능성 |
| 추천 | 일반적인 단축키 변경 및 추가 | 특정 환경/확장 기능에 따른 조건부 단축키, 대규모 관리 |
Photo by Digital Buggu on Pexels
나만의 VSCode 단축키, 3단계로 쉽게 설정하기
이제 본격적으로 자신만의 효율적인 단축키를 만들어 볼 차례입니다. 기본적인 커스텀 설정은 단 3단계만 거치면 충분하며, 이를 통해 당신의 생산성을 80% 이상 향상시킬 수 있습니다.
예를 들어, 자주 사용하는 특정 확장 기능의 명령어나, 기본 단축키가 없는 커스텀 코드 스니펫 실행 등을 나만의 단축키로 만들 수 있습니다. 아래 3단계를 따라 손쉽게 단축키를 커스텀해 보세요.
- 단계 1: ‘키보드 단축키’ 설정 화면 열기 — `Ctrl + K` 다음에 `Ctrl + S` (macOS는 `Cmd + K`, `Cmd + S`)를 눌러 빠르게 접근하거나, 상단 메뉴에서 `파일 > 기본 설정 > 키보드 단축키` 메뉴를 통해 진입할 수 있습니다.
- 단계 2: 원하는 명령어 찾기 및 단축키 지정 — 설정 화면 상단의 검색창에 단축키를 지정하고 싶은 명령어 이름(예: “format document”, “toggle terminal”)을 입력합니다. 해당 명령어를 찾아 마우스 우클릭 후 ‘키 바인딩 변경’을 선택하거나, 해당 라인을 더블 클릭하여 새 단축키를 입력합니다. 새 단축키 입력 후 `Enter` 키를 눌러 저장합니다.
- 단계 3: `keybindings.json` 파일을 통한 고급 설정 — ‘키보드 단축키’ 화면 우측 상단의 `{ }` 아이콘을 클릭하면 `keybindings.json` 파일이 열립니다. 여기에 직접 JSON 형식으로 `{ “key”: “원하는 단축키”, “command”: “명령어 ID”, “when”: “조건” }` 형태로 추가하여 더 복잡한 조건부 단축키를 설정할 수 있습니다. 예를 들어, `Ctrl+D`를 누를 때 텍스트 에디터에서만 특정 기능을 수행하게 할 수 있습니다.
Photo by Digital Buggu on Pexels
단축키 충돌 해결 및 효율적인 관리 팁
새로운 단축키를 설정하다 보면 기존 단축키나 다른 확장 기능의 단축키와 겹치는 ‘충돌’ 문제가 발생할 수 있습니다. VSCode는 이런 충돌을 감지하여 ‘키보드 단축키’ 화면에서 빨간색으로 경고를 표시해 주므로 쉽게 인지할 수 있습니다.
충돌이 발생했을 때는 어떤 명령어가 우선권을 가질지 신중하게 결정해야 합니다. 일반적으로 사용자 정의 단축키가 기본 단축키보다 우선순위를 갖지만, `keybindings.json` 파일의 `when` 절을 활용하면 특정 상황에서만 단축키가 작동하도록 정교하게 제어할 수 있습니다. 예를 들어, 특정 언어 파일(.js, .py 등)에서만 작동하거나, 특정 뷰가 활성화되었을 때만 작동하도록 설정하여 불필요한 충돌을 약 70% 가량 줄일 수 있습니다.
`when` 절은 단축키를 발동시키는 조건을 설정할 때 사용합니다. 예를 들어, `”when”: “editorTextFocus”`는 텍스트 에디터에 포커스가 있을 때만 단축키를 활성화합니다. 이를 통해 훨씬 더 유연하고 충돌 없는 단축키 환경을 구축할 수 있습니다.
VSCode 단축키 커스텀은 단순히 키를 바꾸는 것을 넘어, 개발 워크플로우를 개인화하고 생산성을 극대화하는 핵심적인 방법입니다. ‘키보드 단축키’ UI와 `keybindings.json` 파일을 활용하여 자주 쓰는 기능을 손쉽게 제어하고, 단축키 충돌 문제까지 효율적으로 관리할 수 있습니다.
지금 바로 적용해 보세요.
- VS Code Keybindings — VSCode 공식 문서: 키 바인딩 설정 가이드
동영상으로 보는 VSCode 단축키 커스텀 설정
글로 충분하지 않다면 관련 영상을 함께 보세요. 클릭하면 YouTube에서 검색 결과로 이동합니다.
자주 묻는 질문
Q. VS Code 기본 단축키를 굳이 커스텀해야 하는 이유가 있나요?
A. 네, 개발자마다 자주 사용하는 기능이나 손에 익숙한 키 조합이 다르기 때문입니다. 자신에게 최적화된 단축키는 작업 효율을 크게 높여주고, 반복적인 작업을 더 빠르고 편하게 수행하도록 돕습니다.
Q. VS Code에서 단축키를 커스텀하는 가장 기본적인 방법은 무엇인가요?
A. VS Code 내에서 `Ctrl + K Ctrl + S` (또는 `Cmd + K Cmd + S`)를 눌러 단축키 설정 UI를 열 수 있습니다. 여기서 원하는 명령어를 검색하여 기존 단축키를 수정하거나 새로운 단축키를 추가할 수 있습니다.
Q. 단축키를 잘못 설정했을 경우, 초기 상태로 되돌릴 수 있나요?
A. 네, 가능합니다. VS Code의 단축키 설정 UI에서 특정 단축키를 선택 후 마우스 오른쪽 버튼을 클릭하여 ‘재설정(Reset Keybinding)’ 옵션을 사용하면 기본값으로 되돌릴 수 있습니다. 또한, 사용자 정의 설정 파일을 직접 편집하여 문제가 되는 부분을 삭제해도 됩니다.
Q. 커스텀한 단축키 설정을 다른 컴퓨터에서도 동일하게 사용하려면 어떻게 해야 하나요?
A. VS Code의 ‘설정 동기화(Settings Sync)’ 기능을 활용하시면 편리합니다. GitHub 계정 등을 통해 로그인하면 모든 사용자 정의 설정뿐만 아니라 확장 프로그램까지 여러 기기에서 자동으로 동기화하여 일관된 개발 환경을 유지할 수 있습니다.
함께 읽으면 좋은 글