비주얼 스튜디오 코드 - 단축키 총정리

1. 비주얼 스튜디오 코드 소개

비주얼 스튜디오 코드(Visual Studio Code)는 마이크로소프트에서 개발한 무료 개발 도구로, 다양한 플랫폼에서 사용할 수 있는 경량화된 소스 코드 편집기입니다. 이 도구는 많은 개발자들 사이에서 인기를 얻고 있으며, 자바스크립트, 타입스크립트, HTML/CSS 등 다양한 언어를 지원합니다.

비주얼 스튜디오 코드는 사용자 친화적인 인터페이스와 다양한 기능을 제공하며, 확장성도 뛰어납니다. 사용자는 원하는 기능을 개별적으로 추가하여 자신의 작업 환경을 커스터마이징할 수 있습니다. 또한, 비주얼 스튜디오 코드는 소스 코드의 디버깅이나 버전 관리와 같은 작업도 편리하게 수행할 수 있는 다양한 도구를 내장하고 있습니다.

비주얼 스튜디오 코드의 장점 중 하나는 가볍고 빠른 실행 속도입니다. 서드 파티 앱이나 확장 기능을 사용하여 필요한 만큼만 활성화할 수 있기 때문에, 불필요한 리소스 낭비를 최소화할 수 있습니다. 이러한 특징 덕분에, 개발자들은 작업을 보다 효율적으로 수행할 수 있고, 더욱 생산적으로 코드를 작성할 수 있습니다.

다음 장에서는 비주얼 스튜디오 코드의 주요 기능에 대한 단축키에 대해 알아보겠습니다.

2. 주요 기능 단축키

비주얼 스튜디오 코드는 다양한 주요 기능을 제공하며, 이를 빠르고 편리하게 사용하기 위해 다양한 단축키를 제공합니다. 아래는 주요 기능과 그에 해당하는 단축키입니다.

에디터와 파일 단축키

• 파일 생성: Ctrl + N
• 파일 열기: Ctrl + O
• 파일 저장: Ctrl + S
• 파일 닫기: Ctrl + W
• 창 나누기: Ctrl + \
• 창 닫기: Ctrl + F4
• 터미널 열기: Ctrl + `
• 줄 복사/잘라내기/붙여넣기: Ctrl + C / Ctrl + X / Ctrl + V
• 선택 영역 확장/축소/전체 선택: Shift + 방향키 / Ctrl + Shift + 방향키 / Ctrl + A
• 한 줄 주석 토글: Ctrl + /
• 단어 단위로 이동: Ctrl + 좌우 방향키
• 줄 이동: Alt + 좌우 방향키
• 에디터 영역 확대/축소: Ctrl + + / Ctrl + -

디버그 단축키

• 디버그 시작: F5
• 중지: Shift + F5
• 다음 중단점 이동: F10
• 다음 줄 실행: F11
• 실행 중인 코드 일시 중지: Ctrl + Alt + Break
• 조건부 중단점 설정: F9
• 변수 값 확인: F12

확장 기능 단축키

• 확장 기능 설치: Ctrl + Shift + X
• 모든 확장 기능 토글: Ctrl + J
• 확장 기능 목록: Ctrl + Shift + E
• 현재 파일에서 확장 기능 열기: Ctrl + P, ext install

이는 일부 주요 기능의 단축키이므로, 비주얼 스튜디오 코드의 모든 단축키를 소개하는 것은 아닙니다. 하지만 이들을 기본으로 사용하면 코드 편집과 디버깅을 보다 효율적으로 수행할 수 있습니다.

3. 에디터와 파일 단축키

에디터와 파일 단축키를 사용하면 비주얼 스튜디오 코드의 편집기 기능을 더욱 빠르고 효율적으로 활용할 수 있습니다. 아래는 주요한 에디터와 파일 단축키입니다.

파일 생성, 열기 및 저장

• 파일 생성: Ctrl + N 단축키를 사용하면 새로운 파일을 생성할 수 있습니다.
• 파일 열기: Ctrl + O 단축키를 누르면 파일 브라우저 창이 열리고, 원하는 파일을 선택하여 열 수 있습니다.
• 파일 저장: 작업 중인 파일을 저장하려면 Ctrl + S 단축키를 사용합니다.

파일 닫기 및 창 관리

• 파일 닫기: 작업이 완료된 파일을 닫으려면 Ctrl + W 단축키를 사용합니다.
• 창 나누기: Ctrl + \ 단축키를 누르면 편집기 창이 가로로 분할됩니다. 이를 사용하여 여러 파일을 동시에 편집할 수 있습니다.
• 창 닫기: 활성화된 창을 닫으려면 Ctrl + F4 단축키를 사용합니다.

터미널 열기

• 터미널 열기: Ctrl + ` (backtick) 단축키를 눌러 터미널 창을 표시할 수 있습니다. 터미널은 개발 작업을 보조하고, 명령어를 실행하거나 디버깅 메시지를 표시하는 데 사용됩니다.

선택 영역 확장, 축소 및 전체 선택

