도대체 왜 개발자들은 돈까지 써가며 깃헙 코파일럿을 사용할까?

개발

송스 2024. 6. 17. 17:37

같이 일하는 개발자 분이 코파일럿을 사용한 뒤로 생산성이 어마어마하게 올랐다고 사용하길 강력 추천해주셨습니다.

그 전까지는 ChatGPT 만으로도 충분하다고 생각했기 때문에 코파일럿을 사용할 생각은 하지 않았습니다.

그렇지만 강력 추천을 받았기에 그 이후로 코파일럿을 사용하려고 마음 먹고 이것저것 코파일럿에 대해 찾아보았습니다.

코파일럿은 개발할 때 정말 편리한 도구더군요.

저는 VS code를 사용하기 때문에 VS code에서 코파일럿을 어떻게 활용하는 지 보여드리면서 설명하겠습니다.

함수의 이름과 변수만 입력하면 그에 맞는 코드를 자동으로 제안해줍니다. 정말 편리하게 코딩을 할 수가 있습니다.

주석으로 내가 만들 코드를 설명하면 코드를 생성해줍니다.

// 곱셈, 덧셈, 나눗셈, 뺄셈, 로그, 제곱을 할 수 있는 계산기 함수를 만들어줘.

위처럼 주석처리한 자연어로 함수를 설명하고 드래그 하면 아래처럼 아이콘이 나타납니다.

아이콘을 누르면 다음과 같은 화면이 나옵니다.

여기서 Modify using Copilot을 선택하고 코드를 만들어 달라고 합니다.

그러면 아래와 같이 코드를 자동으로 생성해 입력해줍니다. Accept 버튼을 누르면 코드가 들어갑니다.

정말 편리하게 코드를 짤 수 있습니다. ChatGPT에서 설명하고 복사하고 붙여넣기를 하는 것보다 내 개발환경에서 그대로 코드를 짜서 입력할 수 있는게 정말 개발 경험을 만족시켜줍니다.

다음은 정말 놀라운 기능을 소개해 드릴게요.

웹개발을 위해서 자바스크립트와 html, css 파일을 만들었다고 가정하겠습니다. 코파일럿은 이 세개의 파일을 동시에 살펴보고 코드 오류를 수정해줄 수 있습니다.

코파일럿을 VS code에 설치하면 왼쪽에 채팅하는 아이콘이 생깁니다. 이것을 클릭하면 코파일럿과 대화하며 코드를 작성할 수 있습니다.

우선 웹앱을 개발하기 위해 아래와 같은 파일들이 있다고 가정합니다.

채팅창에 @workspace를 입력하고 그 뒤에 index.html에 자바스크립트와 css 파일을 연결해주는 html을 작성해달라고 합니다.

제가 css 파일 이름과 js 파일 이름을 입력하지 않았는데도 맞는 파일 이름들을 html에 넣어서 작성해줬습니다. 이런식으로 제 workspace에 있는 파일들을 한꺼번에 읽어서 코드를 작성해줍니다.

예시를 더 보겠습니다.

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<div>

<h1 class="react" style="color: red;">React App</h1>

</div>

</body>

</html>

위와 같이 h1 부분에 글씨 색깔이 빨갛게 되도록 스타일이 들어가 있는 html이 있습니다.

스타일은 html보다는 css 파일에 있는게 더 알맞기 때문에 css에 작성하도록 고쳐보겠습니다.

위와 같이 작성해주네요. 위는 쉬운 예시를 들었지만 나름 복잡한 코드들도 코파일럿으로 해석할 수 있습니다.

코파일럿은 한 달에 10달러로 사용할 수 있습니다. 첫 달은 무료로 사용할 수 있게 해주네요.

코파일럿이 궁금하시면 한 달 써보고 사용할 지 결정하면 됩니다.

사용하시려면 깃허브 계정이 있어야 합니다.

아래에 깃헙 코파이럿 링크 첨부합니다. 직접 사용해보세요!