2021.01.18

소소하지만 유용한 비주얼 스튜디오 코드 팁 6가지

Serdar Yegulalp | InfoWorld
마이크로소프트의 오픈소스 프로그래밍 편집기인 비주얼 스튜디오 코드(Visual Studio Code, VSC)에는 모든 개발자에게 유용한 다양한 확장 기능이 있지만, 이를 제외해도 기본적으로 멋진 기능이 풍부하다. 그러나 숙련된 사용자도 잘 모르는 기능이 있다. 또한 새로 릴리스될 때마다 유용한 기능이 추가되는데, 이렇게 추가된 기능이 잘 알려지지 않는 경우도 많다.

여기서는 많이 알려지지 않은 비주얼 스튜디오 코드의 6가지 유용한 기능을 살펴본다. 대부분은 초보자부터 베테랑까지, 비주얼 스튜디오 코드에 관한 전문 지식 수준에 관계없이 모두에게 도움이 된다.
 

입력해서 비주얼 스튜디오 코드 명령 찾기

비주얼 스튜디오 코드에서 명령을 찾고 싶다면 어떤 명령이든 Ctrl-Shift-P를 누르고 입력을 시작하면 된다. 명령 팔레트라는 기능이 애드온에서 제공하는 명령을 포함한 등록된 모든 명령에 빠르게 접근할 수 있게 해준다. 또한 특정 명령과 연결된 키 바인딩이 있는 경우 입력 검색 드롭다운 목록에 표시되므로, 다음번에는 바로 단축키를 사용할 수 있다.
 
비주얼 스튜디오 코드 명령 팔레트에 입력하면 명령을 검색할 수 있고 키 바인딩도 함께 표시된다. © IDG
 

한 손으로 비주얼 스튜디오 코드 터미널 열기/닫기

