Visual Studio Code(이하 VS Code)는 전 세계 개발자들이 사랑하는 최고의 코드 편집기 중 하나입니다. 효율적으로 사용하기 위해 꼭 알아야 할 필수 단축키들을 블로그 포스팅 형식으로 정리했습니다. 개발 속도를 2배로 높이고 싶다면 이 글을 끝까지 읽어보세요! 🔥
🖥️ 기본 편집 관련 단축키
탐색과 기본 작업
- 파일 탐색기 열기/닫기:
Ctrl + B(Windows) /Cmd + B(Mac)코드 편집 화면에서 빠르게 파일 탐색기를 열거나 숨길 수 있습니다. - 파일 빠르게 열기 (파일명 검색):
Ctrl + P(Windows) /Cmd + P(Mac)프로젝트 내 파일 이름을 검색해 즉시 열 수 있습니다. - 명령 팔레트 열기:
Ctrl + Shift + P(Windows) /Cmd + Shift + P(Mac)모든 명령어와 설정을 검색할 수 있는 팔레트입니다. - 터미널 열기/닫기:
`Ctrl + “ (Windows/Mac)터미널과 코드를 동시에 보며 작업하세요.
코드 편집
- 줄 삭제:
Ctrl + Shift + K(Windows) /Cmd + Shift + K(Mac)한 줄을 간단히 삭제할 수 있습니다. - 줄 복사:
Alt + Shift + ↓(Windows) /Option + Shift + ↓(Mac)현재 줄을 아래로 복사합니다. - 줄 이동 (위/아래):
Alt + ↑ / ↓(Windows) /Option + ↑ / ↓(Mac)코드 줄의 순서를 손쉽게 바꿀 수 있습니다.
🔍 탐색 및 이동
빠른 이동
- 이전 편집 위치로 이동:
Ctrl + -(Windows) /Cmd + -(Mac)마지막으로 편집했던 위치로 빠르게 돌아갑니다. - 다음 편집 위치로 이동:
Ctrl + Shift + -(Windows) /Cmd + Shift + -(Mac) - 정의로 이동 (Go to Definition):
F12함수나 변수의 정의 위치로 이동합니다. - 참조 찾아보기:
Shift + F12해당 변수/함수가 사용된 모든 위치를 확인할 수 있습니다. - 심볼 검색 (Go to Symbol):
Ctrl + Shift + O(Windows) /Cmd + Shift + O(Mac)파일 내 함수나 클래스 등을 검색해 바로 이동 가능합니다.
💡 코드 포맷팅 및 디버깅
깔끔한 코드 정렬
- 코드 자동 정렬 (포맷팅):
Shift + Alt + F(Windows) /Shift + Option + F(Mac)포맷 설정에 따라 코드가 자동 정렬됩니다.
디버깅
- 디버깅 시작/중단:
F5코드 실행과 디버깅의 시작 버튼입니다. - 디버깅 중 다음 단계로 이동:
F10 - 디버깅 중 내부 단계로 이동:
F11
✍️ 다중 커서 및 편집
VS Code의 다중 커서 기능은 생산성을 극대화하는 강력한 도구입니다.
- 다중 커서 추가 (클릭):
Alt + 클릭(Windows) /Option + 클릭(Mac)한 번에 여러 위치에서 텍스트를 편집할 수 있습니다. - 같은 단어 모두 선택:
Ctrl + Shift + L(Windows) /Cmd + Shift + L(Mac)특정 단어를 한 번에 모두 선택합니다. - 다음 일치 단어 선택:
Ctrl + D(Windows) /Cmd + D(Mac)같은 단어를 하나씩 추가로 선택합니다.
🛠️ UI 및 창 관련 단축키
- 전체 화면 모드 전환:
F11(Windows) /Cmd + Ctrl + F(Mac)코딩에만 집중하고 싶을 때 유용합니다. - 분할 편집 창 생성:
Ctrl + \(Windows) /Cmd + \(Mac)여러 파일을 동시에 보며 작업할 수 있습니다. - 창 간 이동:
Ctrl + 숫자(Windows) /Cmd + 숫자(Mac)1번 창, 2번 창 등으로 빠르게 전환합니다.
📌 마무리
VS Code는 단축키를 활용하면 작업 속도를 놀랍게 끌어올릴 수 있습니다. 위 단축키를 꾸준히 연습하면서 익숙해진다면, 여러분의 개발 생산성은 한 단계 더 성장할 것입니다!
혹시 더 유용한 단축키를 알고 계시거나 질문이 있다면 댓글로 알려주세요. 😊
Tip: 단축키를 모두 외우기 힘들다면, **명령 팔레트 (Ctrl + Shift + P)**에서 필요한 기능을 검색해보세요!
Visual Studio Code(이하 VS Code)에서 유용한 단축키를 정리했습니다.
기본 편집 관련 단축키
| 작업 | 단축키 (Windows) | 단축키 (Mac) |
|---|---|---|
| 파일 탐색기 열기/닫기 | Ctrl + B | Cmd + B |
| 파일 빠르게 열기 (파일명 검색) | Ctrl + P | Cmd + P |
| 명령 팔레트 열기 | Ctrl + Shift + P | Cmd + Shift + P |
| 터미널 열기/닫기 | Ctrl + \ | `Ctrl + “ |
| 줄 삭제 | Ctrl + Shift + K | Cmd + Shift + K |
| 다음 커서 위치로 이동 | Ctrl + D | Cmd + D |
| 줄 복사 | Alt + Shift + ↓ | Option + Shift + ↓ |
| 줄 위로/아래로 이동 | Alt + ↑ / ↓ | Option + ↑ / ↓ |
탐색 및 이동
| 작업 | 단축키 (Windows) | 단축키 (Mac) |
|---|---|---|
| 이전 편집 위치로 이동 | Ctrl + - | Cmd + - |
| 다음 편집 위치로 이동 | Ctrl + Shift + - | Cmd + Shift + - |
| 정의로 이동 (Go to Definition) | F12 | F12 |
| 참조 찾아보기 | Shift + F12 | Shift + F12 |
| 심볼 검색 (Go to Symbol) | Ctrl + Shift + O | Cmd + Shift + O |
코드 포맷팅 및 디버깅
| 작업 | 단축키 (Windows) | 단축키 (Mac) |
|---|---|---|
| 코드 자동 정렬 (포맷팅) | Shift + Alt + F | Shift + Option + F |
| 디버깅 시작/중단 | F5 | F5 |
| 디버깅 중 다음 단계로 이동 | F10 | F10 |
| 디버깅 중 내부 단계로 이동 | F11 | F11 |
다중 커서 및 편집
| 작업 | 단축키 (Windows) | 단축키 (Mac) |
|---|---|---|
| 다중 커서 추가 (위/아래) | Alt + 클릭 | Option + 클릭 |
| 같은 단어 모두 선택 | Ctrl + Shift + L | Cmd + Shift + L |
| 다음 일치 단어 선택 | Ctrl + D | Cmd + D |
| 모든 같은 단어 선택 후 편집 | Ctrl + Alt + Shift + J | Cmd + Option + Shift + J |
UI 관련
| 작업 | 단축키 (Windows) | 단축키 (Mac) |
|---|---|---|
| 전체 화면 모드 전환 | F11 | Cmd + Ctrl + F |
| 분할 편집 창 생성 | Ctrl + \ | Cmd + \ |
| 창 간 이동 | Ctrl + 1, 2, 3... | Cmd + 1, 2, 3... |
더 많은 단축키를 확인하려면 “명령 팔레트 (Ctrl + Shift + P 또는 Cmd + Shift + P)” 에서 **”Keyboard Shortcuts”**를 검색하세요! 😊