[VSCode] 맥북 개발 생산성 200% 올려주는 VSCode 단축키 완벽 정리 (Mac OS)
개발자에게 키보드에서 마우스로 손이 이동하는 시간은 '로스(Loss)'입니다. 특히 트랙패드나 마우스 제스처가 편한 Mac 환경이라도, 코딩할 때만큼은 키보드 위에서 모든 것을 해결하는 것이 압도적으로 빠릅니다.
오늘은 여러 개발자들의 추천과 VSCode 공식 문서를 종합하여, 실무에서 가장 많이 쓰이고 유용한 Mac 전용 단축키들을 상세하게 정리해 보았습니다. 이 포스팅을 띄워두고 하나씩 따라 해보세요!
⌨️ 시작 전: Mac 키보드 기호 익히기
Mac을 처음 쓰시거나 단축키 표기가 헷갈리는 분들을 위해 기호부터 정리하고 넘어갑니다.
- Command (cmd):
⌘(윈도우의 Ctrl 역할과 비슷하지만 더 강력합니다) - Option (opt/alt):
⌥(코드 복사, 이동 등 보조 역할) - Control (ctrl):
⌃(시스템 레벨이나 터미널 제어) - Shift:
⇧
1. VSCode의 모든 것을 제어하는 '절대 반지' 💍
이 두 가지는 무조건 외워야 합니다. 메뉴바를 뒤적거릴 필요가 사라집니다.
| 단축키 | 기능 설명 | 활용 Tip |
|---|---|---|
⌘ + ⇧ + P | 명령 팔레트 (Command Palette) | VSCode의 모든 기능을 실행합니다. 테마 변경, 설정 열기, 확장 프로그램 실행 등 기억 안 나는 기능은 여기서 검색하세요. |
⌘ + P | 파일 빠른 열기 (Quick Open) | 프로젝트 내의 파일을 이름으로 검색해서 엽니다. 마우스로 탐색기를 클릭할 필요가 없습니다. |
⌘ + , | 설정 (Settings) | 사용자 설정 창을 엽니다. |
2. 코딩 속도가 빨라지는 '편집(Editing)' 단축키 ⚡️
단순 반복 작업을 획기적으로 줄여주는 키들입니다. Crtl+C, Ctrl+V보다 훨씬 효율적입니다.
📝 라인(Line) 조작
- 줄 복사 (
⌥+⇧+↓/↑): 현재 커서가 있는 줄을 위나 아래로 똑같이 복제합니다. 변수 선언이나 비슷한 로직을 짤 때 필수입니다. - 줄 이동 (
⌥+↓/↑): 코드를 잘라내기/붙여넣기 할 필요 없이, 현재 줄을 위아래로 슥슥 옮길 수 있습니다. - 줄 삭제 (
⌘+⇧+K): 커서가 있는 줄을 한 번에 삭제합니다. (백스페이스 연타 금지!) - 아래에 줄 삽입 (
⌘+Enter): 커서가 줄 중간에 있어도, 즉시 다음 줄에 빈 줄을 만들고 이동합니다. - 위에 줄 삽입 (
⌘+⇧+Enter): 현재 줄의 바로 윗줄에 빈 줄을 생성합니다.
🛠 주석 및 정렬
- 주석 토글 (
⌘+/): 한 줄 혹은 드래그한 영역을 주석 처리/해제합니다. - 코드 자동 정렬 (
⌥+⇧+F): 들여쓰기가 엉망인 코드를 Prettier 등의 포맷터에 맞춰 예쁘게 정렬해 줍니다. 저장 시 자동 정렬을 안 해뒀다면 수시로 누르게 될 키입니다.
3. 개발자의 마법 '멀티 커서(Multi-Cursor)' 🔥
VSCode를 쓰는 가장 큰 이유 중 하나입니다. 여러 곳을 동시에 수정하는 쾌감은 이루 말할 수 없습니다.
- 같은 단어 하나씩 추가 선택 (
⌘+D):- 변수 이름을 바꾸고 싶을 때, 변수에 커서를 두고
⌘+D를 연타하면 문서 내의 같은 단어가 차례대로 선택됩니다. 그 상태에서 타이핑하면 동시에 수정됩니다.
- 변수 이름을 바꾸고 싶을 때, 변수에 커서를 두고
- 같은 단어 전체 선택 (
⌘+⇧+L):⌘+D를 여러 번 누르기 귀찮을 때, 문서 내의 모든 동일 단어를 한 번에 선택합니다.
- 수직으로 커서 추가 (
⌥+⌘+↓/↑):- 세로로 나열된 리스트나 데이터를 수정할 때 유용합니다. 위아래로 긴 커서가 생깁니다.
- 원하는 곳 다중 클릭 (
⌥+Click):- 떨어져 있는 여러 지점을
Option키를 누른 채 클릭하면 커서가 여러 개 생깁니다.
- 떨어져 있는 여러 지점을
4. 넓은 프로젝트를 항해하는 '이동(Navigation)' 🧭
파일이 많아지고 코드가 길어졌을 때, 원하는 곳으로 순간 이동하는 방법입니다.
- 사이드바 토글 (
⌘+B):- 왼쪽의 파일 탐색기 창을 열고 닫습니다. 작은 노트북 화면에서 코드를 넓게 보고 싶을 때 유용합니다.
- 정의로 이동 (
F12또는⌘+Click):- 함수나 변수가 어디서 선언되었는지 바로 확인하러 이동합니다.
- 해당 라인으로 이동 (
⌃+G):- 에러 로그에 "Line 152 Error"가 떴나요?
Ctrl+G누르고152를 입력하면 바로 갑니다.
- 에러 로그에 "Line 152 Error"가 떴나요?
- 파일의 시작/끝으로 이동 (
⌘+↑/↓):- 스크롤을 미친 듯이 굴릴 필요 없이 한 번에 최상단/최하단으로 이동합니다.
5. 화면 분할과 터미널 관리 🖥️
- 화면 분할 (
⌘+\):- 에디터를 좌우로 쪼갭니다. HTML과 CSS를 동시에 보거나, 두 파일을 비교할 때 씁니다.
- 터미널 열기/닫기 (
⌃+`):- 하단 터미널 패널을 빠르게 열고 닫습니다. (백틱 키는 esc 바로 아래에 있습니다.)
- 새 탭 만들기 (
⌘+N):- 저장되지 않은 빈 파일을 즉시 하나 띄웁니다. 급하게 메모할 때 좋습니다.
- 탭 닫기 (
⌘+W):- 현재 보고 있는 파일 탭을 닫습니다.
- 닫은 탭 다시 열기 (
⌘+⇧+T):- 실수로 탭을 껐을 때 브라우저처럼 다시 살려낼 수 있습니다.
💡 보너스: 단축키가 기억나지 않거나 바꾸고 싶다면?
아무리 좋은 정리 글도 공식 문서만 한 것은 없습니다. 혹은 손에 익은 다른 키로 바꾸고 싶을 수도 있죠.
- 공식 PDF 보기: VSCode 내에서
⌘+K를 누르고 손을 뗀 뒤⌘+R을 누르면 브라우저에서 공식 단축키 PDF가 열립니다. - 단축키 사용자 설정:
⌘+K누르고⌘+S를 누르면, 현재 지정된 단축키 목록을 보고 직접 수정할 수 있는 설정 창이 열립니다.
마치며
처음부터 이 모든 것을 외우려고 하면 스트레스를 받습니다. 오늘 당장 ⌘+P (파일 열기), ⌥+↓ (줄 이동), ⌘+D (같은 단어 선택) 딱 세 가지만이라도 의식적으로 사용해 보세요.
일주일만 지나면 손가락이 알아서 반응하고, 퇴근 시간이 빨라지는 경험을 하실 수 있을 겁니다! 🚀
참고 링크:
