창 레이아웃 사용자 지정 및 탭 개인 설정

Visual Studio에서 창의 위치, 크기 및 동작을 사용자 지정하여 다양한 개발 워크플로에 가장 적합한 창 레이아웃을 만들 수 있습니다. 탭을 사용하여 코드와 상호 작용하는 방법을 개인 설정할 수도 있습니다.

창 레이아웃 사용자 지정

창 레이아웃을 사용자 지정하면 Visual Studio IDE(통합 개발 환경)에서 이를 기억합니다. 예를 들어, 솔루션 탐색기의 도킹 위치를 변경한 후 Visual Studio를 닫았다가 나중에 다시 열면 솔루션 탐색기가 같은 위치에 도킹됩니다. Visual Studio IDE는 다른 컴퓨터에서 작업하는 경우에도 도킹 위치를 기억합니다.

사용자 지정 레이아웃의 이름을 지정하고 저장한 다음, 단일 명령으로 레이아웃 간에 전환할 수도 있습니다. 예를 들어 편집용 레이아웃과 디버그용 레이아웃을 만들고 창>창 레이아웃 적용 메뉴 명령을 사용하여 레이아웃 간에 전환할 수 있습니다.

팁

Visual Studio 17.9부터 열려 있는 문서 목록이 .suo 파일의 이진 형식에서 JSON 파일의 일반 텍스트 형식으로 이동되었습니다. JSON 파일은 .suo 파일(solutionFolder.vs\SolutionName\v17)의 동일한 위치에 있는 숨겨진 .vs 폴더에 저장됩니다. 이 JSON 파일에는 열려 있는 문서 및 해당 속성 목록, 문서 그룹 및 컨테이너의 레이아웃, 세로 탭 열 너비가 포함됩니다. 일반 텍스트에 JSON으로 저장하면 백업이 더 쉬워질 뿐만 아니라 필요에 따라 복원할 수 있는 여러 열린 문서 집합에 검사 수 있습니다.

도구 및 문서 창

IDE에는 두 가지 기본적인 창 유형인 도구 창 과 문서 창이 있습니다. 도구 창에는 솔루션 탐색기, 서버 탐색기, 출력 창, 오류 목록, 디자이너, 디버거 창 등이 포함됩니다. 문서 창에는 소스 코드 파일, 임의의 텍스트 파일, 구성 파일 등이 포함됩니다. 제목 표시줄을 사용하여 도구 창의 크기를 조정하거나 끌 수 있습니다. 문서 창을 탭으로 드래그할 수 있습니다. 탭이나 제목 표시줄을 마우스 오른쪽 버튼으로 클릭하면 창에 다른 옵션을 설정할 수 있습니다.

창 메뉴에는 IDE에서 창을 도킹하고, 부동 창으로 변경하고, 숨기기 위한 옵션이 표시됩니다. 창 탭이나 제목 표시줄을 마우스 오른쪽 단추로 클릭하여 해당 특정 창에 대한 추가 옵션을 표시할 수 있습니다. 특정 도구 창의 인스턴스를 한번에 두 개 이상 표시할 수 있습니다. 예를 들어 웹 브라우저 창을 두 개 이상 표시할 수 있으며 창 메뉴에서 새 창을 선택하여 일부 도구 창의 추가 인스턴스를 만들 수 있습니다.

분할 창

문서에서 한번에 두 위치를 보거나 편집해야 하는 경우 창을 분할할 수 있습니다. 문서를 독립적으로 스크롤되는 두 섹션으로 나누려면 창 메뉴에서 분할을 선택합니다. 창 메뉴에서 나누지 않음을 선택하여 단일 뷰를 복원할 수 있습니다.

도구 모음

원하는 위치로 끌거나 사용자 지정 대화 상자를 사용하여 도구 모음을 정렬할 수 있습니다. 도구 모음을 배치하고 사용자 지정하는 방법에 대한 자세한 내용은 방법: 메뉴 및 도구 모음 사용자 지정을 참조하세요.