비주얼 스튜디오 코드의 터미널 창은 매우 편리하다. 터미널 작업을 위해 다른 애플리케이션 창으로 전환할 필요가 없다. 또한 Ctrl-`(백틱 키)를 눌러서 바로 접근할 수 있다. 이 기본 키 설정의 좋은 점은 한 손으로 가능하므로 마우스를 건드릴 필요 없이 창을 바로 여닫을 수 있다는 것이다. 또한 터미널을 열면 커서의 포커스가 터미널 창으로 이동하므로 열어서 바로 입력을 시작하면 된다.
 
비주얼 스튜디오 코드의 내장 터미널은 한 손 키 조합으로 여닫을 수 있다. © IDG
 

비주얼 스튜디오 코드 문서에서 여러 커서 사용하기

비주얼 스튜디오 코드에서 문서를 편집하는 신기한 방법의 하나는 여러 커서를 정의하는 것이다. 말 그대로 동시에 두 곳 이상에서 문서에 입력할 수 있다.

Alt 키를 누르고 아무 곳이나 클릭하면 새 커서가 생성된다. 각 커서는 동시에 동일한 키 명령을 받아들인다. 예를 들어 정해진 텍스트를 여러 라인에 동시에 입력할 때 이 기능을 사용하면 편리하다. Ctrl+Alt를 누른 채로 위 또는 아래 화살표 키를 누르는 방법으로도 커서를 추가할 수 있다. 이렇게 하면 현재 커서 위 또는 아래 줄에 커서가 삽입된다. 텍스트 칼럼에서 작업할 때 유용하다.

또 다른 유용한 기능으로, Ctrl-Shift-L을 누르면 현재 선택된 텍스트와 동일한 모든 텍스트에 커서가 삽입된다. 또한 Shift-Alt를 누르고 좌우 화살표를 사용해서 여러 커서의 선택 크기를 조절할 수도 있다. 단일 커서로 돌아가려면 Esc 키를 누르면 된다.
 
비주얼 스튜디오 코드에서는 여러 커서를 사용해서 한 문서의 여러 지점에 동시에 입력할 수 있다. © IDG
 

비주얼 스튜디오 코드에서 여러 문서의 단어 기반 제안 보기

비주얼 스튜디오 코드에는 대부분의 일반 텍스트 문서 형식에서 입력과 동시에 단어를 제안하는 기능이 있다. 그러나 기본적으로 제안을 가져오는 대상은 현재 문서 또는 같은 형식으로 된 열린 문서로 제한된다.

최근에 도입된 기능은 현재 열린 모든 파일에서 제안을 찾을 수 있게 해준다. editor.wordBasedSuggestionsMode 구성 옵션을 allDocuments로 설정하면 현재 편집 중이거나 동일한 확장자를 가진 열린 파일뿐만 아니라 현재 열린 모든 파일에서 제안을 가져온다. 예를 들어 애플리케이션을 위한 형식 스텁이 포함된 파일이 있는데 그 파일의 확장자가 현재 편집 중인 파일과 다를 경우 유용한 기능이다.
 
열려 있는 모든 문서에서 단어 제안을 가져오도록 할 수 있다. “db_context”라는 제안의 출처는 열려 있는 코드 파일이다. © IDG
 

비주얼 스튜디오 코드의 내부 프로세스 목록 보기

윈도우의 작업 관리자와 같이 운영체제에는 시스템에서 현재 실행 중인 프로세스 목록을 볼 수 있는 유틸리티가 있다. 이와 비슷하게 비주얼 스튜디오 코드에는 코드 편집기 내부에서 실행 중인 모든 하위 프로세스 목록을 보여주는 (모든 창, 확장, 외부 스폰 프로세스 포함) 자체적인 내부 프로세스 탐색기가 있다. 각 프로세스의 프로세스 ID와 CPU 및 메모리 사용량이 표시된다.

프로세스 탐색기를 열려면 도움말(Help) 메뉴에서 “프로세스 탐색기 열기(Open Process Explorer)”를 선택하거나 명령 팔레트에서 “Process Explorer”를 검색하면 된다. 프로세스를 마우스 오른쪽 버튼으로 클릭해서 정보를 복사하거나 종료할 수 있다. 목록을 정렬하는 기능은 없지만 가장 많은 메모리 또는 CPU를 사용하는 프로세스가 강조 표시된다.
 
비주얼 스튜디오 코드의 프로세스 탐색기를 사용하면 확장을 포함해 애플리케이션에서 실행 중인 모든 프로세스를 볼 수 있다. © IDG
 

포터블 애플리케이션으로 비주얼 스튜디오 코드 실행

비주얼 스튜디오 코드는 비주얼 스튜디오 또는 마이크로소프트 오피스와 마찬가지로 정식으로 설치된 애플리케이션으로 실행하는 것이 일반적이다. 그러나 비주얼 스튜디오 코드를 포터블 형식으로, 즉 정식으로 설치하지 않고 이동식 드라이브나 시스템의 다른 디렉터리에서 실행하는 편이 유용한 상황이 있다. 이를 위해 비주얼 스튜디오 코드는 포터블 모드(Portable Mode)를 제공한다. 포터블 모드는 .zip/.tar.gz로 압축된 비주얼 스튜디오 코드 버전에서 지원된다.

참고로 비주얼 스튜디오 코드 포터블 버전의 경우 모든 업그레이드는 수동으로, 이전 설치본의 사용자 데이터를 새 설치본으로 복사하는 방법으로 해야 한다. 또한 기존 비주얼 스튜디오 코드 설치를 포터블 모드로 마이그레이션할 수 있지만 이를 위해서는 정식으로 설치된 비주얼 스튜디오 코드 버전의 데이터 디렉터리를 새 포터블 버전으로 복사해야 한다. 설치된 비주얼 스튜디오 코드 인스턴스를 포터블 에디션으로 그대로 변환하는 방법은 없다. editor@itworld.co.kr


2021.01.18

소소하지만 유용한 비주얼 스튜디오 코드 팁 6가지

Serdar Yegulalp | InfoWorld
마이크로소프트의 오픈소스 프로그래밍 편집기인 비주얼 스튜디오 코드(Visual Studio Code, VSC)에는 모든 개발자에게 유용한 다양한 확장 기능이 있지만, 이를 제외해도 기본적으로 멋진 기능이 풍부하다. 그러나 숙련된 사용자도 잘 모르는 기능이 있다. 또한 새로 릴리스될 때마다 유용한 기능이 추가되는데, 이렇게 추가된 기능이 잘 알려지지 않는 경우도 많다.

여기서는 많이 알려지지 않은 비주얼 스튜디오 코드의 6가지 유용한 기능을 살펴본다. 대부분은 초보자부터 베테랑까지, 비주얼 스튜디오 코드에 관한 전문 지식 수준에 관계없이 모두에게 도움이 된다.
 

입력해서 비주얼 스튜디오 코드 명령 찾기

비주얼 스튜디오 코드에서 명령을 찾고 싶다면 어떤 명령이든 Ctrl-Shift-P를 누르고 입력을 시작하면 된다. 명령 팔레트라는 기능이 애드온에서 제공하는 명령을 포함한 등록된 모든 명령에 빠르게 접근할 수 있게 해준다. 또한 특정 명령과 연결된 키 바인딩이 있는 경우 입력 검색 드롭다운 목록에 표시되므로, 다음번에는 바로 단축키를 사용할 수 있다.
 
비주얼 스튜디오 코드 명령 팔레트에 입력하면 명령을 검색할 수 있고 키 바인딩도 함께 표시된다. © IDG
 

한 손으로 비주얼 스튜디오 코드 터미널 열기/닫기

비주얼 스튜디오 코드의 터미널 창은 매우 편리하다. 터미널 작업을 위해 다른 애플리케이션 창으로 전환할 필요가 없다. 또한 Ctrl-`(백틱 키)를 눌러서 바로 접근할 수 있다. 이 기본 키 설정의 좋은 점은 한 손으로 가능하므로 마우스를 건드릴 필요 없이 창을 바로 여닫을 수 있다는 것이다. 또한 터미널을 열면 커서의 포커스가 터미널 창으로 이동하므로 열어서 바로 입력을 시작하면 된다.
 
