Github과 Copilot설정 방법

slide: https://hackmd.io/@hpmsmt/github-copilot-setup

• AI 코딩 툴인 Copilot을 개발팀에 도입하고자 검토중입니다.

• 먼저 소수의 인원으로 사용테스트해보고 결과가 좋으면 적극적으로 확산할까 합니다.

• 많은 도움 부탁드립니다.

주의사항 : 회사 규정에 따라 보안 관련 유의해야 하니 꼭 설명을 따라주시기 바랍니다

---

Copilot?

• 마이크로소프트 깃헙에서 만든 AI 코딩 툴
• 링크
• 관련 영상

---

유의 사항

• 회사의 보안 정책상 매우 주의가 필요합니다.
• 그래서 조금 빡세게 관리하고자 하니 하기 내용들을 꼭 따라주세요.

---

환경설정 1. Github 가입

• Github에 가입합니다. 참고 블로그

유의사항

• 기존에 개인 계정이 있던 분이라도 새로 가입해 주세요
• 가입시 이메일과 아이디는 회사 이메일과 아이디로 가입해주세요
• 이 계정으로는 Copilot만 사용하고 깃헙은 사용하지 말아주세요
• 깃헙 저장소를 만들고 싶으신 분은 저에게 알려주세요. 임의로 저장소 생성 금지합니다.
• 정기적으로 계정 활동을 체크하도록 하겠습니다.

---

환경설정 2. 코파일럿 가입

• Github 로그인후 Copilot 링크 접속 링크
• 'Start my free trial' 클릭
• Monthly plan 선택후 초록 버튼 클릭
  • 60일간 무료이고 이후에는 1달에 10$입니다. 법인카드로 회사에서 지원됩니다.
• 'Confirm your payment details' 화면에서 정보입력하고 초록 버튼 클릭 (아래 참조)
  • First name : HYUNGGUN
  • Last name : LEE
  • Address (P.O. box, company name, c/o) : Hanwha Presicion Machinary
  • Address line 2 (Apartment, suite, unit) : 6, Panguo-ro 319Beun-gil, Bundang-gu
  • City : Sungnam
  • Postal/Zip code : 13488
  • Country/Region : Korea, South
  • State/Province : Gyeonggi-do
• 'Confirm your payment details' 화면에서 신용카드 정보 입력후 녹색버튼 클릭
  • 반드시 법인카드를 입력하세요
• 최종적으로 Submit 클릭하면 가입완료입니다. 중요한 설정이 남았으니 아래페이지 꼭 보세요!

---

환경 설정 3. 중요한 설정

• 아래 화면에서 'Suggestions matching public code'의 Select option을 눌러 Block으로 설정합니다.
  • 이걸 Allow로 하면 다른 사람 코드를 그대로 제안받게 되어 오픈소스 침해우려가 있습니다. 꼭 Block으로 설정합시다.
• 'Allow GitHub to use my code snippets for product improvements' 를 해제합니다.
  • 이걸 체크한채로 놔두면 깃헙이 내 코드를 가져갑니다. 꼭 해제해야 합니다.

---

환경 설정 4. 에디터 익스텐션 설치

• 이제 Copilot 가입이 완료되었습니다. 익스텐션 설치 화면이 나옵니다.
• 지원하는 에디터는 4가지 입니다.
  1. Visual Studio Code
  2. Visual Studio
     • Visual Studio는 2022 Ver17.2 이상이 설치되어 있어야합니다.
  3. JetBrains
  4. Neovim
     • NeoVim은 Neovim 및 Node.js Ver17 이하가 설치되어 있어야합니다.
• 본인이 사용하는 에디터를 눌러서 설명에 따라 익스텐션을 설치합니다.

---

환경 설정 5. 사용해보기

• 제가 Visual Studio Code밖에 안써봐서 이것만 설명드립니다. 다른거 해보신 분은 여기에 내용을 올려주시면 감사하겠습니다!

• 에디터 실행하면 깃헙 로그인을 요구합니다. 로그인합니다.

• 'self-signed …'하는 에러가 발생하는 경우에는 Win-CA라는 익스텐션을 설치하고 옵션의 Inject를 append로 설정후 재시작합니다. (이부분 잘 안되면 박형근에게 물어보세요)

  • 참고 : https://stackoverflow.com/questions/71367058/self-signed-certificate-in-certificate-chain-on-github-copilot

• 우하단에 하기 아이콘이 나오면 이제 사용가능합니다.

  • 끄고 싶으면 아이콘 클릭하면 비활성화 됩니다.

• test.js라는 파일을 만들고 아래와 같이 주석을 입력해봅니다.

// Calculate dates

• 주석을 입력하거나, 함수 이름을 적으면 내용을 제안해 줍니다. 제안을 수락하려면 tab을 누르면 됩니다.
• 아래 명령어만 기억하면 됩니다.
  • TAB : 제안 수락
  • ESC : 제안 취소
  • ALT+Enter : 별도 창에 10개 제안 보여주기
  • Copilot 비활성화 하기 : 하단 아이콘 클릭
• 더 자세한 사용방안은 하기 링크 참고하세요.
  • https://docs.github.com/en/copilot/getting-started-with-github-copilot/getting-started-with-github-copilot-in-visual-studio-code

---

완료

• 이제 업무에 사용해 보시고 한달쯤 후에 사용소감을 알려주세요.
• 처음에는 익숙치 않아 불편할 수 있습니다. 그래도 가능한 활용해 봐 주세요.

---

의견

• 의견 있으면 여기에 적어주세요.
  • Edit 버튼을 누르면 이 문서를 수정할 수 있습니다.
• 문서가 잘못된 부분있으면 수정해주시면 감사하겠습니다.

감사합니다

---