자주 쓰는 VS Code 단축키 정리

무슨 글일까요?

개발을 하다 보면 가장 오래 켜 두는 프로그램이 무엇인가요? 아마 대다수는 VS Code(Visual Studio Code)일 것입니다.

매일 몇 시간씩 들여다보는 도구인데, 의외로 많은 분들이 마우스로 메뉴를 클릭해 가며 작업합니다.

여기서 한 가지 짚고 싶은 게 있습니다. 단축키의 진짜 가치는 "빨라지는 것"이 아니라 "흐름이 끊기지 않는 것" 입니다.

코드를 짜다가 파일을 찾으려고 마우스로 손을 옮기는 순간, 머릿속에 있던 생각의 흐름도 같이 끊깁니다.

키보드 위에서 모든 걸 해결하면 그 끊김이 사라집니다. 숙련된 개발자가 빠르게 보이는 이유는 타자가 빨라서가 아니라, 이 끊김이 없기 때문입니다.

그래서 이 글은 단순한 단축키 나열표가 아니라, 각 단축키가 "언제, 어떤 상황에서" 진짜 유용한지를 함께 정리했습니다.

무작정 외우기보다 "아, 이 상황에서 이걸 쓰면 되겠다"를 떠올릴 수 있게요.

표기는 윈도우(Windows)와 맥(macOS)을 함께 적었으니, 본인 환경에 맞는 쪽을 보시면 됩니다.

한 번에 다 외우려 하지 마세요. 부담만 됩니다. 그날그날 "이거 마우스로 하니 답답하네" 싶은 동작 하나를 골라 단축키로 바꿔 보고,

손에 익으면 다음 걸 추가하는 식이 가장 오래 갑니다.

1. 가장 먼저 외워야 할 두 가지

다른 건 몰라도 이 둘만큼은 첫날 외우시길 권합니다. VS Code 사용의 절반은 여기서 시작됩니다.

명령 팔레트 — VS Code의 만능 리모컨

Ctrl + Shift + P 로 열리는 명령 팔레트는 VS Code의 모든 기능에 접근하는 입구입니다. 어떤 기능의 단축키가 기억나지 않을 때,

메뉴를 헤맬 필요 없이 여기서 기능 이름 일부만 입력하면 됩니다. 예를 들어 "format"을 치면 코드 정렬 기능이, "git"을 치면 깃 관련 명령이 쭉 나옵니다.

처음에는 이것 하나만 알아도 충분합니다. 나머지 단축키를 다 까먹어도, 명령 팔레트에서 기능 이름으로 찾을 수 있기 때문입니다.

그리고 각 명령 옆에 단축키가 같이 표시되니, 자주 쓰는 기능의 단축키를 자연스럽게 익히게 됩니다.

빠른 파일 열기 — 사이드바를 뒤지지 마세요

Ctrl + P 를 누르고 파일 이름 일부를 입력하면 프로젝트 안의 파일로 바로 점프합니다.

폴더 트리를 마우스로 펼쳐 가며 찾는 것과는 비교가 안 되게 빠릅니다. 파일이 수백 개인 프로젝트일수록 위력이 큽니다.

팁: Ctrl + P 상태에서 파일을 고른 뒤 바로 닫지 말고 →(오른쪽 화살표)를 누르면, 그 파일을 백그라운드로 열어 두고 계속 다른 파일을 고를 수 있습니다.

여러 파일을 한 번에 열 때 유용합니다.

2. 텍스트 편집

코드를 쓰고 고치는 동작들입니다. 빈도가 가장 높은 만큼, 여기 익숙해지면 체감 효율이 확 올라갑니다.

라인 이동 — 잘라내기·붙여넣기는 그만

함수 안에서 코드 한 줄의 순서를 바꾸고 싶을 때, 잘라내서(Ctrl+X) 다시 붙여넣고(Ctrl+V) 계셨나요?

Alt + ↑/↓ 하나면 현재 줄이 통째로 위아래로 움직입니다. 블록 단위로 여러 줄을 선택하고 누르면 그 블록이 다 같이 이동합니다.

한 번 써 보면 다시는 잘라내기로 줄을 옮기지 않게 됩니다.

