다음을 통해 공유


코드 편집기를 사용하는 방법 알아보기

Visual Studio의 코드편집기에 대한 이 10분 소개에서 코드를 파일에 추가하여 Visual Studio에서 코드를 보다 쉽게 작성, 탐색 및 이해하는 몇 가지 방법을 살펴봅니다.

아직 Visual Studio를 설치하지 않은 경우 Visual Studio 다운로드 페이지로 이동하여 체험용으로 설치합니다.

아직 Visual Studio를 설치하지 않은 경우 Visual Studio 다운로드 페이지로 이동하여 체험용으로 설치합니다.

이 아티클에서는 사용자가 프로그래밍 언어에 이미 친숙하다고 가정합니다. 친숙하지 않은 경우에는 먼저 Python 또는 C#으로 웹앱 만들기나 Visual Basic 또는 C++로 콘솔 앱 만들기에 대한 프로그래밍 빠른 시작 중 하나를 살펴보는 것이 좋습니다.

이 문서와 함께 수행하려면 Visual Studio에 대해 C# 설정을 선택했는지 확인합니다. IDE(통합 개발 환경)의 설정 선택에 대한 자세한 내용은 환경 설정 선택을 참조하세요.

새 코드 파일 만들기

새 파일을 만들고 일부 코드를 추가하여 시작합니다.

  1. Visual Studio를 엽니다. Esc 키를 누르거나 시작 창에서 코드를 사용하지 않고 계속을 클릭하여 개발 환경을 엽니다.

  2. 메뉴 모음의 파일 메뉴에서 새로 만들기>파일을 선택합니다.

  3. 새 파일 대화 상자의 일반 범주 아래에서 Visual C# 클래스를 선택한 다음 열기를 선택합니다.

    C# 클래스의 구조를 사용하여 편집기에서 새 파일이 열립니다. (전체 Visual Studio 프로젝트를 만들어서 코드 편집기에서 제공하는 일부 혜택을 가져올 필요가 없습니다. 코드 파일만 있으면 됩니다.)

    Screenshot of a C# code file in Visual Studio.

  1. Visual Studio를 엽니다. Esc 키를 선택하거나 시작 창에서 코드를 사용하지 않고 계속을 선택하여 개발 환경을 엽니다.

  2. 메뉴 모음의 파일 메뉴에서 새로 만들기>파일을 선택하거나 Ctrl+N을 선택합니다.

  3. 새 파일 대화 상자의 일반 범주에서 C# 클래스를 선택한 다음 열기를 선택합니다.

    C# 클래스의 구조를 사용하여 편집기에서 새 파일이 열립니다.

    Screenshot of a C# code file in Visual Studio 2022.

GitHub Copilot 사용

GitHub Copilot는 편집기에서 실시간으로 코딩할 때 자동 완성 스타일 코드 완성 및 컨텍스트 인식 다중 줄 코드 제안을 제공하는 AI 쌍 프로그래머 역할을 합니다. GitHub Copilot는 주석 및 메서드 이름을 포함한 자연어 프롬프트를 코딩 제안으로 바꿉니다. GitHub Copilot의 제안을 편집기 내에서 직접 보고 통합할 수 있습니다.

Copilot를 사용하여 코드 제안을 생성해 보겠습니다.

  1. 파일의 마지막 닫는 중괄호 } 바로 아래에 커서를 놓습니다.
  2. 자연어 주석 // Add a method to add two numbers 을 입력하고 Enter 키를 누릅니다.
  3. GitHub Copilot는 코드 제안을 생성합니다. 제안된 구현은 회색 텍스트로 표시됩니다.
  4. 제안을 수락하려면 Tab 키를 선택합니다.

Animated screenshot that shows the code suggestions generated by GitHub Copilot for the user comment.

Visual Studio에서 GitHub Copilot를 시작합니다. Visual Studio 2022 17.5.5 이상이 필요합니다.

코드 조각 사용

Visual Studio에서는 일반적으로 사용되는 코드 블록을 쉽고 빠르게 생성하는 데 사용할 수 있는 유용한 코드 조각을 제공합니다. 코드 조각은 C#, Visual Basic 및 C++를 포함하여 다양한 프로그래밍 언어에서 사용할 수 있습니다.

