Visual Studio IDE 기능 둘러보기

이 문서에서는 Visual Studio IDE의 기능을 소개합니다. Visual Studio IDE는 대화형 개발 환경(IDE)입니다. 거의 모든 종류의 코드를 보고 편집한 다음, Android, iOS, Windows, 웹 및 클라우드용 앱을 디버그, 빌드 및 게시하는 데 사용할 수 있는 창조적인 실행 패드입니다. Mac 및 Windows에서 사용할 수 있는 버전이 있습니다. Visual Studio로 수행할 수 있는 몇 가지 작업과 이를 설치하고 사용하는 방법, 간단한 프로젝트를 만드는 방법, 코드 디버깅 및 배포에 대한 지침을 얻는 방법, 다양한 도구 창을 둘러보는 방법을 단계별로 살펴봅니다.

Visual Studio IDE로 수행할 수 있는 작업

Android 휴대폰용 앱을 만들고 싶은가요? 예, 그렇게 할 수 있습니다. C++를 사용하여 첨단 게임을 만드는 방법은 어떤가요? 원하는 만큼 아주 많이 만들 수 있습니다. Visual Studio는 웹 사이트, 게임, 데스크톱 앱, 모바일 앱, Office용 앱 등을 만드는 데 도움이 되는 템플릿을 제공합니다.

Visual Studio 프로젝트

또는 거의 모든 곳에서 얻을 수 있는 거의 모든 코드를 열어서 작업할 수 있습니다. 좋아하는 GitHub 프로젝트를 볼 수 있을까요? 리포지토리를 복제하고, Visual Studio에서 열어, 코딩을 시작만 하면 됩니다!

모바일 앱 만들기

Visual C#과 Xamarin 또는 Visual C++를 사용하여 다양한 플랫폼용 네이티브 모바일 앱을 만들거나 Apache Cordova에서 JavaScript를 사용하는 하이브리드 앱을 만들 수 있습니다. Unity, Unreal, DirectX, Cocos 등을 위한 모바일 게임을 작성할 수 있습니다. Visual Studio에는 Android 앱을 실행하고 디버그하는 데 도움이 되는 Android 에뮬레이터가 포함되어 있습니다.

Azure 앱 서비스를 만들어 모바일 앱에서 클라우드의 강력한 기능을 활용할 수 있습니다. Azure 앱 서비스를 사용하면 앱에서 데이터를 클라우드에 저장하고, 사용자를 안전하게 인증하며, 앱과 비즈니스의 요구를 수용할 수 있도록 리소스를 자동으로 강화하거나 축소할 수 있습니다. 자세한 내용은 모바일 앱 개발을 참조하세요.

Azure용 클라우드 앱 만들기

Visual Studio는 Microsoft Azure에서 구동하는 클라우드 지원 응용 프로그램을 쉽게 만들 수 있는 도구 모음을 제공합니다. IDE에서 직접 Microsoft Azure의 응용 프로그램과 서비스를 구성, 빌드, 디버그, 패키징 및 배포할 수 있습니다. 연결된 서비스를 통해 앱에 대한 Azure 서비스를 활용합니다. .NET용 Azure 도구를 얻으려면 Visual Studio를 설치할 때 Azure 개발 작업을 선택합니다. 자세한 내용은 Visual Studio Tools for Azure를 참조하세요.

웹앱 만들기

웹은 현대 세계를 이끌고 있고, Visual Studio에서 이를 위한 앱을 작성할 수 있습니다. ASP.NET, Node.js, Python, JavaScript 및 TypeScript를 사용하여 웹앱을 만들 수 있습니다. Visual Studio는 Angular, jQuery, Express 등과 같은 웹 프레임워크를 이해합니다. ASP.NET Core 및 .NET Core는 Windows, Mac 및 Linux 운영 체제에서 실행됩니다. 자세한 내용은 최신 웹 도구를 참조하세요.

세계적 수준의 편집 환경에서 코드 작성

Visual Studio를 사용하면 구문 색 지정, 문 완성, IntelliSense(선택한 코드 요소의 팝업 설명), 코드 개요, 디버깅을 위한 중단점 설정 등과 같은 기능을 통해 코드를 쉽고 빠르게 작성할 수 있습니다.

