Visual Studio IDE 둘러보기

이 Visual Studio IDE(통합 개발 환경) 소개 내용에서는 창, 메뉴, 기타 UI 기능 일부를 살펴보겠습니다.

모든 유형의 앱을 개발하거나 언어를 배우려면 Visual Studio IDE(통합 개발 환경)에서 작업합니다. Visual Studio IDE는 코드 편집 외에도 그래픽 디자이너, 컴파일러, 코드 완성 도구, 소스 제어, 확장 기능 및 기타 많은 기능을 한 곳에 모읍니다.

다운로드 및 설치

시작하려면 Visual Studio를 다운로드하여 시스템에 설치합니다.

Visual Studio 설치 관리자에서 선호하는 프로그래밍 언어 또는 플랫폼에 필요한 기능 그룹인 워크로드를 선택하여 설치할 수 있습니다. 이 자습서를 수행하려면 설치하는 동안 .NET 데스크톱 개발 워크로드를 선택해야 합니다.

Screenshot of the .NET desktop development workload selected in the Visual Studio Installer.

Visual Studio가 이미 있는 경우 다음과 같이 .NET 데스크톱 개발 워크로드를 추가할 수 있습니다.

  • Visual Studio 설치 관리자를 시작합니다.
  • 메시지가 표시되면 설치 프로그램이 자체적으로 업데이트하도록 허용합니다.
  • Visual Studio에 대한 업데이트를 사용할 수 있는 경우 업데이트 단추가 표시됩니다. 설치를 수정하기 전에 업데이트하려면 선택합니다.
  • Visual Studio 설치를 찾고 수정 단추를 선택합니다.
  • 아직 선택하지 않은 경우 .NET 데스크톱 개발 워크로드를 선택하고 수정 단추를 선택합니다. 그렇지 않으면 대화 상자 창을 닫습니다.

시작 창

Visual Studio를 열면 맨 처음 표시되는 것은 시작 창입니다. 코드를 복제 또는 체크 아웃하거나, 기존 프로젝트 또는 솔루션을 열거나, 새 프로젝트를 만들거나, 일부 코드 파일이 포함된 폴더를 열 수 있는 옵션이 있습니다.

Screenshot of the Start window in Visual Studio 2019.

Visual Studio를 처음 사용하는 경우 최근 프로젝트 목록이 비어 있습니다.

로컬 폴더 열기 옵션을 사용하여 Visual Studio에서 코드를 열어 프로젝트 또는 솔루션 없이 코드를 개발합니다. 그렇지 않으면 새 프로젝트를 만들거나 GitHub 또는 Azure DevOps와 같은 원본 공급자에서 프로젝트를 복제할 수 있습니다.

코드 없이 계속 옵션은 특정 프로젝트나 코드를 로드하지 않고 Visual Studio 개발 환경을 엽니다. 이 옵션을 선택하면 Live Share 세션에 조인하거나 디버깅을 위해 프로세스에 연결할 수 있습니다. Esc를 눌러 시작 창을 닫고 IDE를 열 수도 있습니다.

시작 창

Visual Studio를 열면 맨 처음 표시되는 것은 시작 창입니다. 코드를 복제 또는 체크 아웃하거나, 기존 프로젝트 또는 솔루션을 열거나, 새 프로젝트를 만들거나, 일부 코드 파일이 포함된 폴더를 열 수 있는 옵션이 있습니다.

An annotated screenshot that shows the start window in Visual Studio 2022.

Visual Studio를 처음 사용하는 경우 최근 프로젝트 목록이 비어 있습니다.

로컬 폴더 열기 옵션을 사용하여 Visual Studio에서 코드를 열어 프로젝트 또는 솔루션 없이 코드를 개발합니다. 그렇지 않으면 새 프로젝트를 만들거나 GitHub 또는 Azure DevOps와 같은 원본 공급자에서 프로젝트를 복제할 수 있습니다.

코드 없이 계속 옵션은 특정 프로젝트나 코드를 로드하지 않고 Visual Studio 개발 환경을 엽니다. 이 옵션을 선택하면 Live Share 세션에 조인하거나 디버깅을 위해 프로세스에 연결할 수 있습니다. Esc를 눌러 시작 창을 닫고 IDE를 열 수도 있습니다.

프로젝트 만들기