C# void Main 코드 조각을 파일에 추가하겠습니다.

  1. 파일에서 마지막 닫기 괄호 } 바로 위에 커서를 놓고 svm 문자를 입력합니다. (svmstatic void Main을 의미하며, Main() 메서드는 C# 애플리케이션의 진입점입니다.)

    svm 코드 조각에 대한 정보를 포함한 팝업 대화 상자가 표시됩니다.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio.

  2. 키를 두 번 눌러 코드 조각을 삽입합니다.

    static void Main() 메서드 시그니처가 파일에 추가됩니다.

사용 가능한 코드 조각은 프로그래밍 언어마다 다릅니다. 편집>IntelliSense>코드 조각 삽입을 선택한 다음, 언어의 폴더를 선택하여 언어에 사용 가능한 코드 조각을 확인할 수 있습니다. C#의 경우 목록은 다음과 같습니다.

Screenshot of an IntelliSense pop-up for a C# code snippet list.

  1. 파일에서 마지막 닫는 중괄호 } 바로 위에 커서를 놓고 svm 문자를 입력합니다.

    svm 코드 조각에 대한 정보를 포함한 팝업 대화 상자가 표시됩니다.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio 2022.

  2. Tab 키를 두 번 선택하여 코드 조각을 삽입합니다.

    static void Main() 메서드 시그니처가 파일에 추가됩니다. Main() 메서드는 C# 애플리케이션의 진입점입니다.

사용 가능한 코드 조각은 프로그래밍 언어마다 다릅니다. 편집>IntelliSense>코드 조각 삽입을 선택하거나 Ctrl+K, Ctrl+X를 선택하고 프로그래밍 언어 폴더를 선택하여 사용 가능한 언어 코드 조각을 확인할 수 있습니다. C#의 경우 코드 조각 목록은 다음과 같습니다.

Screenshot of an IntelliSense pop-up for a C# code snippet list.

목록에는 클래스, 생성자, for 루프, if 또는 switch 문 등을 만들기 위한 코드 조각이 포함됩니다.

코드 주석 처리

Visual Studio의 메뉴 모음에 있는 단추 행인 도구 모음은 코딩할 때 생산성을 높일 수 있습니다. 예를 들어 IntelliSense 완성 모드를 선택/해제하거나(IntelliSense는 기타 항목 중에 메서드 일치 항목 목록을 표시하는 코딩 지원임), 줄 내어쓰기를 늘리고 줄이거나, 컴파일하지 않으려는 코드를 주석 처리할 수 있습니다. 이 섹션에서는 일부 코드를 주석 처리합니다.

Screenshot of the Editor toolbar in Visual Studio.

  1. 다음 코드를 Main() 메서드 본문에 붙여넣습니다.

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. morewords 변수를 사용하지 않지만 나중에 사용할 것이므로 완전히 삭제하지 않습니다. 대신 해당 줄을 주석으로 처리해 보겠습니다. 닫는 세미콜론에 대한 morewords의 전체 정의를 선택한 다음, 도구 모음에서 선택한 줄 주석 처리 단추를 선택합니다. 키보드 사용을 선호하는 경우 Ctrl+K, Ctrl+C 키를 누릅니다.

    Screenshot of the Comment out button in the Editor toolbar in Visual Studio.

    C# 주석 문자 //를 선택한 각 줄의 시작 부분에 추가하여 코드를 주석으로 처리합니다.

Visual Studio 메뉴 모음 아래에 있는 단추 행인 텍스트 편집기 도구 모음은 코딩할 때 생산성을 높이는 데 도움이 됩니다. 예를 들어 IntelliSense 완성 모드를 설정/해제하거나, 줄 들여쓰기를 늘리거나 줄이거나, 컴파일하지 않은 코드를 주석으로 처리할 수 있습니다.

Screenshot of the Text Editor toolbar in Visual Studio 2022.

몇 가지 코드를 주석으로 처리해 보겠습니다.

  1. 다음 코드를 Main() 메서드 본문에 붙여넣습니다.

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. moreWords 변수를 사용하지 않지만 나중에 사용할 수 있으므로 삭제하지 않습니다. 대신 해당 줄을 주석으로 처리해 보겠습니다. moreWords의 전체 정의를 닫는 세미콜론까지 아래로 선택한 다음, 텍스트 편집기 도구 모음에서 선택한 줄을 주석으로 처리합니다. 단추를 선택합니다. 키보드를 사용하려면 Ctrl+K, Ctrl+C 키를 선택합니다.

    Screenshot of the Comment out button in the Text Editor toolbar in Visual Studio 2022.

    C# 주석 문자 //를 선택한 각 줄의 시작 부분에 추가하여 코드를 주석으로 처리합니다.

    줄의 주석 처리를 제거하려면 해당 줄을 선택하고 텍스트 편집기 도구 모음에서 선택한 줄의 주석 처리를 제거합니다. 단추를 선택합니다. 키보드를 사용하려면 Ctrl+K, Ctrl+U 키를 선택합니다.

    Screenshot of the Uncomment button in the Text Editor toolbar in Visual Studio 2022.

