개발 공부하면서 처음 VSCode를 접했을 때, 마우스로 하나하나 클릭하느라 시간도 오래 걸리고 손도 아프더라고요. 😭 그러다 단축키들을 하나씩 익히다 보니 작업 속도가 확실히 빨라지고, 코딩이 더 즐거워졌어요!
오늘은 제가 직접 써보고 정말 유용했던 VSCode 단축키들을 중심으로, VSCode를 보다 효율적으로 활용할 수 있는 방법을 정리해 봤어요. 😊
✅ 아래 목차를 통해 원하는 내용을 쉽게 찾을 수 있습니다.
📑 목차
✏️ 기본 편집 단축키
코드를 작성하거나 수정할 때 꼭 알아두면 좋은 단축키들이에요:
📌 노션(Notion) 사용법 총정리: 초보자를 위한 가이드
- Ctrl + X: 현재 줄 잘라내기 (선택 영역이 없을 경우)
- Ctrl + C: 현재 줄 복사 (선택 영역이 없을 경우)
- Ctrl + Shift + K: 현재 줄 삭제
- Ctrl + Enter: 현재 줄 아래에 새 줄 삽입
- Ctrl + Shift + Enter: 현재 줄 위에 새 줄 삽입
- Alt + ↑ / ↓: 현재 줄을 위/아래로 이동
- Shift + Alt + ↑ / ↓: 현재 줄을 위/아래로 복사
- Ctrl + ] / [: 들여쓰기 / 내어 쓰기
- Ctrl + /: 한 줄 주석 토글
- Shift + Alt + A: 블록 주석 토글
- Ctrl + F2: 현재 단어의 모든 항목 선택
- Ctrl + D: 다음 선택 찾기
전 Alt 방향키 조합으로 줄을 이동시키는 단축키를 진짜 자주 써요. 함수 순서를 바꿀 때 특히 편하더라고요!
🔎 탐색 및 검색 단축키
프로젝트가 커지면 원하는 부분을 빨리 찾는 게 핵심이잖아요. 검색 기능도 단축키로 활용하면 훨씬 빠릅니다:
- Ctrl + P: 파일 열기 (파일 이름 검색)
- Ctrl + G: 특정 행으로 이동
- Ctrl + F: 현재 파일 내 검색
- Ctrl + Shift + F: 전체 프로젝트에서 검색
- Ctrl + Shift + O: 현재 파일 내 심볼로 이동
- F12: 정의로 이동
- Alt + F12: 정의 미리 보기
- Ctrl + Shift + M: 문제 패널 열기
- F8 / Shift + F8: 오류 또는 경고 간 이동
저는 Ctrl + P 하나만으로도 파일 탐색이 훨씬 수월해져서, 폴더 구조를 다 외우지 않아도 코딩할 수 있었어요.
🗂 파일 및 창 관리 단축키
파일을 자주 열고 닫는 작업이 많은 만큼, 이 단축키들을 알고 있으면 정말 편해요:
- Ctrl + N: 새 파일 열기
- Ctrl + S: 파일 저장
- Ctrl + Shift + S: 다른 이름으로 저장
- Ctrl + K S: 모든 파일 저장
- Ctrl + W: 현재 파일 닫기
- Ctrl + Shift + T: 마지막에 닫은 파일 다시 열기
- Ctrl + \: 에디터 창 분할
- Ctrl + 1 / 2 / 3: 에디터 그룹 포커스 이동
- Ctrl + K Ctrl + ← / →: 이전/다음 에디터 그룹 이동
처음에는 헷갈리지만 익숙해지면 정말 손이 기억해요. 저는 특히 'Ctrl + \' 단축키로 창 분할해서 코드 비교할 때 자주 써요.
🐞 디버깅 단축키
코드가 예상대로 안 될 때, 디버깅은 필수죠! VSCode에서는 기본적인 디버깅 기능도 단축키로 쉽게 사용할 수 있어요:
- F5: 디버깅 시작/계속
- Shift + F5: 디버깅 중지
- F9: 중단점 설정/해제
- F10: 한 단계씩 코드 실행 (Step Over)
- F11: 함수 내부로 진입 (Step Into)
- Shift + F11: 함수 밖으로 이동 (Step Out)
개인적으로는 F9를 자주 쓰는데, 중단점 설정하면서 코드 흐름을 파악하는 데 큰 도움이 돼요.
🌟 기타 유용한 단축키
VSCode에서 자주 사용하는 기타 기능들을 위한 단축키예요:
- Ctrl + Shift + P: 명령 팔레트 열기 (모든 기능 검색 가능)
- Ctrl + K Z: Zen 모드 (집중 모드)
- Ctrl + B: 사이드바 토글
- Ctrl + J: 터미널 창 토글
- Alt + Shift + F: 코드 자동 정렬
저는 터미널 토글(Ctrl + J)을 진짜 자주 씁니다. Git 명령어 입력할 때나 빌드할 때 이거 없으면 너무 불편해요!
❓ 자주 묻는 질문(FAQ)
Q1. 단축키는 사용자마다 다르게 설정할 수 있나요?
✔️ 네! Ctrl + K → Ctrl + S를 누르면 단축키 설정 화면이 열려요.
Q2. VSCode 기본 단축키 목록은 어디서 확인하나요?
✔️ Ctrl + K → Ctrl + S로 확인 가능하며, 검색도 지원돼요.
Q3. Mac에서는 단축키가 다른가요?
✔️ 네, 대부분의 Ctrl 키를 Cmd로 바꾸면 돼요. (예: Ctrl + P → Cmd + P)
Q4. 단축키 외에도 도움 되는 확장 기능이 있을까요?
✔️ Key Promoter X, Shortcut Menu Bar 같은 확장 프로그램을 써보세요. 단축키 연습에 도움 돼요!
✅ 결론
VSCode의 단축키는 처음엔 조금 헷갈릴 수 있지만, 익숙해지면 마우스보다 훨씬 빠르고 효율적이에요. 저도 이제는 '마우스로 클릭하는 건 너무 느려!' 하고 느낄 만큼 손에 익었어요. 특히 Ctrl + Shift + P는 VSCode의 핵심 기능을 열쇠처럼 열어주는 단축키라 꼭 익혀두세요!
📌 요약 정보
구분 | 주요 단축키 |
편집 | Ctrl + X (줄 삭제), Alt + ↑/↓ (줄 이동), Shift + Alt + ↑/↓ (줄 복사) |
검색 | Ctrl + F (파일 내 검색), Ctrl + Shift + F (전체 검색), Ctrl + P (파일 열기) |
파일/창 관리 | Ctrl + N (새 파일), Ctrl + S (저장), Ctrl + W (닫기), Ctrl + \ (창 분할) |
디버깅 | F5 (시작), F9 (중단점), F10/F11 (스텝 이동) |
기타 | Ctrl + Shift + P (명령 팔레트), Ctrl + B (사이드바 토글), Alt + Shift + F (포맷팅) |
🧡 이 글이 여러분의 VSCode 활용에 조금이라도 도움이 되었다면 정말 기쁠 거예요. 단축키 몇 개만 외워도 개발할 때 피로도가 확 줄어요. 오늘부터 하나씩 실전에서 써보세요! 🙌
‼️ 함께 보면 유용한 글
📚 한글 읽기 전용 쉽게 풀기: 초보자도 따라 할 수 있어요!