창 정렬 및 고정

문서 창 또는 도구 창은 고정이 가능하므로 IDE 창 프레임 내에서 위치 및 크기를 지정할 수 있습니다. IDE 외부에 별도의 부동 창으로 배치할 수도 있습니다.

도구 창은 IDE 프레임 내부 어디에나 고정할 수 있습니다. 편집기 프레임에서 일부 도구 창을 탭 창으로 고정할 수도 있습니다. 또한 문서 창을 편집기 프레임 내에 고정하고 탭 순서의 현재 위치에 고정할 수 있습니다.

여러 창을 고정하여 IDE 위 또는 외부의 래프트에서 함께 부동 창으로 표시할 수도 있습니다. 또한 도구 창을 숨기거나 최소화할 수도 있습니다.

다음과 같은 방법으로 창을 정렬할 수 있습니다.

• 탭 저장소의 왼쪽에 문서 창을 고정합니다.
• 편집 프레임에 창을 탭으로 도킹합니다.
• IDE의 프레임 가장자리에 도구 창을 도킹합니다.
• IDE 위나 외부에 문서 또는 도구 창을 부동 창으로 만듭니다.
• IDE의 가장자리를 따라 도구 창을 숨깁니다.
• 여러 모니터에 창을 표시합니다.
• 기본 레이아웃 또는 저장된 사용자 지정 레이아웃으로 창 배치를 다시 설정합니다.

도구 창과 문서 창을 정렬하기 위해 창의 제목 표시줄에 커서를 놓고 원하는 위치로 끌 수 있습니다. 창의 제목 표시줄을 마우스 오른쪽 단추로 클릭하여 바로 가기 메뉴를 사용하거나 창 메뉴의 명령을 사용할 수도 있습니다.

창 도킹

도구 창의 제목 표시줄이나 문서 창의 탭을 선택하고 끌면 안내 다이아몬드가 나타납니다. 끌기 작업 중에 마우스 커서가 다이아몬드 화살표 중 하나 위에 있으면 마우스 버튼에서 손을 떼면 창을 도킹할 수 있는 위치를 표시하는 음영 영역이 나타납니다.

도킹 가능한 창을 맞추지 않고 이동하려면 Ctrl 키를 누른 상태에서 창을 끕니다.

도구 창이나 문서 창을 가장 최근의 도킹된 위치로 되돌리려면 Ctrl 키를 누른 상태에서 창의 제목 표시줄이나 탭을 두 번 클릭합니다.

다음 스크린샷에서는 편집 프레임 내에서만 도킹될 수 있는 문서 창의 안내 다이아몬드를 보여 줍니다.

도구 창은 IDE의 프레임 한쪽이나 편집 프레임 내에서 고정될 수 있습니다. 안내 다이아몬드는 도구 창을 다른 위치로 끌 때 창을 쉽게 다시 도킹할 수 있도록 나타납니다.

다음 스크린샷에서는 솔루션 탐색기가 자주색 음영 영역으로 구분된 새 위치에 도킹되어 있는 것을 보여줍니다.

도구 창 닫기 및 자동 숨기기

제목 표시줄 오른쪽 위에 있는 X를 선택하여 도구 창을 닫을 수 있습니다. 창을 다시 열려면 메뉴 모음에서 보기를 사용하거나 연결된 바로 가기 키를 사용하여 원하는 도구 창을 선택합니다.

도구 창은 다른 창을 사용할 때 방해가 되지 않도록 창을 이동시키는 자동 숨기기라는 기능을 지원합니다. 창이 자동으로 숨겨지면 창의 이름이 IDE의 가장자리에 있는 탭에 나타납니다. 창을 다시 사용하려면 창이 다시 표시되도록 탭을 선택합니다.

팁

자동 숨기기가 도구 창에서 개별적으로 작동하는지 아니면 도킹된 그룹으로 작동하는지를 설정하려면 옵션 대화 상자에서 자동 숨기기 단추가 활성 도구 창에만 영향을 미침을 선택하거나 선택 취소합니다. 자세한 내용은 옵션 대화 상자: 환경 > 일반 페이지를 참조하세요.