Visual Studio의 기능을 탐색하기 위해 새 프로젝트를 만들어 보겠습니다.

  1. Visual Studio를 시작하고 새 프로젝트 만들기를 선택합니다.

    Screenshot of the 'Create a new project' window in Visual Studio 2019.

    새 프로젝트 만들기 창이 열리고 여러 프로젝트 템플릿이 표시됩니다. 템플릿에는 지정된 프로젝트 형식에 필요한 기본 파일과 설정이 포함되어 있습니다.

    여기서 프로젝트 템플릿을 검색, 필터링 및 선택할 수 있습니다. 최근에 사용한 프로젝트 템플릿 목록도 보여줍니다.

  2. 새 프로젝트 만들기 창에서 검색 상자에 콘솔을 입력하여 프로젝트 형식 목록을 필터링합니다. 해당 모든 언어 드롭다운 목록에서 C# (또는 직접 선택한 다른 언어)를 선택하여 검색 결과를 더 구체화합니다.

    Screenshot of the 'Create a new project' window in Visual Studio 2019, where you select the template that you want.

  3. 만약 C#을 선택했다면, 콘솔 애플리케이션 템플릿을 선택하고 다음을 선택합니다. (다른 언어를 선택한 경우 템플릿을 선택하기만 하면 됩니다. UI는 모든 프로그래밍 언어에서 유사합니다.

  4. 새 프로젝트 구성 창에서 기본 프로젝트 이름 및 위치를 그대로 사용한 후 다음을 선택합니다.

    Screenshot of the 'Configure a new project' window in Visual Studio 2019, where you enter the name of the project.

  5. 추가 정보 창의 대상 프레임워크 드롭다운 메뉴에 .NET Core 3.1이 표시 되는지 확인한 후 만들기를 선택합니다.

    Screenshot of the 'Additional information' window in Visual Studio 2019, where you select the version of the .NET Core Framework that you want.

  6. 프로젝트가 Visual Studio에서 만들어지고 로드됩니다.

기본 레이아웃

  • 사용하는 프로젝트의 컨텐츠의 솔루션 탐색기에는 프로젝트, 솔루션 또는 코드 폴더에 있는 파일 및 폴더의 계층 구조가 그래픽으로 표시됩니다.

  • 계층을 찾아보고 파일을 선택하여 편집기에서 열 수 있습니다. Program.cs라는 파일이 편집기 창에 열립니다. 이 편집기에는 파일 내용이 표시되며, 여기서 Visual Studio에서 하는 코딩 작업 대부분을 수행합니다.

    Screenshot showing the Editor window in Visual Studio 2019.

  • Visual Studio의 위쪽에 있는 메뉴 모음은 명령을 범주로 그룹화합니다. 예를 들어 프로젝트 메뉴에는 작업 중인 프로젝트와 관련된 명령이 포함되어 있습니다. 도구 메뉴에서 옵션을 선택하여 Visual Studio 동작 방법을 사용자 지정하거나, 도구 및 기능 가져오기를 선택하여 설치에 기능을 추가할 수 있습니다.

    Screenshot showing the Menu bar in Visual Studio 2019.

  • 마우스 커서가 키워드(keyword) 있는 동안 또는 키워드(keyword) 선택한 후 F1 키를 눌러 상황에 맞는 도움말을 가져옵니다. 예를 들어 콘솔을 선택하고 F1 키를 눌러 콘솔 클래스의 설명서로 이동합니다.

  • Visual Studio에는 뛰어난 키보드 접근성이 있습니다. 작업을 신속하게 수행할 수 있도록 기본 제공 바로 가기 키 배열을 지원합니다. 도움말 > 바로 가기 키 참조를 사용하여 바로 가기 키 목록을 확인합니다.

  • 오류 목록에는 오류, 경고 및 코드의 현재 상태에 대한 메시지가 표시됩니다. 파일 또는 프로젝트 어딘가에 오류(예: 괄호 또는 세미콜론 누락)가 있는 경우 여기에 나열됩니다. 오류 목록 창을 열려면 보기 메뉴를 선택한 후 오류 목록을 선택합니다.

    Screenshot of the Error List in Visual Studio 2019.

  • 상단의 이 검색 상자는 (Ctrl + Q) Visual Studio에서 검색하는 빠르고 쉬운 방법입니다. 수행하려는 작업과 관련된 일부 텍스트를 입력하면 해당 텍스트와 관련된 옵션 목록이 표시됩니다. 예를 들어 터미널 창을 열려면 터미널 창을 검색하고 검색 결과에서 열기만 하면 됩니다. 기본 제공 터미널이 열리고 명령이 준비되었습니다.

    Screenshot showing the Search box in Visual Studio 2019.

  • Visual Studio를 사용하는 동안 문제가 발생하거나 제품을 개선하는 방법에 대한 제안이 있는 경우 IDE의 오른쪽 위 모서리 근처에 있는 피드백 보내기 단추를 선택하여 알려줄 수 있습니다.

    Screenshot of the Send Feedback menu in Visual Studio 2019.

  1. Visual Studio를 시작하고 새 프로젝트 만들기를 선택합니다.

    Screenshot of the 'Create a new project' window in Visual Studio 2022.

    새 프로젝트 만들기 창이 열리고 여러 프로젝트 템플릿이 표시됩니다. 템플릿에는 지정된 프로젝트 형식에 필요한 기본 파일과 설정이 포함되어 있습니다.

    여기서 프로젝트 템플릿을 검색, 필터링 및 선택할 수 있습니다. 새 프로젝트 만들기 창에는 최근에 사용한 프로젝트 템플릿 목록도 표시됩니다.

  2. 새 프로젝트 만들기 창에서 검색 상자에 콘솔을 입력하여 프로젝트 형식 목록을 필터링합니다. 해당 모든 언어 드롭다운 목록에서 C# (또는 직접 선택한 다른 언어)를 선택하여 검색 결과를 더 구체화합니다.

    Screenshot of the 'Create a new project' window in Visual Studio 2022, where you select the template that you want.

  3. 만약 C#을 선택했다면, 콘솔 앱 템플릿을 선택하고 다음을 선택합니다. 다른 언어를 선택한 경우에는 임의로 템플릿을 선택하면 됩니다.

  4. 새 프로젝트 구성 창에서 기본 프로젝트 이름 및 위치를 그대로 사용한 후 다음을 선택합니다.

    Screenshot of the Configure a new project window in Visual Studio 2022, where you enter the name of the project and the project location.

  5. 추가 정보 창에서 .NET 8.0이프레임워크 드롭다운 메뉴에 표시되는지 확인한 후 만들기를 선택합니다.

    Screenshot of the Additional information window in Visual Studio 2022, where you select the version of the .NET that you want.

  6. 이 프로젝트가 Visual Studio에서 만들어지고 로드됩니다.