라인 복제 — 비슷한 줄은 복사해서 고치기

비슷한 코드 줄을 여러 개 써야 할 때, Shift + Alt + ↓ 로 현재 줄을 아래에 똑같이 복제한 뒤 일부만 고치면 빠릅니다.

객체 속성을 나열하거나 비슷한 변수를 선언할 때 자주 씁니다.

코드 포맷팅 — 들여쓰기를 손으로 맞추지 마세요

Shift + Alt + F 는 지저분하게 흩어진 코드의 들여쓰기와 띄어쓰기를 언어 규칙에 맞게 한 번에 정렬합니다.

Prettier 같은 포맷터 확장이 설치되어 있으면 그 규칙대로 맞춰 줍니다. 남이 짠 코드나 복사해 온 코드를 정리할 때 필수입니다.

매번 누르기 귀찮다면, 설정에서 "Format On Save"를 켜 두면 저장(Ctrl + S)할 때마다 자동으로 정렬됩니다.

명령 팔레트에서 "format on save"를 검색해 설정으로 바로 갈 수 있습니다.

3. 다중 커서와 선택

여러 곳을 동시에 고치는 기능입니다. 처음 보면 신기하고, 익숙해지면 없으면 답답한 기능이에요. 여기서 중요한 구분이 하나 있습니다.

비슷해 보이는 Alt + 클릭과 Ctrl + D는 용도가 다릅니다.

Alt + 클릭 — 원하는 곳마다 커서 찍기

Alt를 누른 채 여러 위치를 클릭하면, 그 위치마다 커서가 생깁니다.

그 상태로 타이핑하면 모든 커서에 동시에 입력됩니다. 서로 떨어진 여러 곳을 똑같이 고쳐야 할 때 씁니다.

Ctrl + D — "이 단어"만 골라서 동시에 고치기

이게 다중 커서의 핵심입니다. 변수 이름 위에 커서를 두고 Ctrl + D를 누르면 그 단어가 선택되고,

한 번 더 누를 때마다 같은 단어의 다음 출현 위치가 추가로 선택됩니다. 원하는 만큼 선택한 뒤 새 이름을 한 번 입력하면 전부 동시에 바뀝니다.

Alt + 클릭과의 차이가 여기 있습니다. Alt + 클릭은 내가 일일이 클릭한 곳에 커서를 두는 것이고,

Ctrl + D는 같은 단어를 알아서 찾아 하나씩 선택해 줍니다. "이 단어만 골라 고치고 싶다"면 Ctrl + D입니다.

같은 단어를 전부 한꺼번에 바꾸고 싶다면 Ctrl + Shift + L로 모든 출현 위치를 한 방에 선택할 수 있습니다.

다만 의도치 않은 곳까지 잡힐 수 있으니, 보통은 Ctrl + D로 하나씩 확인하며 추가하는 편이 안전합니다.

선택 영역 확장 — 괄호 안만 선택

Shift + Alt + →는 커서를 기준으로 선택 범위를 문법 단위로 점점 넓힙니다. 단어 → 괄호 안 → 괄호 포함 → 블록 전체 순으로요.

마우스로 드래그해서 정확한 범위를 잡는 것보다 훨씬 정밀합니다. ←로 다시 좁힐 수도 있습니다.

4. 코드 탐색 — 코드 사이를 빠르게 오가기

남이 짠 코드나 규모가 큰 프로젝트를 읽을 때 진가를 발휘하는 단축키들입니다.

정의로 이동 (F12)과 돌아오기

함수나 변수가 어디서 정의됐는지 보고 싶을 때, 그 위에 커서를 두고 F12를 누르면 정의된 위치로 바로 점프합니다.

