Github 코파일럿 에이전트 vs 커서 AI: 코딩에 최적의 선택은?

채널 아이콘
Rob Shocks 구독자 11,300명

요약

본 영상은 최근 등장한 AI 코드 에디터들을 비교하며, Github 코파일럿 에이전트와 Cursor AI의 기능 차이와 사용성에 대해 분석합니다. 실제 VS Code 환경에서 to-do 리스트 프로젝트를 진행하며, 두 도구의 자동화 기능, 인터페이스, 파일 및 데이터베이스 연동 등의 세부 기능을 테스트합니다. 영상은 각 도구가 개발 프로세스에 미치는 영향과 앞으로의 발전 방향에 대해 논의합니다. 이를 통해 개발자들이 자신의 개발 환경에 맞는 최적의 도구를 선택할 수 있도록 도움을 줍니다.

주요 키워드

Github 코파일럿 에이전트 Cursor AI Composer VS Code Prisma Next.js SQLite 자동화 에이전트 인터페이스 AI 코드 편집

하이라이트

  • 🔑 Github 코파일럿 에이전트와 Cursor AI의 기본 개념과 차별화된 기능에 대해 소개합니다.
  • 🚀 자동화 에이전트를 활용하여 파일 구성, 프로젝트 설정 등 개발 작업이 효율적으로 이루어짐을 강조합니다.
  • ⚡️ VS Code, Wind Surf 등 다양한 개발 환경에서의 인터페이스와 사용자 경험이 비교됩니다.
  • 📌 실제 to-do 리스트 프로젝트 제작을 통해 각 도구의 실전 성능과 한계를 확인합니다.
  • 🌟 Prisma, SQLite 등 데이터베이스 연동 기능과 API 구현 과정도 상세히 시연됩니다.

용어 설명

Github 코파일럿 에이전트

GitHub에서 개발한 AI 기반 자율 코드 작성 및 편집 도구로, 자연어 명령을 통해 파일 생성, 수정 등의 작업을 지원합니다.

Cursor AI

개발자들을 위한 AI 코드 에디터로, 탭 기능과 Composer(또는 Cascade) 기능을 통해 코드 자동 완성 및 편집을 도와줍니다.

Composer/Cascade

코드 작성 지원 기능으로, 자연어 입력을 통해 코드 편집, 파일 생성 등의 작업을 수행할 수 있는 도구입니다.

VS Code Insiders

최신 기능이 포함된 Visual Studio Code의 베타 버전으로, 개발자들이 새로운 업데이트를 먼저 체험할 수 있습니다.

Prisma

데이터베이스와 상호 작용하기 위한 ORM 도구로, 코드와 데이터베이스 간의 연결을 쉽게 만들어 줍니다.

Next.js

React 기반의 웹 프레임워크로, 서버 사이드 렌더링 및 정적 사이트 생성을 지원하여 개발 생산성을 높여줍니다.

[00:00:00] AI 코드 에디터의 등장

다양한 AI 코드 에디터의 등장과 Cursor의 부상을 소개합니다. 빠른 개발 속도 개선 및 도구 혁신을 언급합니다.

지난 해 등장한 다양한 AI 코드 에디터들로 인해 소프트웨어 개발 속도가 크게 향상되었습니다. 특히 Cursor는 탭 기능과 컴포저로, WindSurf는 Cascade 기능으로 주목받았습니다.
이러한 AI 에이전트들은 자연어로 새로운 기능 개발, 인증 추가, 데이터베이스 연결 등을 수행할 수 있게 되었습니다.
[00:00:29] Github 코파일럿 에이전트 소개

새롭게 발표된 Github 코파일럿 에이전트의 기능과 차별점을 설명합니다. Composer와 파일 관리 기능 등 주요 요소를 강조합니다.

Copilot 팀이 최근 새로운 기능들을 출시했으며, 특히 Cursor의 컴포저와 유사한 Copilot Agent를 발표했습니다.
강력한 기능에도 불구하고 Cursor의 한계는 사용자 인터페이스에 있으며, VS Code와 WindSurf가 이 부분에서 더 나은 경험을 제공합니다.
[00:01:03] 개발 환경 설정과 프로젝트 시작

VS Code에서 작업 공간을 설정하고 to-do 리스트 프로젝트를 시작하는 과정을 시연합니다. 명령어 실행과 인터페이스 작동을 확인합니다.