기본 레이아웃

  • 사용하는 프로젝트의 컨텐츠의 솔루션 탐색기에는 프로젝트, 솔루션 또는 코드 폴더에 있는 파일 및 폴더의 계층 구조가 그래픽으로 표시됩니다.

  • 계층을 찾아보고 파일을 선택하여 편집기에서 열 수 있습니다. Program.cs 파일이 편집기 창에 열립니다. 이 편집기에는 파일 내용이 표시되며, 여기서 Visual Studio에서 하는 코딩 작업 대부분을 수행합니다.

    Screenshot of the Editor in Visual Studio 2022.

  • Visual Studio의 위쪽에 있는 메뉴 모음은 명령을 범주로 그룹화합니다. 예를 들어 프로젝트 메뉴에는 작업 중인 프로젝트와 관련된 명령이 포함되어 있습니다. 도구 메뉴에서 옵션을 선택하여 Visual Studio 동작 방법을 사용자 지정하거나, 도구 및 기능 가져오기를 선택하여 설치에 기능을 추가할 수 있습니다. 사용자 고유의 개발 스타일 및 요구 사항을 가장 효과적으로 지원하기 위해 다양한 방식으로 Visual Studio IDE settings를 개인 설정할 수 있습니다.

    Screenshot of the Menu bar in Visual Studio 2022.

  • 컨텍스트 인식 코드 완성, 제안, 코드 설명 등을 사용하여 편집기에서 직접 GitHub Copilot를 사용하여 AI 지원을 받습니다. 예를 들어 코드에서 수행할 작업을 설명하는 자연어 주석을 작성하여 코드 제안을 받을 수 있습니다.

    Screenshot of the GitHub Copilot extension in Visual Studio 2022.

    Visual Studio 의 AI 지원 개발에 대해자세히 알아보세요.

  • 마우스 커서가 키워드(keyword) 있는 동안 또는 키워드(keyword) 선택한 후 F1 키를 눌러 상황에 맞는 도움말을 가져옵니다. 예를 들어 콘솔을 선택하고 F1 키를 눌러 콘솔 클래스의 설명서로 이동합니다.

  • Visual Studio에는 뛰어난 키보드 접근성이 있습니다. 작업을 신속하게 수행할 수 있도록 기본 제공 바로 가기 키 배열을 지원합니다. 도움말 > 바로 가기 키 참조를 사용하여 바로 가기 키 목록을 확인합니다.

  • 오류 목록에는 오류, 경고 및 코드의 현재 상태에 대한 메시지가 표시됩니다. 파일 또는 프로젝트 어딘가에 오류(예: 괄호 또는 세미콜론 누락)가 있는 경우 여기에 나열됩니다. 오류 목록 창을 열려면 보기 메뉴를 선택한 후 오류 목록을 선택합니다.

    Screenshot of the Error List in Visual Studio 2022.

  • 상단의 이 검색 상자는 (Ctrl + Q) Visual Studio에서 검색하는 빠르고 쉬운 방법입니다. 수행하려는 작업과 관련된 일부 텍스트를 입력하면 해당 텍스트와 관련된 옵션 목록이 표시됩니다. 예를 들어 터미널 창을 열려면 터미널 창을 검색하고 검색 결과에서 열기만 하면 됩니다. 기본 제공 터미널이 열리고 명령이 준비되었습니다.

    Screenshot of the Search box in Visual Studio 2022.

  • Visual Studio를 사용하는 동안 문제가 발생하거나 제품을 개선하는 방법에 대한 제안이 있는 경우 IDE의 오른쪽 위 모서리 근처에 있는 피드백 보내기 단추를 선택하여 알려줄 수 있습니다.

    Screenshot of the Send Feedback button and menu in Visual Studio 2022.

