다음을 통해 공유


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

이 Visual Studio 코드 편집기 소개에서는 파일에 코드를 추가하고 Visual Studio가 코드를 더 쉽게 작성, 탐색 및 이해하는 데 어떻게 도움이 되는지 알아보세요.

Tip

Visual Studio가 없는 경우 Visual Studio 다운로드로 이동하여 무료로 설치하세요.

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

이 문서에서는 사용자가 프로그래밍 언어에 이미 익숙하다고 가정합니다. 그렇지 않은 경우 먼저 프로그래밍 빠른 시작 중 하나를 살펴보는 것이 좋습니다. 예를 들어 Python 사용하여 웹앱을 만들거나 C# Visual Basic 또는 C++ 콘솔 앱을 만드는 것이 좋습니다.

Prerequisites

새 코드 파일 만들기

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

  1. Visual Studio를 엽니다. Esc 누르거나 시작 창에서 코드 없이 계속을 선택하여 개발 환경을 엽니다.

  2. 메뉴 모음의 파일 메뉴에서 >파일을 선택합니다.

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

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

    Visual Studio의 C# 코드 파일 스크린샷

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

  2. 메뉴 모음의 파일 메뉴에서 >파일을 선택하거나 Ctrl+N 키를 선택합니다.

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

    편집기에서 기본 C# 클래스 구조의 새 파일이 열립니다.

    Visual Studio 2022의 C# 코드 파일 스크린샷

GitHub Copilot 사용

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

GitHub Copilot 사용해 보기

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

  1. 파일의 마지막 닫는 중괄호 } 바로 아래에 커서를 놓습니다.

  2. 자연어 주석을 입력합니다. // Add a method to add two numbers입력합니다.

  3. GitHub Copilot는 코드 제안을 생성합니다. 제안된 구현은 회색 텍스트로 표시됩니다.

  4. 제안을 수락하려면 Tab선택합니다.

    사용자 주석에 대해 GitHub Copilot에서 생성한 코드 제안을 보여 주는 애니메이션 스크린샷

코필로트 채팅을 사용하여 코딩 관련 질문을 프롬프트로 제출해 보겠습니다.

  1. IDE의 오른쪽 위 모서리에서 GitHub Copilot 배지를 선택합니다.

  2. 드롭다운에서 채팅 창 열기 선택합니다.

  3. 채팅 창에 다음 프롬프트를 입력합니다.

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. 부조종사 채팅은 프롬프트에 대한 응답으로 샘플 코드를 생성합니다.

GitHub Copilot는 AI를 통해 구동되므로 놀라움과 실수가 가능합니다. 자세한 내용은 GitHub Copilot FAQ를 참조하세요.

Visual Studio GitHub Copilot를 시작합니다.

코드 조각 사용

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

이제 파일에 C# void Main 코드 조각을 추가합니다.

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

    svm 코드 조각에 대한 정보가 포함된 팝업 대화 상자가 나타납니다.

    Visual Studio의 코드 조각에 대한 IntelliSense 팝업 스크린샷

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

    static void Main() 메서드 서명이 파일에 추가됩니다.

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

C# 코드 조각 목록에 대한 IntelliSense 팝업 스크린샷

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

    svm 코드 조각에 대한 정보가 포함된 팝업 대화 상자가 나타납니다.

    Visual Studio 2022의 코드 조각에 대한 IntelliSense 팝업 스크린샷

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

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

사용 가능한 코드 조각은 프로그래밍 언어에 따라 다릅니다. 언어에 사용 가능한 코드 조각을 보려면IntelliSense>삽입 코드 조각 >으로 이동하거나 Ctrl+, Ctrl+X 키를 선택한 다음 프로그래밍 언어의 폴더를 선택합니다. C#의 경우 코드 조각 목록은 다음과 같습니다.

C# 코드 조각 목록에 대한 IntelliSense 팝업 스크린샷

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

코드 주석 처리

Visual Studio의 메뉴 모음 아래에 있는 단추 행인 도구 모음은 코딩할 때 생산성을 높이는 데 도움이 될 수 있습니다. 예를 들어 IntelliSense 완성 모드를 전환할 수 있습니다(IntelliSense는 일치하는 메서드 목록을 표시하는 코딩 지원입니다.), 줄 들여쓰기를 늘리거나 줄이거나, 컴파일하지 않으려는 코드를 주석으로 처리할 수 있습니다. 이 섹션에서는 일부 코드를 주석으로 처리합니다.

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 +누른 Ctrl+C누릅니다.

    Visual Studio의 편집기 도구 모음에 있는 주석 처리 단추 스크린샷

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

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

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+, Ctrl+C를 선택합니다.

    Visual Studio 2022의 텍스트 편집기 도구 모음에 있는 주석 처리 단추 스크린샷

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

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

    Visual Studio 2022의 텍스트 편집기 도구 모음에 있는 주석 제거 단추 스크린샷

코드 블록 축소

대해 생성된 빈 Class1 보고 싶지 않으므로 코드 보기를 정리하기 위해 코드를 축소해 보겠습니다. 생성자의 첫 번째 줄 여백에 빼기 기호가 있는 작은 회색 상자를 선택합니다. 또는 키보드를 사용하려는 경우 생성자 코드의 아무 곳에나 커서를 놓고 Ctrl +Ctrl+누릅니다.

Visual Studio의 텍스트 편집기 도구 모음에 있는 개요 축소 단추 스크린샷

