Copilot 이란 [下] (by. 황재영 님)

Copilot Chat 사용

기본 가이드

1. VS Code에 Copilot 설치 시, Copilot Chat도 함께 설치된다.

2. 우측 상단 …을 누르면 새로운 세션을 편집기 내에서 실행할 지, 새 창으로 실행할 지 고를 수 있다.

3. 편집기 내에서 실행한 경우

4. 새 창으로 실행한 경우

5. 즐거운 질의응답!

기본 명령어

1. Copilot Chat에는 기본적으로 지원하는 명령어들이 있다.

2. /help를 이용해 알아보자

@workspace — 워크스페이스에 대해 질문합니다.

/explain — 선택한 코드의 작동 방식을 설명합니다.

/tests — 선택한 코드에 대한 단위 테스트

/fix — 선택한 코드의 문제점에 대한 수정 제안

/new — 새 워크스페이스에 대한 스캐폴드 코드 생성

/newNotebook — 새 주피터 노트북 만들기

@vscode VS 코드에 대해 질문

/api VS 코드 확장 개발 관련 문의

/search — 워크스페이스 검색을 위한 쿼리 매개변수 생성

@terminal — 터미널에서 수행하는 방법 문의

/clear — 세션 초기화

3. 해당하는 명령어를 통해 특정한 메소드, 파일별로 타입별 문의가 가능하며, 이는 질문의 정확도를 높여준다.

4. 물론 Copilot Chat 세션뿐만이 아닌, 편집기 내에서 Ctrl  I 를 눌러 나오는 UI에서도 동일한 질문이 가능하다. 원하는 메소드를 드래그 후에 /explain 입력, 한글 답변을 위 해 “한글로 설명”도 적어주었다.

5. 좌측에 새로운 Copilot Chat 세션이 시작되며, 함수의 각 구성요소 설명 및 더 나은 코드를 위한 방향 또한 제시해 준다.

새로운 초안 작성

1. AppRouter.tsx 초안 생성 시 표시되는 텍스트

2. 텍스트를 클릭하거나 Ctrl  I 를 입력시 텍스트 인풋 생성됨

3. 원하는 바를 입력

4. 약간의 로딩

5. 기본적인 코드를 작성

6. Accept를 눌러 적용할 수도 있고, 재생성도 가능

7. 사용자는 해당 코드를 기준으로 프로젝트에 적합하게 수정할 수 있음

함수 개선

1. 가장 많이 쓰일 것 같은 함수 개선 방법

2. 리팩토링 하고자 하는 함수를 드래그

3. 함수 리팩토링을 요청한다.

4. 변경점을 보여주며 리팩토링된다.

5. Accept를 눌러 적용(정상 동작 확인)

지금까지 Github Copilot의 간단 사용 방법이었습니다. Copilot을 사용하면 많은 편의성을 느낄 수 있고, 개인적으로도 작업 능률이 향상되는 것을 느낄 수 있었습니다.

Github Copilot은 만능 코드생성기가 아닌 어디까지나 조력자임을 자각하고, 생성된 코드를 스스로 리뷰해보고 파악하며 개인 역량을 높이는 것이 더욱 중요하다고 생각됩니다. 부족한 발표 시간 내어 들어주셔서 정말 감사합니다. 지금까지 황재영이었습니다.