요즘 인기가 있는 바이브 코딩!
코딩을 전혀 할 줄 모르는 사람들도 바이브 코딩으로 게임을 만들기도 하지요.
코딩을 위해서 사용했던 VScode라는 도구에 더욱 편리한 AI 도구들을 결합하는 것이 핵심인데…
AI가 실시간으로 내 파일 구조를 확인하고, 각 파일의 내용을 읽고, 코드를 개선하고…
이 작업들을 유동적으로 하기 위해서는 세팅이 중요할 것 같습니다.
바로 시작하죠.
VScode를 열고 좌측 메뉴에서 확장 아이콘을 클릭합니다.
검색창에 GitHub Copilot을 입력한 후, 나타난 결과에서 GitHub Copilot을 선택하고 설치(Install) 버튼을 클릭합니다.
활성화를 하면 위와 같은 창이 나타납니다.
여기에 본인의 GitHub 계정으로 로그인을 합니다.
계정에 로그인을 하면 다음과 같이 Copilot 이용창이 구성이 됩니다.
지금 초점이 맞춰진 파일이 표시가 됩니다.
# 이 파일에서 JSON 구조를 검증하는 코드 작성해줘
위와 같은 Prompt를 하면 현재 코드를 참조하여 새로운 코드를 작성해주는 거죠.
단순히 VScode 에서 Copilot 만 써도 좋지만…
저는 더 다양한 AI 툴을 이용할 계획입니다.
Cursor AI 의 경우는 파일 구조들도 알고 있기 때문에 프로젝트를 설계하는 것이 좋다고 하더군요.
Cursor AI를 통해서 프로젝트 구조 설계 등을 하고
특정 파일에 대한 자세한 설계를 받기 위해서 CoPilot 사용하는 식으로 하려 합니다.
위 버튼을 통해 이동해서 다운로드를 받아주세요!
다운로드 이후에 기본적인 설정을 마칩시다.
그럼 자동으로 Cusor AI가 실행이 됩니다.
위와 같이 VScode를 베이스로 해서 Cursor AI가 실행된 환경입니다.
이제 2개의 AI 환경을 이용한 바이브 코딩 세팅이 완료 되었습니다.
다음에도 또 비루한 주제를 가지고 포스팅을 해보겠습니다.
여기까지 봐주신 분들 정말 감사합니다.^^