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

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

창 레이아웃 사용자 지정

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

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

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

도구 및 문서 창

IDE에는 도구 창문서 창이라는 두 가지 기본적인 창 유형이 있습니다. 디버거 창, 디자이너, 오류 목록, 출력 창, 서버 탐색기, 솔루션 탐색기가 도구 창에 포함됩니다. 문서 창에는 소스 코드 파일, 임의의 텍스트 파일, 구성 파일 등이 포함됩니다. 도구 창의 크기를 조정하고 끌기 위해 제목 표시줄을 사용할 수 있습니다. 탭을 사용하여 문서 창을 끌 수 있습니다.

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

분할 창

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

도구 모음

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

창 정렬 및 고정

문서 창 또는 도구 창을 도킹할 수 있으며, 이를 통해 IDE 창 프레임 내에서 위치 및 크기를 지정할 수 있습니다. IDE 외부에 별도의 부동 창으로 배치할 수도 있습니다.

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

또한 창을 정렬하기 위해 다음과 같은 방법도 사용할 수 있습니다.

  • IDE 위나 외부의 래프트에서 함께 부동 창으로 표시하기 위해 여러 창을 도킹하세요.
  • IDE의 가장자리를 따라 도구 창을 숨깁니다.
  • 도구 창을 최소화하세요.
  • 여러 모니터에 창을 표시합니다.
  • 기본 레이아웃 또는 저장된 사용자 지정 레이아웃으로 창 배치를 다시 설정합니다.

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

창 도킹

문서 창의 탭이나 도구 창의 제목 표시줄을 선택하고 끌면, 도킹 안내 다이아몬드가 나타납니다. 마우스 커서가 끌기 작업 중에 다이아몬드의 화살표 중 하나 위에 있을 때, 마우스 단추를 바로 놓으면 창이 도킹될 위치를 보여 주는 음영 영역이 나타납니다.

창을 끌면서 Ctrl을 선택하면 도킹 가능한 창을 맞추지 않고 이동할 수 있습니다.

창의 제목 표시줄이나 탭을 두 번 클릭한 상태에서 Ctrl을 선택하면 도구 창이나 문서 창을 가장 최근의 도킹된 위치로 되돌릴 수 있습니다.

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

이 스크린샷은 문서 창 안내 다이아몬드를 보여 줍니다.

이 스크린샷은 문서 창 안내 다이아몬드를 보여 줍니다.

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

도구 창 안내 다이아몬드의 스크린샷.

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

솔루션 탐색기를 새 위치에 도킹하려는 경우 IDE에 표시되는 항목의 스크린샷.

도구 창 닫기 및 자동 숨기기

도구 창을 닫기 위해 제목 표시줄의 오른쪽 상단에 위치한 닫기 버튼을 선택할 수 있습니다. 보기 메뉴에서 원하는 도구 창을 선택하거나, 연결된 바로 가기 키를 사용하면 창을 다시 열 수 있습니다.

도구 창의 제목 표시줄을 마우스 우클릭한 뒤에는 다른 창을 사용할 때 방해가 되지 않도록 창을 이동시키는 기능인 자동 숨기기를 선택합니다. 창이 자동으로 숨겨지면 창의 이름이 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 데이터베이스 프로젝트를 선택합니다. (다른 필터를 지워야 할 수도 있습니다.)

    (템플릿을 찾기 위해 검색 상자를 사용할 수도 있습니다. 이를 수행하기 위해, SQL템플릿 검색 텍스트(Alt+S)가 포함된 상자에 입력합니다.)

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

    이 옵션을 선택하면, SQL Server 개체 탐색기 창이 표시되어 Visual Studio에 데이터베이스의 테이블, 뷰 및 기타 개체에 액세스할 수 있게 됩니다. 이 창을 부동 창으로 변경하거나 고정된 상태로 둘 수 있습니다. 다른 도구 창을 원하는 방식으로 조정합니다. 실제 데이터베이스를 추가하여 이 연습을 좀 더 현실적으로 만들 수 있지만 필수 사항은 아닙니다.

  4. 레이아웃이 원하는 방식인 경우 메뉴 모음에서 을 선택한 다음 창 레이아웃 저장을 선택합니다. 이 레이아웃의 이름을 DB Project로 지정합니다.

레이아웃 간 전환

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

이 스크린샷은 창 레이아웃 적용 메뉴를 보여 줍니다.

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

참고 항목

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

레이아웃 관리 및 로밍

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