간단한 할 일 목록 프로젝트를 통해 각 도구들을 비교 분석할 예정이며, VS Code의 새로운 AI 기능들을 살펴볼 것입니다.
VS Code의 AI 기능은 Claude 3.5, Gemini, GPT-4 등 다양한 모델을 지원하지만, 현재 프리뷰 버전에서는 이미지 관련 기능이 제한되어 있습니다.
GPT 4.0 의존성과 기능 제한에 대해 설명하면서, 곧 개선될 것이라 언급합니다.
GPT 3.5 모드에서 제공되는 편집과 에이전트 옵션에 대해 소개합니다.
VS Code 확장 프로그램 설치와 Next.js 프로젝트 설정을 진행합니다.
Next.js 프로젝트 기본 설정을 완료하고 개발 서버를 실행합니다.
Control + I 명령어를 통한 AI 기능 테스트와 워크스페이스 설정을 진행합니다.
Cursor와 비교하여 기능적 장단점을 분석하고, 특히 드래그 앤 드롭 기능의 우수성을 언급합니다.
[00:05:00] UI 비교 및 편집 기능

다양한 에디터 인터페이스와 파일 추가, 편집 기능을 비교 분석합니다. VS Code와 Cursor AI의 사용성을 평가합니다.

파일 관리 기능과 문서 지원 관련 한계점에 대해 설명합니다.
웹 검색과 첨부 기능의 필요성에 대해 논의하며, 이것이 다른 모델들과 관련이 있을 것이라고 언급합니다.
'get it done'이라는 투두리스트 앱의 랜딩 페이지를 만들기 시작합니다. 다크 모드와 녹색 강조색을 적용한 디자인을 요청합니다.
Cursor와 유사한 인터페이스를 가진 에디터의 기능을 살펴보며, 특히 수정사항 관리와 깔끔한 인터페이스를 긍정적으로 평가합니다.
새로운 도전과제로 메인 페이지 개발을 시작합니다. 투두리스트 기능과 SQLite 데이터베이스 통합을 계획합니다.
[00:08:00] 데이터베이스 연동 및 API 구현

Prisma와 SQLite를 활용하여 데이터베이스와 API 엔드포인트를 구현하는 과정을 시연합니다. to-do 리스트와 연동된 기능을 보여줍니다.

Cursor의 장점으로 큰 컨텍스트 처리와 파일 관리 능력을 언급하며, Prisma를 활용한 데이터베이스 설정을 시작합니다.
To-do 리스트 페이지 개발을 위해 Prisma 클라이언트 유틸리티 파일을 생성하고 테스트를 진행합니다.
랜딩 페이지에서 To-do 리스트 기능을 테스트하고 데이터베이스 저장 기능이 정상적으로 작동함을 확인했습니다.
기본적인 애플리케이션이지만 추가 조사가 필요한 흥미로운 인터페이스와 기능을 제공합니다.
최근 업데이트된 기능들 중 03 미니의 무료 사용과 SWE 에이전트 출시가 주목할 만한 변화입니다.
[00:11:00] 종합 평가 및 미래 전망

두 도구의 장단점과 향후 발전 가능성을 평가합니다. 인터페이스, 자동화 기능 및 기술 발전 방향을 논의합니다.