비주얼 스튜디오 코드의 내장 터미널은 한 손 키 조합으로 여닫을 수 있다. © IDG
 

비주얼 스튜디오 코드 문서에서 여러 커서 사용하기

비주얼 스튜디오 코드에서 문서를 편집하는 신기한 방법의 하나는 여러 커서를 정의하는 것이다. 말 그대로 동시에 두 곳 이상에서 문서에 입력할 수 있다.

Alt 키를 누르고 아무 곳이나 클릭하면 새 커서가 생성된다. 각 커서는 동시에 동일한 키 명령을 받아들인다. 예를 들어 정해진 텍스트를 여러 라인에 동시에 입력할 때 이 기능을 사용하면 편리하다. Ctrl+Alt를 누른 채로 위 또는 아래 화살표 키를 누르는 방법으로도 커서를 추가할 수 있다. 이렇게 하면 현재 커서 위 또는 아래 줄에 커서가 삽입된다. 텍스트 칼럼에서 작업할 때 유용하다.

또 다른 유용한 기능으로, Ctrl-Shift-L을 누르면 현재 선택된 텍스트와 동일한 모든 텍스트에 커서가 삽입된다. 또한 Shift-Alt를 누르고 좌우 화살표를 사용해서 여러 커서의 선택 크기를 조절할 수도 있다. 단일 커서로 돌아가려면 Esc 키를 누르면 된다.
 
비주얼 스튜디오 코드에서는 여러 커서를 사용해서 한 문서의 여러 지점에 동시에 입력할 수 있다. © IDG
 