JavaScript 코드 예제

자세한 내용은 코드 및 텍스트 편집기에서 코드 작성을 참조하세요.

Visual Studio는 더 많은 작업을 수행하는 데 도움을 줄 수 있습니다. 자세한 전체 목록은 Visual Studio IDE를 참조하세요.

Visual Studio IDE 설치

시작하려면 Visual Studio를 다운로드하여 시스템에 설치합니다. Visual Studio 2017에서 다운로드할 수 있습니다.

이제 Visual Studio는 그 어느 때보다도 가벼워졌습니다! 새로운 모듈식 설치 관리자를 사용하면 선호하는 프로그래밍 언어 또는 플랫폼에 필요한 기능 그룹인 작업을 선택하여 설치할 수 있습니다. 이 전략을 통해 Visual Studio 설치에 필요한 공간을 이전보다 더 작게 유지할 수 있습니다. 즉 Visual Studio를 설치하고 업데이트하는 속도가 매우 빨라집니다.

Visual Studio 설치 관리자

향상된 설치 성능 외에도 Visual Studio 2017에서 전반적인 IDE 시작 및 솔루션 로드 시간을 향상시키기 위해 많은 개선이 이루어졌습니다. 예를 들어 도구, 옵션, 프로젝트 및 솔루션의 주 메뉴에 있는 새로운 경량 솔루션 로드 기능을 선택하면 더 큰 솔루션을 더 빨리 로드할 수 있습니다. 시스템에 Visual Studio를 설치하는 방법에 대한 자세한 내용은 Visual Studio 2017 설치를 참조하세요.

로그인

Visual Studio를 처음 시작하면 필요에 따라 Microsoft 계정이나 회사 또는 학교 계정으로 로그인할 수 있습니다. 로그인하면 여러 장치에서 창 레이아웃과 같은 Visual Studio 설정을 동기화할 수 있습니다. 또한 Azure 구독 및 Visual Studio Team Services와 같이 필요한 서비스에 자동으로 연결됩니다.

프로그램 만들기