• 선택 영역 확장: 원하는 선택 영역을 확장하려면 맞춤법을 확인하려는 단어 위에 커서를 놓고 Shift 키를 누른 상태에서 방향키를 사용합니다. 선택 영역이 확장됩니다.
• 선택 영역 축소: 확장된 선택 영역을 축소하려면 Ctrl + Shift + 방향키를 사용합니다.
• 전체 선택: Ctrl + A 단축키를 사용하면 파일 전체를 선택할 수 있습니다.

기타 기능

• 한 줄 주석 토글: 한 줄의 주석을 추가하거나 제거하려면 Ctrl + / 단축키를 사용합니다.
• 단어 단위로 이동: Ctrl + 좌우 방향키를 사용하여 커서를 단어 단위로 좌우로 이동할 수 있습니다.
• 줄 이동: Alt + 좌우 방향키를 사용하여 커서를 한 줄씩 좌우로 이동할 수 있습니다.
• 에디터 영역 확대/축소: 에디터 창의 텍스트를 좀 더 크게 보거나 작게 보려면 Ctrl + 또는 Ctrl - 단축키를 사용합니다.

이러한 에디터와 파일 단축키를 사용하는 것은 비주얼 스튜디오 코드 작업 시간을 절약하고 생산성을 향상시키는 데 큰 도움이 됩니다.

4. 디버그 단축키

디버그 단축키를 사용하면 비주얼 스튜디오 코드의 디버깅 기능을 편리하게 활용할 수 있습니다. 아래는 주요한 디버그 단축키입니다.

디버그 시작과 중지

• 디버그 시작: F5 키를 눌러 디버그 세션을 시작할 수 있습니다. 이는 현재 활성화된 파일이나 선택한 파일을 디버그 모드로 실행합니다.
• 중지: 디버깅을 중단하려면 Shift + F5 키를 누릅니다. 디버깅이 중지되면 프로그램 실행도 중지됩니다.

디버깅 과정 제어

• 다음 중단점 이동: F10 키를 사용하여 다음 중단점까지 코드 실행을 진행할 수 있습니다. 이는 현재 실행 중인 라인을 건너뛰고 다음 중단점으로 이동합니다.
• 다음 줄 실행: F11 키를 누르면 현재 줄에서 다음 줄로 코드 실행을 진행합니다.
• 실행 중인 코드 일시 중지: Ctrl + Alt + Break 키를 사용하여 현재 실행 중인 코드를 일시 중지할 수 있습니다. 이는 디버깅 세션을 추가로 제어하거나 코드 실행을 중단할 때 유용합니다.
• 조건부 중단점 설정: 디버깅 중인 코드에서 특정 조건을 충족하는 경우에만 중단점을 활성화하려면 해당 줄에 커서를 위치시킨 다음 F9 키를 누르십시오.
• 변수 값 확인: 디버깅 중에 변수의 값을 확인하려면 해당 변수 위에서 F12 키를 누르면 변수의 값이 별도의 창에 표시됩니다.

디버그 단축키는 개발 중에 코드의 실행 흐름을 따라가면서 문제를 분석하고 디버깅하는 데 유용합니다. 이러한 단축키를 활용하면 효율적인 디버깅 작업을 수행할 수 있습니다.

5. 확장 기능 단축키

비주얼 스튜디오 코드는 다양한 확장 기능을 제공하며, 이를 편리하게 활용하기 위한 단축키를 지원합니다. 아래는 주요한 확장 기능 단축키입니다.

확장 기능 검색 및 설치

• 확장 기능 검색: Ctrl + Shift + X 단축키를 사용하여 확장 기능 메뉴를 열고 원하는 확장 기능을 검색할 수 있습니다. 검색 결과에서 확장 기능을 선택하여 설치할 수 있습니다.
• 설치된 확장 기능 관리: Ctrl + Shift + P 단축키를 누르고 "확장 기능 관리"를 입력하여 현재 설치된 확장 기능을 확인하고 관리할 수 있습니다.

확장 기능 실행

• 확장 기능 실행: Ctrl + Shift + P 단축키를 사용하여 명령 팔레트 창을 열고 확장 기능에 제공되는 명령을 실행할 수 있습니다. 확장 기능마다 제공하는 다양한 명령을 활용할 수 있습니다.
• 특정 확장 기능 명령 실행: Ctrl + Shift + P 단축키를 누르고 확장 기능의 이름 뒤에 :을 입력하면 해당 확장 기능에 제공되는 명령을 검색할 수 있습니다.

확장 기능 단축키 자체 설정

• 확장 기능 단축키 확인 및 수정: Ctrl + K, Ctrl + S 단축키를 사용하여 현재 설정된 키 바인딩을 확인하고 필요한 경우 수정할 수 있습니다. 이를 통해 확장 기능이 사용하는 특정 명령에 대한 단축키를 사용자가 원하는 대로 변경할 수 있습니다.

확장 기능은 비주얼 스튜디오 코드의 기능을 확장하고 보완하는 데 도움이 되는 다양한 기능을 제공합니다. 이를 효율적으로 활용하기 위해 위의 단축키를 사용할 수 있습니다.