코드 블록은 첫 번째 줄로 축소된 다음 줄임표(...)로 축소됩니다. 코드 블록을 다시 확장하려면 이제 더하기 기호가 있는 회색 상자를 클릭하거나 Ctrl +M또는 Ctrl+M를 누릅니다. 이 기능은 개요 호출되며 긴 메서드 또는 전체 클래스를 축소할 때 특히 유용합니다.

생성된 빈 생성자를 표시하지 않으려면, Class1를 축소하여 코드 보기를 정리할 수 있습니다. 생성자의 첫 번째 줄 여백에서 캐럿(^) 기호를 선택합니다. 또는 키보드를 사용하려는 경우 생성자 코드의 아무 곳에나 커서를 놓고 Ctrl +Ctrl+ 키를선택합니다.

텍스트 편집기 도구 모음에 있는 윤곽 축소 단추의 스크린샷

코드 블록은 첫 번째 줄로 축소된 다음 줄임표(...)로 축소됩니다. 코드 블록을 다시 확장하려면 캐리트 기호(>)를 선택하거나 CtrlM, ++을 다시 선택합니다. 이 기능은 개요 호출되며 긴 메서드 또는 전체 클래스를 축소할 때 특히 유용합니다.

기호 정의 보기

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

  1. 오른쪽 클릭을 통해 string 요소를 선택하고, 콘텐츠 메뉴에서 정의 미리보기를 선택합니다. 또는 Alt +누릅니다.

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

    Visual Studio의 정의 참조 창 스크린샷

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

Visual Studio 편집기를 사용하면 형식, 메서드 또는 변수의 정의를 쉽게 검사할 수 있습니다. 파일이 무엇이든 정의로 이동을 선택하거나, 기호가 참조된 곳에서 F12 키를 눌러 정의로 이동하는 방법이 있습니다. 작업 중인 코드에서 포커스를 이동하지 않고 빠르게 작업하는 방법으로는 Peek Definition기능을 사용하는 것이 있습니다.

string 형식의 정의를 살펴보겠습니다.

  1. 오른쪽 클릭을 통해 string 요소를 선택하고, 콘텐츠 메뉴에서 정의 미리보기를 선택합니다. 또는 Alt+F12 키를 선택합니다.

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

    Visual Studio의 정의 미리 보기 창 스크린샷

  2. 팝업 창의 오른쪽 위에 있는 "x"가 표시된 작은 상자를 선택하여 정의 미리보기 창을 닫습니다.

IntelliSense를 사용하여 단어 완성

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

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

    foreach (string str in qu
    

    IntelliSense가 기호에 대한 빠른 정보 query을(를) 보여줍니다.

    Visual Studio의 IntelliSense 단어 완성 팝업 스크린샷

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

  3. 다음 코드처럼 보이도록 코드 블록을 마칩니다. cw 입력한 다음 Tab 두 번 눌러 코드 조각을 다시 사용하여 Console.WriteLine 코드를 생성하는 방법을 연습할 수도 있습니다.

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

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

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

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

    foreach (string str in qu
    

    query 기호에 대한 정보와 함께 IntelliSense 팝업이 표시됩니다.

    Visual Studio 2022의 IntelliSense 단어 완성 팝업 스크린샷

    Copilot 구독이 있는 GitHub 계정으로 로그인한 경우 코드 제안도 회색 텍스트로 표시됩니다.

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

  3. 다음 코드처럼 보이도록 코드 블록을 마칩니다. cw 입력한 다음 Tab 두 번 선택하여 Console.WriteLine 문을 생성하여 코드 조각을 더 연습할 수 있습니다.

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

이름 리팩터링

처음에는 아무도 코드를 제대로 가져오지 않으며, 변경해야 할 수 있는 것 중 하나는 변수 또는 메서드의 이름입니다. Visual Studio의 리팩터링 기능을 사용하여 _words 변수를 words으로 이름을 변경해 봅시다.

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

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

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

    Visual Studio의 이름 바꾸기 대화 상자 스크린샷

  3. Enter 키를 누릅니다.

    두 번의 words의 이름이 모두 바뀌었으며, 코드 주석에서 words에 대한 참조도 변경되었습니다.

처음에는 아무도 코드를 제대로 가져오지 않으며, 변경해야 할 수 있는 것 중 하나는 변수 또는 메서드의 이름입니다. Visual Studio의 리팩터링 기능을 사용하여 someWords 변수를 unsortedWords으로 이름을 변경해 봅시다.

  1. 커서를 someWords 변수의 정의 위에 놓고 오른쪽 클릭하거나 상황에 맞는 메뉴에서 이름 바꾸기를 선택하거나 F2 키를 눌러 보세요.

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

    Visual Studio 2022 편집기 내의 이름 바꾸기 팝업 상자 스크린샷

  2. 원하는 이름을 정렬되지 않은 단어입력합니다. unsortedWords 할당문에서 query에 대한 참조도 자동으로 이름이 변경됩니다. Enter 키를 선택하기 전에, 이름 바꾸기 팝업 상자에서 메모 포함 확인란을 선택합니다.

    Visual Studio 2022의 이름 바꾸기 팝업 상자 스크린샷

  3. 엔터 키를 선택합니다.

    코드에서 발생한 someWords의 이름이 모두 변경되었으며, 코드 주석의 someWords 텍스트도 변경되었습니다.

다음 단계

프로젝트 및 솔루션 대해 알아보기

참고하십시오