앱 빌드

프로젝트를 빌드하여 일부 빌드 출력을 확인하겠습니다. 이 출력 창에는 프로젝트 및 원본 제어 공급자에서 빌드한 출력 메시지가 표시됩니다.

빌드 메뉴에서 솔루션 빌드를 선택합니다. 출력 창에는 자동으로 포커스가 표시되고 빌드 성공 메시지가 표시됩니다.

Screenshot of the Output window in Visual Studio.

Screenshot of the Output window in Visual Studio 2022 showing output messages from building your project and from your source control provider.

앱을 실행합니다.

  1. 도구 모음에서 디버깅 시작 단추(녹색 화살표)를 선택하거나 F5 키를 눌러 앱을 실행합니다.

    Screenshot of the Start Debugging button in the debug toolbar.

    Visual Studio에서 앱을 빌드하며, 콘솔 창이 열리고 Hello World! 메시지가 표시됩니다. 이제 실행 중인 앱이 있습니다!

  2. 콘솔 창을 닫으려면 아무 키나 누릅니다.

  1. 도구 모음에서 디버깅 시작 단추(녹색 화살표)를 선택하거나 F5 키를 눌러 앱을 실행합니다.

    Screenshot of the Start Debugging button in the debug toolbar.

    Visual Studio에서 앱을 빌드하며, 콘솔 창이 열리고 Hello World! 메시지가 표시됩니다. 이제 실행 중인 앱이 있습니다!

  2. 콘솔 창을 닫으려면 아무 키나 누릅니다.

앱 디버그

Visual Studio에는 많은 기본 제공 디버깅 기능이 있습니다. 코드 실행을 일시 중지하거나 단계별 디버깅을 위해 코드의 관심 지점에서 중단점을 설정합니다. 각 단계에서 값을 검사하여 코드 문제를 해결하려면 로컬, 자동조사식 창을 확인하세요.

  1. 앱에 일부 코드를 추가하겠습니다. Console.WriteLine("Hello World!"); 줄 앞에 다음 C# 코드를 추가합니다.

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    
  2. Visual Studio의 디버그 도구 모음에서 디버깅 시작 단추(녹색 화살표)를 선택하여 앱을 실행합니다.

    Screenshot of the Start Debugging button in the debug toolbar.

  3. 도구 모음에서 중지 단추를 클릭하여 언제든지 앱을 중지 할 수 있습니다.

  1. 앱에 일부 코드를 추가하겠습니다. Console.WriteLine("Hello World!"); 줄 앞에 다음 C# 코드를 추가합니다.

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    
  2. Visual Studio의 디버그 도구 모음에서 디버깅 시작 단추(녹색 화살표)를 선택하여 앱을 실행합니다.

    Screenshot of the Start Debugging button in the debug toolbar.

  3. 핫 다시 로드 사용하여 문제를 해결하거나 즉시 코드를 변경하고 앱을 다시 시작하지 않고 결과를 확인합니다.

    Screenshot of the Hot Reload button in the debug toolbar.

  4. 도구 모음에서 중지 단추를 선택하여 언제든지 앱을 중지 할 수 있습니다.

    Screenshot of the Stop button in the debug toolbar.

사용자 인터페이스에 익숙해지도록 Visual Studio의 몇 가지 기능에 대해 살펴보았습니다. 더 살펴보려면: