초보자를위한 Github : Github Copilot과 코드 검토 및 리팩토링

Github Copilot의 세계로 뛰어 들어가는 Github for Beginners 시리즈의 다음 에피소드에 오신 것을 환영합니다. 이것은 우리의 8 번째이자 마지막 에피소드이며, 그것은 꽤 여행이었습니다. 우리는 Github Copilot의 힘을 보여주는 다양한 주제를 다루었으며 블로그 또는 비디오에서 이전 에피소드를 모두 확인할 수 있습니다.

오늘 우리는 코드 검토의 중요한 단계를 다루고 있습니다. 이를 통해 버그를 잡고 코드 품질을 개선하며 일관성을 보장 할 수 있습니다. 또한 기능을 변경하지 않고 기존 코드를 파괴하는 리팩토링 코드에 대해서도 이야기하겠습니다. 이것은 나중에 그것을 이해해야하는 사람들에게 더 효율적이거나 읽을 수있게 해줄 수 있습니다 (그 자체로도).

모든 개발 프로젝트에서는 깨끗하고 효율적인 코드베이스를 유지하는 것이 미래의 작업을보다 쉽게하기 위해 중요합니다. 그러나 실제로는 일을하는 데 집중할 때 상황이 빨리 지저분해질 수 있습니다. 그것이 Copilot이 유용 할 수있는 곳입니다. 코드 작성에 도움이 될뿐만 아니라 검토 및 리팩토링 프로세스를 더 부드럽고 효율적으로 만듭니다.

리팩토링 코드

길고 이해하기 어려운 기능이 있다고 가정 해 봅시다. 리팩토링 코드를 사용하면 이해하기 쉽고 그 조각을 쉽게 이해할 수 없도록 할 수 있습니다.

이 리팩토링 작업에 도움이되는 Github Copilot을 사용하려면 Coplot Chat을 열고 다음을 수행하십시오.

1. 코드 편집기에서 리팩터링하려는 기능을 강조 표시하십시오.
2. Copilot Chat에서 프롬프트를 보내십시오 please provide refactoring suggestions.
3. Copilot이 제안한 변경 사항을 검토하십시오. 코드를 작은 조각으로 나누거나 더 나은 성능을 위해 논리를 최적화 할 수 있습니다. 이름 지정 규칙과 일치하도록 변수 이름을 업데이트 할 수도 있습니다.
4. 제안 된 변경 사항이 편한 후에는 클릭하십시오 편집기에 적용하십시오 버튼 변경 사항을 적용하고 Copilot이 파일을 자동으로 업데이트하도록합니다.

이것은 작은 변화에 적합하지만 거기서 멈출 이유는 없습니다. 이것은 코드의 특정 영역에 Coplelot의 관심을 집중하려는 경우입니다. 전체 파일 또는 프로젝트를 살펴볼 수도 있습니다. 예를 들어이 대시 보드 구성 요소를 살펴보십시오. 개선하고 싶다고 가정 해 봅시다.

그렇게하려면 편집자의 구성 요소를 열고 Coplot Chat을 다음과 같은 프롬프트합니다.

How can I improve this code?

그런 다음 Copilot은 코드를 개선 할 수있는 방법에 대한 몇 가지 제안을합니다. 이러한 제안을 검토하고 Copilot에게 각 단계를 자세히 설명하도록 요청할 수도 있습니다. 완료되면 클릭하십시오 편집기에 적용하십시오 Copilot이 필요한 버튼이 필요한 변경을합니다.

이것을 실제로 보려면이 에피소드의 비디오 버전을 확인하십시오. Copilot은 생성 AI 도구이므로 비디오의 제안이 정확히 일치하지 않을 수 있습니다.

구체적이고 직접적인 질문을함으로써 이것을 한 단계 더 발전시킬 수 있습니다. 예를 들어, 사용자 정의 후크를 만들고 논리를 중앙 집중화하여 데이터 페치 로직을 구성 요소에서 재사용 할 수있게 만들 수 있습니다. 이렇게하려면 새로운 채팅 대화를 만들고 다음을 물어보십시오.

How can I extract the data fetching logic into a custom hook?

Copilot은 대시 보드 구성 요소에서 로직을 앱의 여러 구성 요소에서 사용할 수있는 새로운 후크 디렉토리로 추출 할 수있는 리팩토링 된 코드를 생성합니다. 이것은 훨씬 더 재사용 가능합니다! 이것을 따르기 위해 :

1. 선택하여 새 파일의 변경 사항을 저장하십시오 … > 새 파일에 삽입하십시오.
2. 후크를 대시 보드 파일로 가져옵니다.
3. 이전 코드를 제거하십시오.

Copilot을 살펴보고 파일에 중복 코드가 없는지 확인하려면 어떻게해야합니까? 그냥 물어보세요.

Is there any redundant code in this file?

Colecilot은 코드를 스캔하고 수정할 수있는 중복성을 식별합니다. 제안을 검토 한 후에는 코드를 조여서 약간 더 깨끗하게 만듭니다.

GitHub Copilot으로 코드를 검토하고 리팩토링하는 것은 수행 한 작업에 대한 초기 개요를 수행하는 좋은 방법입니다. 또한 성능 향상 제안, 기능을보다 모듈화하는 방법, 주석을 추가하거나 업그레이드 구문을보다 현대적으로 만드는 방법에 대해서는 Copilot에게 요청할 수 있습니다. 질문을 생각할 수 있다면 Copilot에게 물어보고 그것이 무엇을 할 수 있는지 확인하십시오.

github.com의 코드 검토

적절한 액세스 권한이있는 경우 github.com에서 Github Copilot 코드 리뷰를 직접 가져와 프로세스를 더욱 매끄럽게 만들 수 있습니다. 먼저 풀 요청을 엽니 다. 오른쪽 상단 코너의 “검토 자”섹션 아래에서 부조종사 가능한 검토 자로 등재되었습니다. 딸깍 하는 소리 요구 Copilot이 코드를 검토하도록하십시오.

Coplelot이 검토를 완료하면 풀 요청을 아래로 스크롤하여 제안한 제안을 확인하십시오. Copilot은 항상 a를 떠난다는 점에 유의해야합니다 논평 검토하고 절대 승인하다 또는 요청 변경 검토. 이는 Copilot의 리뷰가 필요하지 않거나 블록 합병되지 않을 것임을 의미합니다.

Copilot의 제안을 수락하려면 클릭하십시오 제안을 저질렀습니다 특정 제안의 맨 아래에서 통합하고자합니다. 이것은 상황에 맞는 메뉴를 끌어냅니다. 딸깍 하는 소리 변경 사항을 커밋합니다 그리고 Github는 해당 변경으로 풀 요청을 업데이트합니다.

클릭하여 몇 가지 제안 된 변경 사항을 배치 할 수도 있습니다. 배치에 추가하십시오 개별 제안 아래 버튼으로 하나의 변경으로 가져옵니다.

제안을 통합하고 변경 한 후에는 Copilot의 이름 옆의 “리뷰어”상자에서 원형 화살표를 클릭하여 Copilot에서 다른 리뷰를 요청할 수 있습니다.

Colecilot Code Review를 사용하면 팀에 최종 코드 검토를 요청하기 전에 Copilot이 코드를 예비 검토를 수행하도록 할 수 있습니다.

주요 구성 요소 및 제한

코드 검토 및 리팩토링에 Coplot을 사용하는 주요 구성 요소는 5 가지 영역으로 분류 될 수 있습니다.

• 자동화 된 제안 : Copilot은 코드를 검토 할 때 개선 및 최적화를 제안합니다.
• 일관성 검사 : Colecilot은 귀하의 기능에 대한 일관된 명명 규칙 및 구조를 제안함으로써 코딩 표준을 유지하는 데 도움이됩니다.
• 리팩토링 지원 : Copilot은 복잡한 기능을 단순화하거나 코드베이스를 재구성하든 실행 가능한 리팩토링 제안을 제공합니다.
• 오류 감지 : Colecilot은 구축 중에 놓친 잠재적 인 버그 또는 비 효율성을 발견 할 수 있습니다.
• 의견 지원 : Copilot은 코드에서 명확한 의견을 생성하여 다른 사람들을 쉽게 이해할 수 있도록 도와줍니다.

Github Copilot은 많은 일을 할 수 있지만, 당신이 파일럿이라는 것을 명심해야하며, 우리는 이유가 있기 때문에 그것을 Copilot이라고 부릅니다. 강력한 도구이지만 몇 가지 제한 사항이 있습니다. 무엇보다도, 그것은 당신이 제공하는 맥락에 의존하므로 명확하지 않거나 문서화되지 않은 코드는 효과적인 제안을 덜 이끌어 낼 수 있습니다.

또한 Copilot은 많은 문제를 포착 할 수 있지만 철저한 인간 검토를 대신 할 수는 없습니다. 프로젝트의 목표 및 표준, 조직 정책에 맞는지 확인하기 위해 항상 제안을 두 번 확인하십시오.

다음 단계

Github Copilot은 코드 검토 및 리팩토링을위한 귀중한 보조원입니다. 깨끗하고 효율적이며 일관된 코드를 유지하여 시간을 절약하고 오류를 줄이는 데 도움이됩니다. Copilot을 워크 플로에 통합하면 훌륭한 기능을 구축하는 데 더 집중할 수 있으며 코드 유지 보수의 끔찍한 측면에 덜 집중할 수 있습니다.

Colecilot을 사용하여 코드 검토 및 리팩토링에 도움이 되려면 다음과 같은 링크가 있습니다.

Github Copilot을 무료로 사용할 수 있다는 것을 잊지 마십시오! 궁금한 점이 있으시면 Github 커뮤니티 스레드에서 팝업하면 응답하겠습니다. 초보자를위한 이번 시즌 Github에 우리와 함께 해주셔서 감사합니다! 아직 이전 에피소드를 확인하는 것을 잊지 마십시오.

행복한 코딩!

작성자가 작성했습니다

Kedasha는 Github의 개발자 옹호자로서 더 넓은 개발자 커뮤니티와 배운 교훈을 공유하는 것을 즐깁니다. 그녀는 다른 사람들이 기술 산업에 대해 배우도록 돕고 소프트웨어 개발자로서의 경험을 공유하는 것을 좋아합니다. 그녀의 온라인 @itsthatladydev를 찾으십시오.