다음을 통해 공유


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

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 프로젝트를 만들 필요가 없습니다. 코드 파일만 있으면 됩니다.)

    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에서 생성한 코드 제안을 보여 주는 애니메이션 스크린샷

Visual Studio GitHub Copilot를 시작합니다. Visual Studio 2022 버전 17.8 이상이 필요합니다.

코드 조각 사용

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+K, 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 +K누른 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 +KCtrl+C선택합니다.

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

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

    줄의 주석 처리를 제거하려면 먼저 해당 줄을 선택한 다음, 텍스트 편집기 도구 모음에서 선택한 줄 주석 해제 버튼을 클릭하세요. 키보드를 사용하려면 Ctrl +KCtrl+U선택합니다.

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

코드 블록 축소

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

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

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

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

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

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

기호 정의 보기

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

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

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

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

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

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

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

  1. string 발생을 마우스 오른쪽 단추로 클릭하고 콘텐츠 메뉴에서 정의 보기를 선택합니다. 또는 Alt+F12 키를 선택합니다.

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

    Visual Studio 2022의 피크 정의 창 스크린샷

  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 단어 완성 팝업 스크린샷

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

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

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

이름 리팩터링

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

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

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

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

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

  3. 을(를) 누르고을(를) 입력합니다.

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

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

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

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

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

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

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

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

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

다음 단계

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

참조