VS Code 편집기 분할 단축키

코딩을 하다 보면 여러파일들을 동시에 열고 서로 참고하면서 편집을 해야 하는 경우가 있습니다.
VS Code에서 "Side by Side Editing"이라는 기능으로 제공하고 있습니다. 한글로 번역하면 "나란히 편집" 정도로 해야 할까요? 저는 "편집기 분할" 이라고 하겠습니다.
하나의 편집기는 여러 파일을 열수 있기 때문에 편집기가 분할 되서 파일들이 열리면 사이드바의 탐색기의 열려있는 편집기 화면에 파일들이 분할된 편집기별로 그룹으로 묶여서 보이게 됩니다.

편집기를 좌우로 분할하여 사용하는 화면

편집기를 분할하여 사용하는 방법은 다양합니다. 지금부터 하나씩 소개 해 보도록 하겠습니다.

1. Drag & Drop

첫번째로 소개하고 싶은 방법은 사용하기에 가장 단순한 방법인 Drag & Drop 방법입니다.
파일을 마우스로 Drag해서 VS Code에 분할시키고자 하는 곳에 Drop하면 끝입니다.
Drag를 통해서는 편집기의 상/하/좌/우 어느 곳이라도 Drop해서 분할 편집할 수 있습니다. 
열려있는 편집기의 파일제목영역(탭)을 클릭하여 Drag&Drop으로도 분할 편집을 사용할 수 있습니다.

2. 편집기를 오른쪽으로 분할 (Ctrl+\)

Ctrl+\ 키를 누르거나 편집기의 우상단에 있는 "편집기를 오른쪽으로 분할" 아이콘을 클릭하면 편집기에서 현재 활성화 된 파일(마우스커서가 존재하는) 을 오른쪽에 편집기를 분할하여 열어줍니다.
활성화된 파일이 없는 상태에서는 파일은 오픈하지 않고 편집기만 분할하게 됩니다.

"편집기를 오른쪽으로 분할" 아이콘

 

3. 측면에서 열기 (Ctrl+Enter)

사이드바의 탐색기에서 파일을 선택하고 Ctrl+Enter를 입력하거나 파일을 우클릭하여 컨텍스트 메뉴에서 "측면에서 열기 (Ctrl+Enter)"를 선택하여 선택한 파일을 편집기 창에서 분할하여 열수 있습니다. 

사이드바의 탐색기에서 파일 컨텍스트 메뉴 "측면에서 열기" 선택

같은 방법으로 "빠른 열기 (Ctrl+p)"에서 파일을 선택하고 Ctrl+Enter를 입력하거나 "빠른 열기"에서 "측면에서 열기" 아이콘을 클릭하여 편집기를 분할하여 파일을 열 수 있습니다. 

빠른 열기(Quick Open)에서 "측면에서 열기" 아이콘

4. 편집기 선택 신속 전환

편집기를 여러개로 분할한 경우 Ctrl+숫자 를 눌러서 분할된 편집기를 빠르게 선택 전환 할 수 있습니다.
단, Ctrl+1 부터 Ctrl+8까지만 동작합니다.

5. 편집기 레이아웃 대칭 이동

일반적으로 편집기를 분할하여 세로로 나눠지게 되는데 이를 가로로 분할시키기 위해서는 메뉴에서 "보기 > 편집기 레이아웃 > 레이아웃 대칭 이동 (<Shift>+Alt+O)"를 선택하거나 사이드바의 탐색기의 "세로/가로 편집기 레이아웃 설정/해제" 아이콘을 클릭하여 분할 레이아웃을 변경할 수 있습니다.

세로/가로 편집기 레이아웃 설정/해제 (<Shift>+Alt+O)