GitHub Copilot 코드에 대한 피드백 받기

코드 변경 내용을 검토하고 제안된 변경 내용을 적용하도록 요청하는 GitHub Copilot 방법을 알아봅니다.

Learn to code with GitHub Copilot

전체 10개 중 7번째 문서
다음:안전하게 비밀 저장

이 기사에서

협업 코딩 정보

다른 GitHub사용자와 함께 작업하는 경우 일반적으로 주 프로젝트의 분기 또는 포크에서 변경한 다음 끌어오기 요청으로 제출합니다. 끌어오기 요청은 원본 코드와 변경 내용의 차이점을 보여 주며, 리포지토리 관리자에게 코드 변경을 프로젝트에 병합하도록 초대합니다.

다른 사용자의 끌어오기 요청에 대한 피드백을 받는 것은 소프트웨어 개발 프로세스에서 매우 중요한 부분입니다. 끌어오기 요청 검토는 작업 중인 특정 코드를 개선할 뿐만 아니라, 시간이 지남에 따라 코딩 및 협업 기술을 향상시킵니다. 특히 코딩을 배우고 있을 때 피드백을 요청할 사람이 항상 있는 건 아닐 수도 있습니다. 이러한 경우에 GitHub Copilot에서 대신 피드백과 모든 이점을 얻을 수 있습니다.

끌어오기 요청은 제안 중인 변경 내용을 다른 사람에게 표시하고 피드백을 받을 수 있는 협업 공간입니다. Copilot 검토를 요청하는 경우 개발 팀과 작업할 때 사용하는 것과 동일한 프로세스를 학습하게 됩니다. Copilot 함께 인간 동료의 검토를 요청하는 것이 유일한 차이점입니다.

참고

          Copilot 코드 검토

          GitHub 웹 사이트에서는 프리미엄 기능이며, Copilot Pro, Copilot Pro+, 코파일럿 사업, Copilot Enterprise 플랜과 함께 사용할 수 있습니다. 사용이 Copilot 코드 검토 할당량에 미치는 영향에 대한 자세한 내용은 [AUTOTITLE](/copilot/concepts/agents/code-review#code-review-monthly-quota)을 참조하세요. 학생인 경우 무료로 '프리미엄 기능'에 액세스할 Copilot수 있습니다. [AUTOTITLE](/copilot/how-tos/copilot-on-github/set-up-copilot/enable-copilot/set-up-for-students)을 참조하세요.

1. 연습 리포지토리 만들기

이 연습에서는 기존 코드가 있는 샘플 리포지토리를 사용합니다. 샘플 리포지토리는 new2code/grid-toy로, 색상이 변하는 사각형 그리드를 표시하는 작은 HTML 및 JavaScript 프로젝트입니다. GitHub Pages 사이트이며 원본 버전은 https://new2code.github.io/grid-toy에서 볼 수 있습니다.

          `grid-toy` 리포지토리의 사본을 직접 만들어 시작하세요.

1. 새 리포지토리 페이지로 이동합니다. 이 링크를 클릭하면 new2code 계정의 템플릿이 미리 선택됩니다.

  1. "Owner"에서 사용자 계정을 선택합니다.
  2. "Repository name" 필드에 "grid-toy"를 입력하세요.
  3.        **Create repository**(리포지토리 만들기)를 클릭합니다.

2. 변경하기

다음으로 JavaScript 파일을 변경합니다.

  1. 새 리포지토리의 파일 목록에서 script.js 를 클릭합니다.

  2. JavaScript 파일을 편집하려면 오른쪽 위에서 을 클릭합니다 .

  3. 행 25에 아래의 코드를 추가합니다.

    JavaScript
    if (Math.random() < INVERT_PROBABILITY) {
   cell.classes.add("black");
}

    이 변경은 페이지가 로드될 때 일부 그리드 사각형을 임의로 검은색으로 설정합니다. 피드백을 GitHub Copilot에서 트리거하도록 하기 위해 의도적으로 발생시킨 오류가 있습니다. 올바른 속성은 실제로 .classList이고 .classes가 아닙니다. GitHub Copilot 이 문제를 해결하는 데 도움이 됩니다.

  4. 변경 내용을 커밋하려면 오른쪽 위에서 Commit changes... 을 클릭합니다.

  5. "Commit message" 필드에 "로드 시 사각형을 무작위로 설정"를 입력합니다.

  6.        **이 커밋에 대한 새 분기를 만들고 끌어오기 요청을 시작합니다.** 를 선택합니다.

  7.        **변경 제안**을 클릭합니다.

3. 끌어오기 요청 만들기 및 검토 요청

이제 끌어오기 요청을 완료하고 검토를 요청합니다.

  1. 제목을 입력하고 필요에 따라 끌어오기 요청에 대한 설명을 입력합니다.
  2.        **Reviewers**를 클릭합니다.
    • 제안된 목록에 Copilot 나타나면 "Copilot"을 클릭합니다.
    • 그렇지 않은 경우 "Copilot" 입력을 시작한 다음 결과를 클릭합니다.
  3.        **[끌어오기 요청 만들기]** 를 클릭합니다.

귀하의 새 끌어오기 요청으로 이동합니다.

4. 제안된 변경 내용 적용

몇 분 GitHub Copilot 내에 끌어오기 요청을 검토하고 요약을 생성하며 발견된 문제에 대해 제안된 변경 내용을 만듭니다.

  1.        GitHub Copilot 의 검토가 표시되기를 기다립니다.

  2. 이러한 제안 중 하나는 .classes를 .classList로 변경하여 이전의 의도적인 오류를 수정하는 것입니다. 제안된 변경 사항 아래에서 Commit suggestion을 클릭합니다.

    GitHub Copilot에서 제안된 변경 내용의 스크린샷 "Commit suggestion" 단추가 주황색 윤곽선으로 강조 표시됩니다.

  3.        **변경 내용 커밋**을 클릭합니다.

  4.        GitHub Copilot 다른 개선 사항을 발견하고 추가 의견을 남겼을 수 있습니다. 제안된 변경 내용을 이해하면 이러한 변경 내용도 적용할 수 있습니다.

5. 병합

변경 사항에 만족한다면 풀 리퀘스트를 병합할 수 있습니다. 이렇게 하면 분기의 변경 내용이 리포지토리의 기본 분기(main)에 추가됩니다.

  1. 페이지 아래쪽에서 Merge pull request를 클릭합니다.
  2. 필요에 따라 커밋 메시지를 업데이트합니다.
  3.        **Confirm merge**를 누릅니다.

다음 단계

를 사용하여 GitHub Pages프로젝트를 게시할 수 있습니다. 이제 몇 가지 변경 내용을 적용했으므로 리포지토리 버전을 게시하여 실제로 어떻게 적용되었는지 확인할 수 있습니다. GitHub Pages 사이트의 게시 소스 구성을(를) 참조하세요.

이전GitHub Copilot 사용하여 디버그하는 학습다음안전하게 비밀 저장