코드 블록 축소

코드 보기를 깔끔하게 정리하기 위해 Class1에 대해 생성된 빈 생성자가 표시되지 않도록 접어보겠습니다. 생성자의 첫 번째 줄 여백에 있는 작은 회색 상자 안에 빼기 기호를 선택합니다. 또는 키보드를 사용하려는 경우 생성자 코드의 아무 곳에나 커서를 놓고 Ctrl+M, Ctrl+M을 누릅니다.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio.

코드 블록은 줄임표(...) 뒤에 있는 첫 번째 줄로 축소됩니다. 코드 블록을 다시 확장하려면 더하기 기호가 있는 동일한 회색 상자를 클릭하거나 Ctrl+M, Ctrl+M을 다시 누릅니다. 이 기능은 개요라고 하고 긴 메서드 또는 전체 클래스를 축소하는 경우에 특히 유용합니다.

코드 보기를 깔끔하게 정리하기 위해 Class1에 대해 생성된 빈 생성자가 표시되지 않도록 접어보겠습니다. 생성자의 첫 번째 줄 여백에 있는 작은 회색 상자 안에 빼기 기호를 선택합니다. 또는 키보드를 사용하려는 경우 생성자 코드의 아무 곳에나 커서를 놓고 Ctrl+M, Ctrl+M을 선택합니다.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio 2022.

코드 블록은 줄임표(...) 뒤에 있는 첫 번째 줄로 축소됩니다. 코드 블록을 다시 펼치려면 이제 더하기 기호가 있는 동일한 회색 상자를 선택하거나 Ctrl+M, Ctrl+M을 다시 선택합니다. 이 기능은 개요라고 하고 긴 메서드 또는 전체 클래스를 축소하는 경우에 특히 유용합니다.

기호 정의 보기

Visual Studio 편집기를 사용하면 형식, 메서드 등의 정의를 쉽게 검사할 수 있습니다. 한 가지 방법은 예를 들어 기호가 참조되는 모든 곳에서 정의로 이동을 선택하여 정의 가 포함된 파일로 이동하는 것입니다. 정의 피킹을 사용하는 것도 작업 중인 파일에서 포커스를 이동하지 않는 더욱 빠른 방식입니다. string 형식의 정의를 피킹하겠습니다.

  1. string의 모든 항목을 마우스 오른쪽 단추로 클릭하고 콘텐츠 메뉴에서 정의 피킹을 선택합니다. 또는 Alt+F12 키를 누릅니다.

    String 클래스의 정의를 포함한 팝업 창이 표시됩니다. 팝업 창 내에서 스크롤하거나 피킹된 코드에서 다른 형식의 정의에 피킹할 수도 있습니다.

    Screenshot of a Peek definition window in Visual Studio.

  2. 팝업 창의 오른쪽 위에서 "x"가 포함된 작은 상자를 선택하여 피킹된 정의 창을 닫습니다.

Visual Studio 편집기를 사용하면 형식, 메서드 또는 변수의 정의를 쉽게 검사할 수 있습니다. 한 가지 방법은 정의가 포함된 아무 파일에서나 정의로 이동을 선택하거나 기호가 참조된 아무 곳에서나 F12 키를 선택하여 정의로 이동하는 것입니다. 정의 피킹을 사용하는 것도 작업 중인 코드에서 포커스를 이동하지 않는 더욱 빠른 방식입니다.

string 형식의 정의를 피킹하겠습니다.

  1. string의 모든 항목을 마우스 오른쪽 단추로 클릭하고 콘텐츠 메뉴에서 정의 피킹을 선택합니다. 또는 Alt+F12를 선택합니다.

    String 클래스의 정의를 포함한 팝업 창이 표시됩니다. 팝업 창 내에서 스크롤하거나 피킹된 코드에서 다른 형식의 정의에 피킹할 수도 있습니다.

    Screenshot of the Peek definition window in Visual Studio 2022.

  2. 팝업 창의 오른쪽 위에서 “x”가 있는 작은 상자를 선택하여 정의 피킹 창을 닫습니다.

IntelliSense를 사용하여 단어 자동 완성