Microsoft의 강력한 지원을 받는 VS Code와 그 파생 버전들 간의 경쟁이 심화되고 있습니다.
VS Code와 Copilot의 통합이 자연스럽고, 모델 사용 방식의 변화가 인터페이스 변화보다 더 중요함을 강조합니다.
지난 해에 우리는
다양한 종류의 강력한
AI 코드 에디터들이 등장하는 것을
보았고, 이를 통해 소프트웨어를
훨씬 빠르게 개발할 수 있게 되었죠. Cursor는
탭 기능과 컴포저로 큰 인기를 얻었고
WindSurf에는 Cascade가 있습니다.
컴포저나 Cascade 기능을 사용하면
자율적인 에이전트가 코드 에디터에서
작동하면서 자연어로
새로운 기능을 만들거나
인증을 추가하거나 데이터베이스를 연결하는
작업을 수행할 수 있습니다. 이는
GitHub Copilot에는 없던 기능이었고
개발 속도를 늦추는 요인이었죠.
Copilot 팀은 최근 몇 주 동안
많은 새로운 기능을 출시했고
며칠 전에는
Copilot Agent를 발표했는데, 이는
Cursor의 컴포저 기능과
매우 유사하다고 합니다. 이는 자율적인
에이전트로서 파일과 디렉토리,
폴더 등을 생성할 수 있게 해줍니다.
이 영상에서는 며칠 전에
출시된 GitHub Copilot Agent를
Cursor AI 및 WindSurf와 비교해보면서
어떤 차이가 있는지 살펴보고
전환을 고려해볼 시점인지 알아보겠습니다.
이런 종류의 콘텐츠가 마음에 드신다면,
AI를 활용한 소프트웨어 개발에 대한
영상을 많이 제작하고 있으니
switchdimension.com을 방문해보세요.
거기에는 더 많은 리소스와
가입할 수 있는 커뮤니티가 있어서
코드 개발 여정을 가속화하는 데
도움이 될 것입니다. 만약
새로운 GitHub Agent가 적용된 VS Code 버전을
사용하고 싶다면 Visual Studio
Code Insiders를 방문하세요.
링크는 아래 설명란에 남겨두었고
거기서 최신 버전을 다운로드할 수 있습니다.
솔직히 말씀드리면,
VS Code로 돌아오니 정말 좋네요.
깔끔하고 단순한 인터페이스를 가지고 있고
지난 몇 년간 코드를 개발하면서
가장 많은 시간을 보낸 곳이죠.
Cursor는 정말, Cursor는 매우
강력하지만 한 가지 단점은
사용자 인터페이스가 그리 좋지 않다는 점입니다.
WindSurf나 VS Code에서
사용하는 인터페이스가 더 마음에 들어요.
이제 제가 할 일은
간단한 할 일 목록 프로젝트를
데이터베이스와 함께 설정하고
그 과정을 살펴보면서
Cursor와 비교해보는 것입니다.
중요한 것은 작업하려는
실제 폴더를 열고
워크스페이스로 설정하는 것입니다.
Cursor와 마찬가지로 AI 패널을 열 수 있고
여기에는 두 가지 기능이 있습니다.
Control Alt I로 열 수 있는 채팅은
Cursor의 채팅 기능과 매우 유사하고
또 다른 하나는 Copilot 편집 기능입니다.
Copilot 편집은 WindSurf의
컴포저나 Cascade와 같은 기능으로
여러 파일을 한꺼번에
편집할 수 있게 해줍니다.
아래쪽을 보시면
다양한 모델을 선택할 수 있는데
프리뷰 버전으로 Claude 3.5가 있고
Gemini와 GPT-4도 프리뷰로 제공됩니다.
하지만 이 프리뷰 모델들은 실제로
이미지를 추가하거나 오류의
스크린샷 또는 디자인 이미지를 업로드할 수 없습니다
원하는 디자인을 복사하려면
현재로서는 GPT 4.0에 의존해야 합니다.
작은 단점이 있지만
곧 활성화될 것이라 확신합니다.
그래서 너무 걱정하지 않으셔도 됩니다.
GPT 3.5 모드로 설정하면
두 가지 옵션이 있습니다.
편집과 에이전트가 있는데
에이전트를 사용해 보겠습니다.
윈도우의 내장 받아쓰기 설정으로
여기서 테스트해 볼 수 있습니다.
VS Code 확장 프로그램을
설치해야 하니 진행해 보겠습니다.
확장 프로그램을 설정하고 있습니다.
1, 2, 3 테스트 중인데
마이크 설정이 잘 되지 않네요.
그래서 기존 방식으로
이 디렉토리에 Next.js를 설치해보겠습니다.
설치를 진행해 주세요.
터미널이 열렸네요. 좋습니다.
기본 설정들을 차례대로 진행해야 합니다.
네, 네, 네, 네, 아니오... 네, 아니오
좋습니다. 설치가 시작되었네요.
앱 라우터 설정 완료했습니다.
이제 개발 서버를 시작할 수 있습니다.
이 프롬프트도 마음에 드네요.
새 터미널이 열릴지 아닐지 보겠습니다.
네, 새 터미널이 열렸네요.
개발 서버가 실행 중이고
여기를 클릭하면 미리보기가 가능합니다.
다음은 무엇을 해볼까요?
Bash에서 AI를 사용할 수 있는지 확인해보죠.
Control + I를 눌러보니
이 애플리케이션을 어떻게 빌드할까요?
첫 번째로 보이는 것은
워크스페이스를 설정해야
무엇이 진행되는지 알 수 있다는 것입니다.
지금은 잘못된 명령어를
보여주고 있거든요.
프로젝트가 설정되었으니 이 폴더를
워크스페이스에 추가해보겠습니다.
VS Code test one을 추가하고
다시 시도해보겠습니다. Control + I로
Next.js 프로젝트 빌드 방법을 물어보니
이제 올바른 명령어가 나오고
세부 정보도 확인할 수 있습니다.
실행, 삽입, 닫기 옵션이 있네요.
아주 좋습니다.
실제로 이것이 Cursor보다
조금 더 낫다고 생각합니다.
페이지 편집은 어떨까요?
페이지로 가서 목록 항목을 편집해보겠습니다.
Control + I를 눌러보죠.
자, 어떻게 되나요?
프로바이더 코드에서
꽤 멋진데요.
음성으로도 들을 수 있습니다.
실제로 이어폰으로 음성 모드를
듣고 있는데 좀 성가시네요.
Cursor처럼 컨텍스트도
추가할 수 있습니다. 파일을 가져와서
작업 파일 세트에 추가할 수 있죠.
파일을 드래그 앤 드롭할 수 있다는 점이
정말 마음에 듭니다.
Cursor에서는 할 수 없는 기능이라
장점이 되겠네요. 또한
해시 키를 눌러 파일을 추가할 수도 있고
코드베이스 파일과 문제점을
볼 수 있지만, 문서는
추가할 수 있는 것 같지는 않네요.
문서를 붙여넣을 수 있는지
아직 확실하지 않습니다.
문서에 대해 언급은 했지만
읽지는 않았거든요.
아직 지원되는 기능이 아닌 것 같습니다.
확실하지는 않네요.
아직 설정되지 않았지만
웹 검색이나
첨부 기능 같은 것이 있으면 좋겠고
그것은 아마도
다른 모델들과 관련이 있을 것 같네요
자, 좀 더 시도해보겠습니다
'get it done'이라는 투두리스트 애플리케이션을 위한 랜딩 페이지를 만들어보죠
히어로 섹션과 기능들,
그리고 시작하기 링크를 포함해주세요
다크 모드에 녹색 강조색으로
컬러 스킴을 적용해주세요
수정사항을 생성하는 것을 보니
마치 Cursor에 있는 것 같네요
여기 수락과 거절 버튼을 보면
파일들을 살펴볼 수 있고
사실 이게 Cursor보다
더 나은 구현 방식인 것 같아요
이 깔끔한 인터페이스가 말이죠
CSS 유효성 검사 경고가 보이지만
예상된 것이고 기능에는
영향을 주지 않을 거예요. 랜딩 페이지가
이제 준비되었으니
Cursor처럼 수락할 수 있고
모든 수정사항을 볼 수 있어요
시작점으로는 나쁘지 않네요
이것도 역시
이런 작업에 능숙한 Clae를 사용하고 있죠
좋아요, 한번 살펴보죠
소스 컨트롤도 있고
익숙한 인터페이스네요
위에 있는 별표 아이콘으로
커밋 메시지를 생성할 수 있어요
홈페이지 레이아웃 개선이라고 하죠
매우 익숙하네요. 이제 좀 더 도전해볼까요
작업 세트를 정리하고
새로운 페이지를 만들어보려고 해요
실제 애플리케이션의
메인 페이지가 될 거예요
거기에 투두리스트를 만들어서
새로운 항목을 추가하고
체크할 수 있게 하고
완료된 항목은
취소선으로 표시되게 하고 싶어요
그리고 SQLite 데이터베이스를 사용해서
모든 투두 항목의 상태를 기록하고 싶어요
이건 작은 도전과제인데
몇 가지 다른 작업이 필요해요
새 페이지도 만들어야 하고
SQLite 데이터베이스도 설정해야 하고
한 가지 테스트하지 않는 것은
파일 베이스의
크기와 컨텍스트예요
Cursor가 정말 잘하는 것 중 하나가
큰 컨텍스트와
많은 파일을 다루는 거예요
또 작성자나 편집 채팅을
요약해서 컨텍스트에
포함시키는 등
유용한 기능들이 많아요
이 영상에서는 테스트하지 않을 거지만
기본적인 것만 테스트해볼게요
실행해보면 어떻게 되는지 보죠
계속 진행해보시죠
Prisma 클라이언트를 설치하고
Prisma 폴더와 스키마가 생성되었네요
지금까지는 좋아요
Prisma가 뭔지 모르시는 분들을 위해 설명하자면
데이터베이스와 통신하는 방법인데
꼭 필요한 건 아니지만
강력한 기능들이 있어요
이 투두앱에는 좀 과하지만
어떻게 잘 작동하는지
보면 재미있을 것 같네요
이제 API 엔드포인트를 만들어볼게요
먼저 To-do 리스트 페이지를 위한
Prisma 클라이언트를 위한 유틸리티 파일을 만들어보겠습니다
계속 진행하고 싶습니다
지금까지 본 것에 꽤 인상적이네요
오류를 확인하기 위해 이 버튼을 클릭하면
모든 수정사항을 볼 수 있고
한 줄로 모든 것을 볼 수 있습니다
모든 것이 꽤 좋아 보이네요
여기 랜딩 페이지를 테스트해보겠습니다
'정리 시작하기'를 클릭하면
AGI로 만든 To-do 리스트가 나옵니다
'종이클립 만들기'를 추가했네요, 좋습니다
잘 작동하고 체크도 할 수 있습니다
체크를 해제할 수도 있고, 이 모든 것이
데이터베이스에 저장됩니다
완벽했네요, 어떤 오류도
발생하지 않았습니다. 물론 이것은
매우 기본적인 애플리케이션이지만
확실히 더 깊이 살펴볼 가치가 있습니다
인터페이스가 마음에 듭니다
매우 유사하고 참조하는 내용도 보여줍니다
체크포인트 기능은 보이지 않지만
대신에
마지막 수정사항을 취소할 수 있는
기능이 있어서 이것이 일종의
체크포인트와 같습니다
이 기능은 최근 며칠 사이에
추가된 것입니다
변경 로그를 보시면
추가된 모든 훌륭한 기능들을 볼 수 있는데
중간 모드에서 03 미니를 무료로
50회까지 사용할 수 있다는 점이
꽤나 매력적입니다
또한 그들은 이 SWE 에이전트의
출시를 발표했는데, 이는 우리가 본
Devon open Devon SW 에이전트와 매우 유사합니다
이전에 이 채널에서 다뤘던 것처럼
이것은 자율적인 에이전트로
단위 테스트 작성이나
GitHub 저장소의 문제 해결과 같은
특정 작업을 할당할 수 있으며
실제로 문제를 해결하고
풀 리퀘스트까지 수행할 수 있습니다
프로젝트 파드완이라고 부르는데, 스타워즈의
제다이 견습생을 참고한 것이죠
왜 제가 이걸 설명하나요? 여러분이라면
다 아실 텐데요, 좋습니다
흥미롭네요
Cursor와 WindSurf에 대한
강력한 경쟁자가 되겠지만
이것은 필연적으로
이런 방향으로 발전할 수밖에 없었습니다
Microsoft라는 회사가 있죠
아마 들어보셨을 텐데, 그들은
꽤 괜찮은 예산을 가지고 있고
Codium, WindSurf,
그리고 Cursor는 VS Code의 파생 버전입니다
하지만 아직 지켜봐야 할 것은
Cursor와 WindSurf 팀이
어떻게 혁신하고 어떤 특별한
장점을 제공할 수 있는지입니다
저는 아직 이것으로
바로 전환하지는 않을 겁니다
아직 몇 가지 제한사항이 있고
완전히 편하지는 않지만
개발 과정을 주의 깊게 지켜볼 것입니다
이 모든 것에서 정말 고무적인 점은
데모를 작업하는 동안 특정 시점에서
제가 VS Code에 있다는 것을 잊었다는 겁니다
Cursor가 아닌데도 문제가 없었죠
VS Code와 Copilot을 함께 사용하면서
파일을 어떻게 추가하고
컨텍스트를 어떻게 생각해야 하는지
이해하는 데 전혀 문제가 없었습니다
왜냐하면 결국 우리가 다루는 것은
대규모 언어 모델의 기본 요소이기 때문입니다
제게는 GitHub Copilot에서
Claude 3.5로 전환하는 것이
더 큰 변화였습니다
모델과 작업하는 방식에 더 익숙해져서
그것이 더 큰 변화이고
인터페이스 측면에서는
Cursor나 VS Code,
또는 WindSurf에서 모두 매우 유사합니다
그래서 이것은 여러분의 기술과
전환 등에 있어 좋은 소식입니다
좋습니다, 이것이 도움이 되었길 바랍니다
이런 종류의 콘텐츠에 관심이 있다면
Switch Dimension을 확인해보세요
더 많은 리소스와
커뮤니티, AI로 무언가를 만드는 방법에 대한 강좌가 있습니다
다음 영상에서 만나요