참고

자동 숨기기를 사용하도록 설정된 도구 창은 포커스가 있을 때 일시적으로 표시될 수 있습니다. 창을 다시 숨기려면 현재 창 외부에서 항목을 선택합니다. 창이 포커스를 잃으면 다시 표시되지 않습니다.

두 번째 모니터 사용

모니터가 하나 더 있고 운영 체제에서 해당 모니터를 지원하는 경우 창을 표시하는 모니터를 선택할 수 있습니다. 여러 창을 다른 모니터의 래프트에서 함께 그룹화할 수도 있습니다.

팁

솔루션 탐색기 의 인스턴스를 여러 개 만들고 다른 모니터로 이동할 수 있습니다. 솔루션 노드를 마우스 오른쪽 단추로 클릭하고 새 솔루션 탐색기 보기를 선택합니다. 추가 인스턴스를 닫려면 Ctrl 키를 누른 상태에서 각 인스턴스를 두 번 클릭합니다.

창 레이아웃 다시 설정, 이름 지정 및 전환

도구 모음에서 창>창 레이아웃 다시 설정을 선택하여 설정 컬렉션에 대한 원래 창 레이아웃으로 IDE를 되돌릴 수 있습니다. 이 명령을 실행하면 다음과 같은 작업이 발생합니다.

• 모든 창이 기본 위치로 이동합니다.

• 기본 창 레이아웃에서 닫혀 있는 창이 닫힙니다.

• 기본 창 레이아웃에서 열려 있는 창이 열립니다.

사용자 지정 레이아웃 만들기 및 저장

Visual Studio에서는 사용자 지정 창 레이아웃을 최대 10개까지 저장하고 창 간을 빠르게 전환할 수 있습니다. 다음 단계에서는 고정 도구 창 및 부동 도구 창이 있는 두 개의 모니터를 사용하는 사용자 지정 레이아웃을 만들고 저장, 호출 및 관리하는 방법을 보여 줍니다.

프로젝트 만들기 및 레이아웃 사용자 지정

먼저 사용자 인터페이스(UI) 프로젝트를 생성합니다. 디자이너 창의 공간을 최대화하고 방해가 되지 않도록 다른 도구 창을 이동한다는 아이디어입니다.

1. 새 C# WPF 애플리케이션 프로젝트를 만듭니다.

2. 모니터가 여러 개 있는 경우 솔루션 탐색기 창 및 속성 창을 두 번째 모니터로 끌어옵니다.

   단일 모니터만 사용하는 경우 디자이너를 제외한 모든 창을 닫아봅니다.

3. Ctrl+Alt+X를 눌러 도구 상자 창을 표시합니다. 창이 도킹되어 있는 경우 끌어서 배치하려는 위치에 부동 창으로 놓습니다.

4. 원하는 방식으로 레이아웃이 만들어졌으면 창>창 레이아웃 저장을 선택합니다. 이 레이아웃의 이름을 “Designer”로 지정합니다.

   새 레이아웃에는 예약된 목록의 Ctrl+Alt+1...0에 지정된 바로 가기 키가 할당됩니다.

데이터베이스 프로젝트 및 레이아웃 만들기

다음으로 솔루션에 새 SQL Server 데이터베이스 프로젝트를 추가합니다.

1. 솔루션 탐색기에서 솔루션 노드를 마우스 오른쪽 단추로 클릭하여 상황에 맞는 메뉴를 열고 추가를 선택한 다음 새 프로젝트를 선택합니다.