비주얼 스튜디오 코드에서 여러 문서의 단어 기반 제안 보기

비주얼 스튜디오 코드에는 대부분의 일반 텍스트 문서 형식에서 입력과 동시에 단어를 제안하는 기능이 있다. 그러나 기본적으로 제안을 가져오는 대상은 현재 문서 또는 같은 형식으로 된 열린 문서로 제한된다.

최근에 도입된 기능은 현재 열린 모든 파일에서 제안을 찾을 수 있게 해준다. editor.wordBasedSuggestionsMode 구성 옵션을 allDocuments로 설정하면 현재 편집 중이거나 동일한 확장자를 가진 열린 파일뿐만 아니라 현재 열린 모든 파일에서 제안을 가져온다. 예를 들어 애플리케이션을 위한 형식 스텁이 포함된 파일이 있는데 그 파일의 확장자가 현재 편집 중인 파일과 다를 경우 유용한 기능이다.
 
열려 있는 모든 문서에서 단어 제안을 가져오도록 할 수 있다. “db_context”라는 제안의 출처는 열려 있는 코드 파일이다. © IDG
 

비주얼 스튜디오 코드의 내부 프로세스 목록 보기

윈도우의 작업 관리자와 같이 운영체제에는 시스템에서 현재 실행 중인 프로세스 목록을 볼 수 있는 유틸리티가 있다. 이와 비슷하게 비주얼 스튜디오 코드에는 코드 편집기 내부에서 실행 중인 모든 하위 프로세스 목록을 보여주는 (모든 창, 확장, 외부 스폰 프로세스 포함) 자체적인 내부 프로세스 탐색기가 있다. 각 프로세스의 프로세스 ID와 CPU 및 메모리 사용량이 표시된다.

프로세스 탐색기를 열려면 도움말(Help) 메뉴에서 “프로세스 탐색기 열기(Open Process Explorer)”를 선택하거나 명령 팔레트에서 “Process Explorer”를 검색하면 된다. 프로세스를 마우스 오른쪽 버튼으로 클릭해서 정보를 복사하거나 종료할 수 있다. 목록을 정렬하는 기능은 없지만 가장 많은 메모리 또는 CPU를 사용하는 프로세스가 강조 표시된다.
 
비주얼 스튜디오 코드의 프로세스 탐색기를 사용하면 확장을 포함해 애플리케이션에서 실행 중인 모든 프로세스를 볼 수 있다. © IDG
 

포터블 애플리케이션으로 비주얼 스튜디오 코드 실행

비주얼 스튜디오 코드는 비주얼 스튜디오 또는 마이크로소프트 오피스와 마찬가지로 정식으로 설치된 애플리케이션으로 실행하는 것이 일반적이다. 그러나 비주얼 스튜디오 코드를 포터블 형식으로, 즉 정식으로 설치하지 않고 이동식 드라이브나 시스템의 다른 디렉터리에서 실행하는 편이 유용한 상황이 있다. 이를 위해 비주얼 스튜디오 코드는 포터블 모드(Portable Mode)를 제공한다. 포터블 모드는 .zip/.tar.gz로 압축된 비주얼 스튜디오 코드 버전에서 지원된다.

참고로 비주얼 스튜디오 코드 포터블 버전의 경우 모든 업그레이드는 수동으로, 이전 설치본의 사용자 데이터를 새 설치본으로 복사하는 방법으로 해야 한다. 또한 기존 비주얼 스튜디오 코드 설치를 포터블 모드로 마이그레이션할 수 있지만 이를 위해서는 정식으로 설치된 비주얼 스튜디오 코드 버전의 데이터 디렉터리를 새 포터블 버전으로 복사해야 한다. 설치된 비주얼 스튜디오 코드 인스턴스를 포터블 에디션으로 그대로 변환하는 방법은 없다. editor@itworld.co.kr


X