(Ctrl + 클릭으로도 됩니다.) 그리고 다 봤으면 Alt + ← (맥은 Ctrl + ` ) 로 원래 있던 자리로 정확히 돌아옵니다.

이 "들어갔다 나오기"가 코드 읽기의 핵심 동작입니다. 정의를 따라 깊이 들어갔다가 돌아오기를 반복하며 코드의 구조를 파악하게 됩니다.

정의를 새 화면으로 열지 않고 현재 위치에서 살짝 들여다보고 싶다면 Alt + F12(미리보기)가 편합니다.

이름 일괄 변경 (F2) — 안전하게 전부 바꾸기

변수나 함수 이름을 바꿀 때 F2를 쓰면, 단순 텍스트 치환이 아니라 그 심볼이 실제로 참조되는 모든 곳을 인식해서 한 번에 바꿉니다.

문자열이나 주석에 우연히 같은 단어가 있어도 건드리지 않습니다. 앞서 본 Ctrl + D가 "보이는 텍스트"를 바꾼다면, F2는 "의미를 아는" 변경이라 훨씬 안전합니다.

심볼로 이동 — 긴 파일 안에서 길 찾기

Ctrl + Shift + O를 누르면 현재 파일 안의 함수·클래스·변수 목록이 뜨고, 골라서 바로 이동할 수 있습니다.

수백 줄짜리 파일에서 특정 함수를 찾을 때 스크롤할 필요가 없습니다.

5. 검색과 치환 — 찾고 바꾸기

프로젝트 전체 검색 — 어디에 있는지 모를 때

특정 문자열이 프로젝트 어느 파일에 있는지 모를 때, Ctrl + Shift + F로 모든 파일을 한 번에 뒤집니다.

함수가 어디서 호출되는지, 특정 설정값이 어디 쓰였는지 추적할 때 자주 씁니다. 정규식(Regex) 검색도 지원해서, 패턴으로 찾는 것도 가능합니다.

6. 화면과 창 관리 — 작업 공간 정리

에디터 분할 — 두 파일을 나란히

Ctrl + \로 화면을 좌우로 나눠 두 파일을 동시에 볼 수 있습니다.

HTML과 CSS, 함수와 그 함수를 호출하는 코드처럼 짝지어 보면 좋은 파일들을 나란히 띄울 때 씁니다.

나뉜 화면 사이는 Ctrl + 1, Ctrl + 2로 오갑니다.

터미널 토글 — 콘솔 띄우기

Ctrl + `   (백틱, 보통 숫자 1 왼쪽 키)로 통합 터미널을 열고 닫습니다.

코드를 짜다가 명령어를 실행하고 다시 코드로 돌아오는 흐름이 매끄러워집니다. 별도 터미널 앱으로 창을 옮겨 다닐 필요가 없습니다.

닫은 탭 다시 열기 — 실수로 닫았을 때

방금 닫은 파일을 Ctrl + Shift + T로 되살립니다. 브라우저에서 닫은 탭을 복구하는 것과 똑같은 단축키라 외우기 쉽습니다. 실수로 탭을 닫았을 때 당황하지 마세요.

사이드바 토글 — 화면 넓게 쓰기

Ctrl + B로 왼쪽 사이드바(파일 탐색기)를 접었다 폈다 합니다. 코드에 집중할 때는 접어서 화면을 넓게 쓰고, 파일을 찾을 때만 펼치면 됩니다.

7. 알아 두면 좋은 보너스

자주는 아니어도, 알아 두면 "오 이런 것도 되네" 싶은 것들입니다.

단축키 설정 화면 — 내 손에 맞게 바꾸기

지금까지 소개한 단축키가 손에 안 맞으면 바꿔도 됩니다. Ctrl + K를 누르고 이어서 Ctrl + S를 누르면 단축키 설정 화면이 열립니다.

여기서 기능을 검색해 원하는 키 조합으로 재지정할 수 있습니다. 예를 들어 "이전 위치로 돌아가기"를 다른 에디터처럼 Ctrl + [ 로 바꾸는 식이죠.

Zen 모드 — 오직 코드에만 집중

Ctrl + K에 이어 Z를 누르면, 사이드바·탭·상태바가 전부 사라지고 코드만 화면 가득 남는 집중 모드가 됩니다.

깊이 파고들어야 하는 작업을 할 때 방해 요소를 싹 치워 줍니다. 다시 누르거나 Esc로 빠져나옵니다.

여러분이 가장 유용하게 쓰는 VS Code 단축키는 무엇인가요? 여기 없는 숨은 보석이 있다면 댓글로 공유해 주세요.