2. 새 프로젝트 추가 대화 상자의 모든 프로젝트 형식 드롭다운 목록에서 SQL을 선택한 다음 SQL Server 데이터베이스 프로젝트를 선택합니다.

   (검색 상자를 사용하여 템플릿을 찾을 수도 있습니다. 이렇게 하려면 템플릿 검색(Alt+S)이라는 텍스트가 포함된 상자에 검색 문자열로 'SQL'을 입력합니다.

3. 솔루션 탐색기에서 새 데이터베이스 프로젝트를 마우스 오른쪽 단추로 클릭한 다음 개체 탐색기에서 보기를 선택합니다.

   이렇게 하면 Visual Studio에 데이터베이스의 테이블, 뷰 및 기타 개체에 액세스할 수 있는 SQL Server 개체 탐색기 창이 표시됩니다. 이 창을 부동 창으로 변경하거나 고정된 상태로 둘 수 있습니다. 다른 도구 창을 원하는 방식으로 조정합니다. 현실감을 높이기 위해 실제 데이터베이스를 추가할 수 있지만 이 연습에서 꼭 필요한 것은 아닙니다.

4. 레이아웃이 원하는 방식인 경우 메뉴 모음에서 창을 선택한 다음 창 레이아웃 저장을 선택합니다. 이 레이아웃의 이름을 “DB Project”로 지정합니다. (이 프로젝트의 디버그 모드 레이아웃은 신경 쓰지 마세요).

레이아웃 간 전환

레이아웃 간에 전환하려면 Ctrl+Alt+1...0의 예약된 목록에서 바로 가기 키를 사용합니다. 또는 주 메뉴에서 창>창 레이아웃 적용을 선택합니다.

사무실에는 다중 모니터가 설정되어 있고 집에는 단일 모니터 랩톱이 있는 경우 각 컴퓨터에 최적화된 레이아웃을 만들 수 있습니다.

참고

단일 모니터 시스템에서 다중 모니터 레이아웃을 적용한 경우 두 번째 모니터에 배치한 부동 창은 Visual Studio 창 뒤로 숨겨집니다. Alt+Tab 키를 눌러 창을 전면으로 가져올 수 있습니다. 나중에 다중 모니터에서 Visual Studio를 열 경우 레이아웃을 다시 적용하여 지정된 위치로 창을 복원할 수 있습니다.

레이아웃 관리 및 로밍

창>창 레이아웃 관리를 선택하여 사용자 지정 레이아웃을 제거, 이름 변경, 다시 정렬할 수 있습니다. 레이아웃을 이동하면 목록의 새 위치를 반영하도록 키 바인딩이 자동으로 조정됩니다. 키 바인딩 자체는 수정할 수 없지만 한 번에 최대 10개의 레이아웃을 저장할 수 있습니다.

각 레이아웃에 할당된 바로 가기 키를 기억하기 쉽도록 창>창 레이아웃 적용을 선택합니다.

이러한 레이아웃은 다른 컴퓨터의 Visual Studio 버전 및 Blend 인스턴스 간에 자동으로 로밍됩니다.

탭 개인 설정

여러 가지 방법으로 문서 창과 상호 작용하도록 탭을 개인 설정할 수 있습니다. 예를 들어 편집기에서 파일을 열지 않고도 파일의 미리 보기를 확인하거나 탭을 그룹화하거나 탭을 여러 행으로 배열하는 등의 작업을 수행할 수 있습니다.

팁

Visual Studio 2022 이상에서 탭을 관리하는 방법에 대한 자세한 내용은 다음 블로그 게시물을 참조하세요. 탭이 너무 많나요? 문제 없어요!

미리 보기 탭

미리 보기 탭에서, 파일을 열지 않고 편집기에서 파일을 볼 수 있습니다. 검색 결과를 탐색할 때와 파일을 한 단계씩 실행할 때 정의로 이동을 사용하여 디버깅 중에 솔루션 탐색기에서 파일을 선택하여 미리 볼 수 있습니다. 미리 보기 파일은 문서 탭 저장소의 오른쪽에 있는 탭에 나타납니다. 파일을 수정하거나 열기를 선택하는 경우 편집할 수 있도록 파일이 열립니다.

탭 그룹

탭 그룹은 IDE에서 문서를 두 개 이상 열어 놓고 작업하는 동안 제한된 작업 영역을 관리하는 기능을 확장합니다. 여러 문서 창과 도구 창을 세로 또는 가로 탭 그룹으로 구성하고 한 탭 그룹의 문서를 다른 탭 그룹에 섞을 수 있습니다.

세로 문서 탭

편집기 왼쪽 또는 오른쪽에 표시되는 세로 목록에서 문서 탭을 관리할 수 있습니다.

세로 문서 탭은 다음과 같은 방법으로 적용할 수 있습니다.

• 메뉴 모음에서 도구>옵션>환경>탭 및 창을 선택합니다. 그런 다음 설정 탭 레이아웃 컨트롤의 드롭다운 목록에서 위쪽, 왼쪽 또는 오른쪽 중 하나를 선택합니다.

• 탭을 마우스 오른쪽 단추로 클릭하고 탭 레이아웃 설정을 선택한 다음 왼쪽 또는 오른쪽을 선택합니다. (탭을 기본 위치로 되돌리려면 위쪽을 선택합니다.)

문서 탭 색 지정

Visual Studio 2022에는 보다 효율적으로 코딩하는 데 도움이 되는 새로운 개인화 옵션이 포함되어 있습니다. 이제 열려 있는 파일을 헌팅할 필요가 없도록 프로젝트별로 파일 탭의 색을 지정할 수 있습니다.

색 탭을 사용하려면 도구>옵션>환경>탭 및 창으로 이동하고 프로젝트별로 문서 탭 색 지정을 선택합니다.

다른 보기에서 탭 색 지정

편집기에서 세로 및 가로 보기 모두에서 탭에 색을 지정할 수 있습니다.

다음 스크린샷은 세로 보기에서 컬러 탭의 예를 보여 줍니다.

다음 스크린샷은 가로 보기에서 컬러 탭의 예를 보여 줍니다.

사용자 고유의 색 선택

고유한 탭 색을 선택할 수도 있습니다. 이렇게 하려면 탭을 마우스 오른쪽 단추로 클릭하고 탭 색 설정을 선택하여 색상표에서 선택합니다.

다음 스크린샷은 탭의 색 구성표를 개인 설정하는 방법의 예를 보여 줍니다.

탭의 여러 행

한 번에 더 많은 수평 탭을 열 수 있도록 탭을 여러 행으로 래핑하는 기능을 추가했습니다. 고정된 탭은 고정되지 않은 탭과 별도의 행에 표시됩니다.

이러한 옵션을 변경하려면 도구>옵션>환경>탭 및 창>여러 행으로 탭 표시로 이동합니다.

사용자 지정 구성 시스템

현재 활성 탭을 굵게 표시하고, 탭 너비를 변경하고, 문서 맨 위에 닫기 단추를 추가하는 옵션을 추가했습니다.

이러한 옵션을 변경하려면 도구>옵션>환경>탭 및 창으로 이동합니다.

향상된 접근성

저장되지 않은 변경 내용이 있는 문서의 표시기를 더 크고 눈에 잘 띄는 점으로 변경했습니다.

도구>옵션>환경>탭 및 창>더티 표시기 수정을 사용하여 친숙한 별표로 되돌릴 수 있습니다.

기울임꼴로 이름 표시

표시되지 않는 문서의 이름을 기울임꼴로 표시할 수 있습니다.

이 옵션을 사용하려면 도구>옵션>환경>탭 및 창> 탭탭 드롭다운 메뉴에서 보이지 않는 탭을 기울임꼴로 표시로 이동합니다.

닫힌 탭 복원

브라우저의 동작과 유사하게 마지막으로 연 문서를 더 쉽게 복원할 수 있습니다. 이제 탭을 마우스 오른쪽 단추로 클릭하거나 Ctrl+K, Ctrl+Z 바로 가기 키를 사용하거나 창>닫힌 탭 복원 아래의 메뉴 항목으로 이동하여 닫은 마지막 탭을 다시 열 수 있습니다.

관련 콘텐츠

• 방법: IDE에서 이동