VSCode + 깃허브 코파일럿

안녕하세요, 오늘도 코딩을 즐기고 계신가요?

아무리 AI가 코딩을 잘한다해도, AI에게 다 맡길 수는 없지요. 그중의 하나가 코딩이 아닐까하는 생각을 합니다. 그 때마다 "아, 이 코드 너무 복잡하다 어떻게 짜야하지? 이 버그는 어디가 잘못된거야?"라며 머리를 쥐어뜯은 적 있나요? 

그럴 때마다 우리에게 빛처럼 등장하는 친구가 있죠. 바로 GitHub Copilot! 

오늘은 VSCode에 Copilot을 설치하는 방법을 알려드릴게요. 

어렵지 않으니 걱정 마세요! 😆

---

 

설치 전, 이것만 확인하세요!

설치하기 전에 몇 가지 필수 조건이 있어요. 먼저 확인하고 가볼까요? 

1. Mac 환경: 이 가이드는 Intel Mac을 기준으로 작성되었어요. 
   ※ Windows 환경에서도 설치 방법은 같습니다.
2. VSCode 설치: VSCode가 아직 미설치라면 먼저 공식 사이트에서 다운로드해서 설치해주세요.
3. GitHub 계정 필요: Copilot은 GitHub의 계정이 있어야 사용할 수 있습니다. 아직 없으시면 GitHub 가입부터 해주세요.
4. 인터넷 연결: Copilot은 클라우드 AI 서비스라 인터넷이 필수! 

■ VSCode 확장 프로그램 설치하기

1. VSCode를 실행한 후, 왼쪽 사이드바에서 필요한 Extensions(확장)을 설치할 수 있어요. 확장 아이콘을 클릭하세요.
    빠른 방법: VSCode에서 Cmd + Shift + X를 눌러 확장 프로그램 창을 바로 열 수 있어요.

2. 검색 창에서 GitHub Copilot을 검색 후, 확장 프로그램을 선택합니다.

3. 'GitHub Copilot'과 'GitHub Copilot Chat'을 설치합니다. (제가 따라 해보니 'GitHub Copilot'을 설치하면 'GitHub Copilot Chat'도 자동으로 설치되었습니다.)

4. Install(설치) 버튼을 클릭하면 설치가 시작됩니다!

설치 버튼을 클릭해 주세요.

코파일럿 익스텐션 설치 완료 화면

• 화면 왼쪽에 깃허브 코파일럿 챗 아이콘이 표시됩니다.

• 챗 아이콘을 클릭하고, 코파일럿과 대화 좀 해 봅시다. ^^

"이 파일에 대해 설명해줘."라고 입력하면, 친절히 설명해주네요.

■ GitHub 계정과 연결하기

1. 설치가 완료되면 VSCode에서 GitHub 로그인을 요구할 거예요.
2. Sign in to GitHub 버튼을 클릭하고 GitHub 계정으로 로그인해주세요.
3. GitHub 인증 페이지가 열리면 권한을 허용해 주세요.
4. 로그인 완료 후 VSCode에서 Copilot이 활성화됩니다! 🎉

■ Copilot 활성화 및 테스트

1. VSCode에서 새 파일을 만들고 JavaScript, Python, Java 등 코드를 입력해 보세요.
2. 주석으로 // 배열을 정렬하는 함수라고 적어 보세요.
3. Copilot이 자동으로 코드를 추천해 줄 거예요! Tab 키를 눌러 자동 완성을 적용하면 됩니다. 😎

■ AI 모델을 선택할 수 있어요.

아래의 Claude 3.5 Sonnet 을 클릭해 보세요.

 

원하는 AI를 선택할 수 있어요. ^^

---

결론적으로, 이제 코딩이 더 즐겁습니다!

Copilot을 활용해서 더 빠르고 재미있게 코딩할 수 있어요!

AI가 코드를 도와주니, 마치 든든한 페어 프로그래머를 둔 느낌이죠? 😉

혹시 설치 과정에서 문제가 생기면,  GitHub Copilot 공식 문서도 참고할 수 있지만, ChatGpt, 커서 같은 다른 AI에 물어 보면 신속히 해결 할 수 있어요. 🤫

그럼, 다음에도 유용한 IT 꿀팁으로 돌아올게요! 해피 코딩!