이 스크린샷은 창 레이아웃 관리 대화 상자를 보여 줍니다.

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

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

탭 개인 설정

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

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

미리 보기 탭

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

탭 그룹

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

세로 문서 탭

문서 탭은 편집기 왼쪽 또는 오른쪽에 표시되는 세로 목록에서 관리 가능합니다.

Visual Studio 2019 버전 16.4 이상의 새로운 기능입니다. 상위 기능 요청 중 하나인 세로 문서 탭을 이러한 버전에서 지원합니다. 이제 문서 탭을 편집기 왼쪽 또는 오른쪽에 표시되는 세로 목록에서 관리 가능합니다.

이 애니메이션은 세로 문서 탭의 작동을 보여 줍니다.

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

  • 도구>옵션>환경>탭 및 창을 선택하세요. 다음으로, 탭 레이아웃 설정 목록에서 위쪽, 왼쪽 또는 오른쪽을 선택하세요.
  • 탭을 마우스 오른쪽 단추로 클릭하고 탭 레이아웃 설정을 선택한 다음 왼쪽 또는 오른쪽을 선택합니다. (탭을 기본 위치로 되돌리려면 위쪽을 선택합니다.)
  • 탭을 마우스 우클릭하고 탭 레이아웃 설정을 선택한 뒤, 왼쪽에 탭 배치, 위쪽에 탭 배치 또는 오른쪽에 탭 배치를 선택하세요. (위쪽에 탭 배치를 선택하면 탭을 기본 위치로 되돌릴 수 있습니다.)

색상 코드 문서 탭

더욱 효율적으로 작업하기 위해 도움이 되는 새로운 개인화 옵션이 Visual Studio 2022에 포함되어 있습니다. 이제 프로젝트별로 파일 탭의 색상을 지정할 수 있으므로 열려 있는 파일을 헌팅할 필요가 없습니다.

도구>옵션>환경>탭 및 창으로 이동하면, 색상 코드 탭을 사용할 수 있습니다. 다음으로, 확인란을 통해 문서 색 지정 탭을 선택하고 프로젝트, 파일 확장명 또는 정규식을 드롭다운 목록에서 선택하세요.

다른 보기에서 탭 색 지정

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

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

세로 보기에서 컬러 탭 스크린샷

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

가로 보기에서 컬러 탭 스크린샷

사용자 고유의 색 선택

고유한 탭 색을 선택할 수도 있습니다. 탭을 마우스 우클릭하고 탭 색 설정을 선택한 뒤, 색을 선택하여 이를 수행합니다.

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

탭의 색을 개인 설정하는 데 사용할 수 있는 탭 설정 옵션의 스크린샷

탭의 여러 행

이제 여러 행으로 탭을 래핑할 수 있습니다. 이를 통해 더 많은 가로 탭을 한 번에 열 수 있습니다. 고정된 탭은 고정되지 않은 탭과 별도의 행에 표시됩니다.

여러 행으로 정렬된 탭 예제의 스크린샷.

도구>옵션>환경>탭 및 창>여러 행으로 탭 표시로 이동하여 이러한 옵션을 변경할 수 있습니다.

사용자 지정 구성 시스템

이제 현재 활성 탭에 굵은 글씨 포맷을 적용하고, 탭 너비를 변경하며, 문서 상단에 추가 닫기 버튼을 추가할 수 있습니다.

Visual Studio의 탭에 대한 새 사용자 지정 구성 옵션의 스크린샷.

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

향상된 접근성

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

이 스크린샷은 저장되지 않은 변경 내용을 나타내는 큰 점을 보여 줍니다.

도구>옵션>환경>탭 및 창>더티 표시기에서 기본 설정을 선택하는 방법을 통해 이 설정을 변경할 수 있습니다.

기울임꼴로 이름 표시

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

기울임꼴로 나열된 보이지 않는 탭의 스크린샷.

도구>옵션>환경>탭 및 창으로 이동하고, 드롭다운 메뉴에서 보이지 않는 탭을 기울임꼴로 표시를 선택하면, 이 옵션을 사용할 수 있습니다.

닫힌 탭 복원

이제 마지막으로 닫은 탭을 다시 열기 위해, 탭을 마우스 우클릭하거나 Ctrl+K, Ctrl+Z 바로 가기 키를 사용하거나 >닫힌 탭 복원을 선택할 수 있습니다.

이 스크린샷은 닫힌 탭 복원 메뉴 항목을 보여 줍니다.