IntelliSense는 코딩할 때 매우 유용한 리소스입니다. 형식의 사용 가능한 멤버에 대한 정보 또는 메서드의 다른 오버 로드에 대한 매개 변수 세부 정보를 표시할 수 있습니다. 또한 IntelliSense를 사용하여 구분할 수 있을 정도로 문자를 입력한 후에 단어를 자동 완성할 수 있습니다. 콘솔 창에 순서가 지정된 문자열을 출력하는 코드 줄을 추가하겠습니다. 여기가 이동할 프로그램의 출력에 대한 표준 위치입니다.

  1. query 변수 아래에 다음 코드를 입력하기 시작합니다.

    foreach (string str in qu
    

    IntelliSense에 query 기호에 대한 요약 정보가 표시됩니다.

    Screenshot of an IntelliSense word completion pop-up in Visual Studio.

  2. IntelliSense의 단어 자동 완성 기능을 사용하여 query 단어의 나머지 부분을 삽입하려면 키를 누릅니다.

  3. 코드 블록을 다음 코드와 같이 완성합니다. Console.WriteLine 코드를 생성하기 위해 cw을 입력한 다음 키를 두 번 눌러서 using 코드 조각을 사용할 수 있습니다.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense는 코딩할 때 매우 유용한 리소스입니다. 형식의 사용 가능한 멤버에 대한 정보 또는 메서드의 다른 오버 로드에 대한 매개 변수 세부 정보를 표시할 수 있습니다. 또한 IntelliSense를 사용하여 구분할 수 있을 정도로 문자를 입력한 후에 단어를 자동 완성할 수 있습니다.

콘솔 창에 순서가 지정된 문자열을 출력하는 코드 줄을 추가하겠습니다. 여기가 이동할 프로그램의 출력에 대한 표준 위치입니다.

  1. query 변수 아래에 다음 코드를 입력하기 시작합니다.

    foreach (string str in qu
    

    query 기호에 대한 정보가 포함된 IntelliSense 팝업이 표시됩니다.

    Screenshot of an IntelliSense word completion pop-up in Visual Studio 2022.

  2. IntelliSense 단어 자동 완성을 사용하여 query 단어의 나머지 부분을 삽입하려면 Tab 키를 선택합니다.

  3. 코드 블록을 다음 코드와 같이 완성합니다. cw를 입력하고 Tab 키를 두 번 선택하여 Console.WriteLine 문을 생성하면 코드 조각을 더 연습할 수 있습니다.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

이름 리팩터링

누구도 처음부터 제대로 코딩할 수 없습니다. 변경할 수 있는 작업 중 하나는 변수 또는 메서드의 이름입니다. Visual Studio의 리팩터링 기능을 사용하여 _words 변수 이름을 words로 변경해 보겠습니다.

  1. _words 변수의 정의 위에 커서를 두거나, 마우스 오른쪽 단추로 클릭하거나 상황에 맞는 메뉴에서 이름 바꾸기를 선택하거나, Ctrl+R, Ctrl+R 키를 누릅니다.

    편집기의 오른쪽 위에 팝업 이름 바꾸기 대화 상자가 나타납니다.

  2. 원하는 이름 단어를 입력합니다. 쿼리에서 words에 대한 참조 이름이 자동으로 바뀝니다. Enter 키를 누르기 전에 이름 바꾸기 팝업 상자에서 주석 포함 확인란을 선택합니다.

    Screenshot of a Rename dialog box in Visual Studio.

  3. Enter 키를 누릅니다.

    words의 두 항목 이름 및 코드 주석에서 words에 대한 참조도 변경했습니다.

누구도 처음부터 제대로 코딩할 수 없습니다. 변경할 수 있는 작업 중 하나는 변수 또는 메서드의 이름입니다. Visual Studio의 리팩터링 기능을 사용하여 someWords 변수 이름을 unsortedWords로 변경해 보겠습니다.

  1. someWords 변수의 정의를 커서로 가리키고 오른쪽 마우스 클릭 또는 상황에 맞는 메뉴에서 이름 바꾸기를 선택하거나 F2 키를 선택합니다.

    편집기의 오른쪽 위에 이름 바꾸기 대화 상자가 나타납니다.

    Screenshot of the Rename pop-up box within the editor of Visual Studio 2022.

  2. 원하는 이름인 unsortedWords를 입력합니다. query 대입문에 있는 unsortedWords 참조의 이름도 자동으로 바뀝니다. Enter 키를 선택하기 전에 이름 바꾸기 팝업 상자에서 메모 검사 포함 상자를 선택합니다.

    Screenshot of the Rename pop-up box in Visual Studio 2022.

  3. Enter 키를 선택합니다.

    코드에서 someWords의 두 항목 이름과 코드 주석에서 someWords 텍스트가 변경됩니다.

다음 단계

참고 항목