무언가를 자세히 알아보는 좋은 방법 중 하나는 사용해 보는 것입니다! 이제 새롭고 간단한 프로그램을 만들어 보겠습니다.

  1. Visual Studio를 엽니다. 메뉴에서 파일, 새로 만들기, 프로젝트를 차례로 선택합니다. 기본 프로젝트 값을 사용합니다.

    스크린샷

    대신 시작 페이지를 사용하여 새 프로젝트를 만들 수 있습니다. 자세한 내용은 새롭게 디자인된 시작 페이지(블로그)의 장점 활용을 참조하세요.

  2. 새 프로젝트 대화 상자에는 여러 프로젝트 템플릿이 표시됩니다. Visual C#에서 Windows 유니버설 범주를 선택하고, 비어 있는 앱(유니버설 Windows) 템플릿을 선택한 다음, 확인 단추를 선택합니다.

    스크린샷

    이렇게 하면 Visual C# 및 XAML을 프로그래밍 언어로 사용하여 비어 있는 새 유니버설 Windows 앱 프로젝트를 만듭니다. Visual Studio에서 사용자의 프로젝트를 설정하는 동안 잠시 기다려주세요. 정보를 요청하는 메시지가 표시되는 경우 이때는 기본값을 그대로 사용합니다.

  3. 잠시 후 다음 스크린샷과 비슷하게 표시됩니다. 프로젝트 파일이 [솔루션 탐색기]라는 창의 오른쪽에 나열되어 있습니다.

    스크린샷

  4. [솔루션 탐색기]에서 MainPage.xaml 파일 옆에 있는 작은 검은색 삼각형을 선택하여 확장하면 그 아래에 MainPage.xaml.cs 파일이 표시됩니다. 이 파일(C# 코드 포함)을 선택하여 엽니다.

    MainPage.xaml.cs의 C# 코드는 화면 왼쪽의 코드 편집기에 표시됩니다. 코드 구문은 지정된 색으로 자동으로 표시되어 다양한 유형의 코드(예: 문 또는 주석)를 나타냅니다. 또한 코드에서 작은 세로 파선은 서로 일치하는 중괄호를 나타내며, 줄 번호는 나중에 코드를 찾는 데 도움이 됩니다. 작은 상자 안에 있는 빼기 기호를 선택하여 코드를 축소하거나 확장할 수 있습니다. 이 코드 개요 기능을 사용하면 필요 없는 코드를 숨길 수 있으므로 화면 상의 혼란을 최소화할 수 있습니다.

    다른 메뉴와 도구 창을 사용할 수 있지만 지금은 넘어가겠습니다.

  5. 사용자가 앱과 상호 작용할 수 있는 방법을 제공하는 단추를 XAML 양식에 추가합니다. 이렇게 하려면 MainPage.xaml 파일을 엽니다. 여기서는 분할된 보기, 즉 위에는 컨트롤을 시각적으로 배치하기 위한 디자이너, 아래에는 디자이너 뒤에 있는 XAML 코드를 보여 주는 코드 보기가 표시됩니다. 나중에 프로그램을 실행하면 사용자가 볼 수 있는 창인 "양식"이 디자이너에서 볼 수 있는 항목이 되고, 기본 XAML에서 양식에 표시되는 항목을 결정합니다.

  6. 화면 왼쪽에서 도구 상자 탭을 선택하여 도구 상자를 엽니다. 도구 상자에는 양식에 추가할 수 있는 다양한 시각적 컨트롤이 포함되어 있습니다. 지금은 단추 컨트롤만 추가하겠습니다.

  7. 공용 XAML 컨트롤 섹션을 확장한 다음 Button 컨트롤을 양식 중간 부분으로 끌어갑니다. 정확한 위치는 중요하지 않습니다.

    스크린샷

    완료되면 다음과 비슷하게 표시됩니다.

    스크린샷

    단추는 디자이너에 있으며, 강조 표시된 기본 코드가 디자이너의 XAML 코드에 자동으로 추가됩니다.

  8. 일부 XAML 코드를 변경해 보겠습니다. 단추 코드의 텍스트를 Button에서 Hello!로 바꿉니다.

    스크린샷

  9. 이제 앱을 시작합니다. 이 작업을 수행하려면 도구 모음에서 시작(시작 단추) 단추를 선택하거나, F5 키를 선택하거나, 메뉴에서 디버그, 디버깅 시작을 차례로 선택합니다.

    스크린샷

    앱에서 빌드 프로세스를 시작하고 상태 메시지가 [출력] 창에 표시됩니다. 잠시 후에 해당 단추가 있는 양식이 표시됩니다. 이제 실행 중인 앱이 있습니다!

    스크린샷

    물론, 지금 당장은 아니지만, 원하는 경우 나중에 더 많은 기능을 추가할 수 있습니다.

  10. 프로그램 실행이 완료되면 도구 모음에서 [중지](중지 단추)를 선택하여 중지합니다.

지금까지 수행한 작업을 정리해 보겠습니다. Visual Studio에서 새로운 C# Windows 유니버설 프로젝트를 만들고, 코드를 보고, 컨트롤을 디자이너에 추가하고, 일부 XAML 코드를 변경한 다음, 프로젝트를 실행했습니다. 여기서는 이 예제의 프로세스가 간소화되었지만, 자신의 앱을 개발할 때 사용할 Visual Studio IDE의 몇 가지 일반적인 부분을 보여 주었습니다. 이 예제에 대한 자세한 내용은 "Hello, world" 앱 만들기(XAML)을 참조하세요.

코드 디버그, 테스트 및 향상

항상 완벽하게 실행되는 것은 없습니다. 코드를 작성할 때 이를 실행하고 버그와 성능을 테스트해야 합니다. Visual Studio의 최신 디버깅 시스템을 사용하면 원격 장치 또는 에뮬레이터(예: Android 또는 Windows Phone 장치용 에뮬레이터)에서 실행 중인 로컬 프로젝트의 코드를 디버그할 수 있습니다. 한 번에 문 하나씩 코드를 단계별로 실행하고 진행에 따라 변수를 검사하고, 다중 스레드 응용 프로그램을 단계별로 실행하고, 지정된 조건이 true일 때만 적중되는 중단점을 설정할 수 있습니다. 코드 실행 등과 같은 변수 값을 모니터링할 수 있습니다. 이러한 값을 모두 코드 편집기 자체에서 관리할 수 있으므로 코드를 떠날 필요가 없습니다.

디버깅

테스트를 위해 Visual Studio는 단위 테스트, IntelliTest, 부하 및 성능 테스트 등을 제공합니다. Visual Studio 디버깅 프로세스에 대한 자세한 내용은 디버거 기능 둘러보기를 참조하세요. 테스트에 대한 자세한 내용은 테스트 도구를 참조하세요. 앱 성능 향상에 대한 자세한 내용은 프로파일링 기능 둘러보기를 참조하세요.

완성된 응용 프로그램 배포

사용자 또는 고객에게 응용 프로그램을 배포할 준비가 되면 Windows 스토어 또는 SharePoint 사이트에 배포하든, InstallShield 또는 Windows Installer 기술을 사용하여 배포하든 Visual Studio에서는 배포 작업을 수행할 수 있는 도구를 제공합니다. 이 경우 IDE를 통해 모두 액세스할 수 있습니다. 자세한 내용은 응용 프로그램, 서비스 및 구성 요소 배포를 참조하세요.

IDE 둘러보기

다음 이미지에서는 Visual Studio에 대한 높은 수준의 시각적 개요를 제공하기 위해 열려 있는 프로젝트가 있는 Visual Studio와 가장 많이 사용하는 몇 가지 주요 도구 창을 보여 줍니다.

  • 솔루션 탐색기 - 코드 파일을 보고, 탐색하고, 관리할 수 있습니다.
  • 편집기 창 - 코드를 표시하고, 원본 코드 및 디자이너 데이터를 편집할 수 있습니다.
  • 출력 - 컴파일, 실행, 디버그 등의 출력 메시지를 표시합니다.
  • 팀 탐색기 - Git, TFVC(Team Foundation 버전 제어) 등의 버전 제어 기술을 통해 작업 항목을 추적하고 다른 사용자와 코드를 공유할 수 있습니다.
  • 클라우드 탐색기 - 가상 컴퓨터, 테이블, SQL 데이터베이스 등의 Azure 리소스를 보고 관리할 수 있습니다.

Visual Studio IDE

다음은 Visual Studio의 다른 일반적인 생산성 기능입니다.

  • 빠른 실행 검색 상자는 Visual Studio에서 필요한 항목을 빠르게 찾을 수 있는 좋은 방법입니다. 찾으려는 항목의 이름을 입력하기만 하면 Visual Studio에서 원하는 곳으로 정확하게 안내하는 옵션을 제공합니다. [빠른 실행]은 작업 또는 개별 구성 요소에 대한 Visual Studio 설치 관리자를 시작하는 링크도 표시합니다.

    빠른 실행 검색 상자

  • 리팩터링에는 변수의 지능형 이름 바꾸기, 선택한 코드 줄을 별도 함수로 이동, 코드를 다른 위치로 이동, 함수 매개 변수 다시 정렬 등의 작업이 포함되어 있습니다.

    리팩터링

  • IntelliSense 는 편집기에서 직접 코드에 대한 형식 정보를 표시하고 경우에 따라 약간의 코드를 자동으로 작성하는 인기 있는 기능 집합에 대한 포괄적인 용어입니다. IntelliSense는 별도의 도움말 창에서 형식 정보를 조회할 필요가 없도록 기본 설명서를 편집기에 인라인으로 포함하는 것과 같습니다. IntelliSense 기능은 언어에 따라 달라집니다. 자세한 내용은 Visual C# IntelliSense, Visual C++ IntelliSense, JavaScript IntelliSense, Visual Basic-Specific IntelliSense를 참조하세요. 다음 그림에서는 일부 IntelliSense 기능의 작동을 보여 줍니다.

    Visual Studio 멤버 목록

  • 오류 표시선은 물결 모양의 빨간색 밑줄이며, 입력할 때 코드의 오류 또는 잠재적인 문제를 실시간으로 알려줍니다. 이렇게 하면 컴파일 또는 런타임 중에 오류를 발견할 때까지 기다리지 않고 바로 수정할 수 있습니다. 오류 표시선 위로 마우스를 가져가면 오류에 대한 추가 정보가 표시됩니다. 오류를 수정하는 방법에 대한 제안 사항과 함께 전구가 왼쪽 여백에 나타날 수도 있습니다. 자세한 내용은 Perform quick actions with light bulbs을 참조하세요.

    오류 표시선

  • 텍스트 편집기의 상황에 맞는 메뉴에서 호출 계층 구조 창을 열어 캐럿(삽입 지점) 아래에서 호출하는 메서드와 이 메서드로 호출되는 메서드를 표시할 수 있습니다.

    호출 계층 구조 창

  • 코드 렌즈를 사용하면 편집기 내에서 코드 참조, 코드 변경 내용, 연결된 버그, 작업 항목, 코드 검토 및 단위 테스트를 확인할 수 있습니다.

    CodeLens

  • 정의 보기 창은 현재 컨텍스트를 벗어나지 않고 메서드 또는 형식 정의를 인라인으로 표시합니다.

    정의 보기

  • 정의로 이동 상황에 맞는 메뉴 옵션은 함수 또는 개체가 정의된 위치로 바로 이동합니다. 편집기에서 마우스 오른쪽 단추를 클릭하면 다른 탐색 명령도 사용할 수 있습니다.

    정의로 이동

  • 관련 도구인 개체 브라우저를 사용하면 시스템의 .NET 또는 Windows 런타임 어셈블리를 검사하여 포함된 형식과 해당 형식에 속한 멤버(속성, 메서드, 이벤트)를 확인할 수 있습니다.

    System.Timer를 보여 주는 개체 브라우저

소스 코드 관리 및 다른 사용자와 공동 작업

GitHub를 포함한 모든 공급자가 호스팅하는 Git 리포지토리에서 원본 코드를 관리할 수 있습니다. 또는 VSTS(Visual Studio Team Services)를 사용하여 전체 프로젝트의 버그 및 작업 항목과 함께 코드를 관리합니다. Visual Studio에서 팀 탐색기를 사용하여 Git 리포지토리를 관리하는 방법에 대해 알아보려면 Git 및 Team Services 시작하기를 참조하세요. Visual Studio에는 기본 제공된 다른 소스 제어 기능이 있습니다. 이에 대한 자세한 내용은 Visual Studio 2017의 새로운 Git 기능(블로그)을 참조하세요.

VSTS는 소프트웨어 프로젝트를 호스팅하고 팀 공동 작업을 수행할 수 있는 클라우드 기반 서비스입니다. VSTS는 Git 및 Team Foundation 소스 제어 시스템과 Scrum, CMMI 및 Agile 개발 방법론을 지원합니다. TFVC(Team Foundation 버전 제어)는 하나의 중앙 집중식 서버 리포지토리를 사용하여 파일을 추적하고 버전을 관리합니다. 다른 개발자가 최신 변경 내용을 가져올 수 있는 중앙 서버에 로컬 변경 내용이 항상 체크 인됩니다.

TFS(Team Foundation Server)는 Visual Studio용 응용 프로그램 수명 주기 관리 허브입니다. 개발 프로세스와 관련된 모든 사람이 단일 솔루션을 사용하여 참여할 수 있도록 해줍니다. TFS는 성격이 다른 팀과 프로젝트들을 관리하는 데 유용합니다.

네트워크에 Visual Studio Team Services 계정 또는 Team Foundation Server가 있는 경우 Visual Studio의 [팀 탐색기] 창을 통해 연결합니다. 이 창에서 코드를 소스 제어에 체크 인 또는 체크 아웃하고, 작업 항목을 관리하고, 빌드를 시작하고, 단체 방 및 작업 영역에 액세스할 수 있습니다. 빠른 실행 상자나 보기, 팀 탐색기 또는 팀, 연결 관리의 주 메뉴에서 [팀 탐색기]를 열 수 있습니다. 다음 이미지는 VSTS에서 호스트되는 솔루션에 대한 팀 탐색기 창을 보여 줍니다.

Visual Studio 팀 탐색기

Visual Studio Team Services에 대한 자세한 내용은 Visual Studio Team Services를 참조하세요. Team Foundation Server에 대한 자세한 내용은 Team Foundation Server를 참조하세요.

서비스, 데이터베이스 및 클라우드 기반 리소스에 연결

클라우드는 오늘날의 온라인 환경에서 매우 중요하며, Visual Studio는 이를 활용하는 방법을 제공합니다. 예를 들어 [연결된 서비스] 기능을 사용하면 앱을 서비스에 연결할 수 있습니다. 무엇보다도 사용자의 앱에서 Azure 저장소에 데이터를 저장하는 데 이 기능을 사용할 수 있습니다.

연결된 서비스

연결된 서비스 페이지에서 서비스를 선택하면, [연결된 서비스 마법사]가 시작되어 프로젝트를 구성하고 필요한 NuGet 패키지를 다운로드하여 서비스에 대한 코딩을 시작할 수 있습니다.

클라우드 탐색기를 사용하여 Visual Studio 내에서 Azure 기반 클라우드 리소스를 보고 관리할 수 있습니다. [클라우드 탐색기]에서는 로그인한 Azure 구독으로 관리되는 모든 계정의 Azure 리소스를 보여 줍니다. Visual Studio 설치 관리자에서 Azure 개발 작업을 선택하여 [클라우드 탐색기]를 가져올 수 있습니다.

클라우드 탐색기

서버 탐색기를 사용하면 Azure, Salesforce.com, Office 365 및 웹 사이트에서 SQL Server 인스턴스와 자산을 찾아보고 관리할 수 있습니다. [서버 탐색기]를 열려면 주 메뉴에서 보기, 서버 탐색기를 차례로 선택합니다. 서버 탐색기 사용에 대한 자세한 내용은 새 연결 추가를 참조하세요.

SSDT(SQL Server Data Tools)는 SQL Server, Azure SQL Database 및 Azure SQL Data Warehouse를 위한 강력한 개발 환경입니다. 이 도구를 사용하면 데이터베이스를 빌드, 디버그, 유지 관리 및 리팩터링할 수 있습니다. 데이터베이스 프로젝트에 대해 작업하거나, 온-프레미스 또는 오프-프레미스로 연결된 데이터베이스 인스턴스에 대해 직접 작업할 수 있습니다.

Visual Studio의 SQL Server 개체 탐색기는 SQL Server Management Studio와 비슷한 데이터베이스 개체 보기를 제공합니다. SQL Server 개체 탐색기를 사용하면, SQL Server 개체 탐색기의 바로 상황에 맞는 메뉴를 통해 테이블 데이터 편집, 스키마 비교 및 쿼리 실행 등을 포함하여 간단한 데이터베이스 관리 및 디자인 작업을 수행할 수 있습니다. 자세한 내용은 개체 탐색기를 사용하여 개체 관리를 참조하세요.

SQL Server 개체 탐색기

Visual Studio 확장

요구되는 적절한 기능이 Visual Studio에 없으면 추가할 수 있습니다! 워크플로와 스타일에 따라 IDE를 개인 설정하고, Visual Studio와 아직 통합되지 않은 외부 도구에 대한 지원을 추가하고, 기존 기능을 수정하여 생산성을 높일 수 있습니다. Visual Studio는 Microsoft, 파트너 및 커뮤니티로부터 도구, 컨트롤 및 템플릿을 제공합니다. Visual Studio 확장에 대한 자세한 내용은 Visual Studio IDE 확장을 참조하세요.

새로운 기능에 대한 자세한 정보 확인

Visual Studio를 사용해 본 적이 없다면 Visual Studio 시작으로 기본 기능에 대해 알아보거나 Microsoft Virtual Academy에서 제공하는 무료 Visual Studio 과정을 확인해 보세요. Visual Studio 2017의 새로운 기능을 확인하려면 Visual Studio 2017의 새로운 기능을 참조하세요.

Visual Studio IDE 둘러보기를 완료하신 것을 축하합니다! 주요 기능 중 유용한 일부에 대해 알아보았습니다.

참고 항목