에이전트로 제3자 서비스 조달하기 | Vercel Marketplace

VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00프로덕션 수준의 애플리케이션을 구축하다 보면, 외부 서비스를
00:00:05통합해야 할 일이 생기곤 합니다. 데이터베이스, 인증 제공자, 로그인 도구 같은 것들이죠.
00:00:11이런 것들을 수동으로 설정하려면 계정을 만들고, 대시보드를 찾아다니고,
00:00:16자격 증명을 복사한 뒤 애플리케이션에 직접 하나하나 연결해야 합니다.
00:00:22물론 가능한 방법이지만, 코딩 에이전트가 이런 서비스들을 자동으로
00:00:29찾아서 통합해 줄 수 있다면 어떨까요?
00:00:30이제 Vercel CLI와 Marketplace를 통해 이 모든 것이 가능해졌습니다.
00:00:35어떻게 하는지 보여드리죠.
00:00:37먼저, Vercel CLI를 설치하거나 최신 버전으로 업그레이드하세요.
00:00:44Vercel에 한 번 로그인하고 나면, 각 서비스 제공자마다 별도로 인증할 필요가 없습니다.
00:00:51한 번의 로그인으로 사용자 본인과 에이전트 모두 모든 Marketplace 통합 기능에 접근할 수 있습니다.
00:00:58그다음 에이전트가 Vercel CLI를 사용할 수 있도록 제공되는 스킬(skill)도 설치해 줍니다.
00:01:07CLI 설정이 끝났으니, 에이전트에게 어떤 Vercel Marketplace 통합 기능을 사용할 수 있는지 물어봅시다.
00:01:16좋네요.
00:01:20앱 아이디어가 하나 떠올랐는데, 에이전트에게 만들어 달라고 해보겠습니다.
00:01:24Next.js로 캘린더 앱을 만들어줘. 데이터베이스는 Supabase, 인증은 Clerk를 사용하고
00:01:32결제 기능은 Stripe 샌드박스 모드로 설정해 줘.
00:01:34물론 실수 없이 완벽하게 말이야.
00:01:37시간이 좀 걸리니 빨리 감기로 넘어가 보겠습니다.
00:01:46좋습니다, 설정이 완료되었습니다.
00:01:49에이전트가 내놓은 결과물을 살펴보면, 각 제공자 서비스를 프로비저닝하고
00:01:55환경 변수를 가져와서 모든 요소를 유기적으로 연결한 것을 확인할 수 있습니다.
00:02:01Vercel 대시보드로 이동해 보면, 새 프로젝트 생성부터 각 서비스 연결,
00:02:08그리고 애플리케이션 배포까지 한 번에 처리된 것을 볼 수 있습니다.
00:02:13실무에서는 특히 기존 앱에 작업할 때 이 과정을 더 작은 단계로 나누어 진행하게 될 것입니다.
00:02:19그럼 에이전트가 또 무엇을 할 수 있는지 물어볼까요?
00:02:28요약하자면 팀에 통합 기능을 추가하거나 제거할 수 있고, 특정 프로젝트에 서비스를
00:02:34검토, 연결 및 해제할 수도 있습니다. 지출 확인, 사용량 제한 설정, 설정 가이드 작성 등
00:02:42그 외에도 정말 많은 일을 할 수 있죠.
00:02:43이제 이게 어떻게 작동하는지, 그리고 안전한지 궁금하실 겁니다.
00:02:48Vercel CLI는 에이전트가 호출할 수 있는 구조화된 명령어로 통합 기능을 노출합니다.
00:02:53예를 들어 에이전트에게 마켓플레이스의 모든 통합 기능을 나열하라고 요청하면,
00:02:59에이전트는 "discover" 명령어를 실행합니다.
00:03:02이 명령어는 에이전트가 파싱하고 판단할 수 있는 구조화된 JSON 데이터를 반환합니다.
00:03:07에이전트에게 통합 기능을 설치하라고 요청하면 "add" 명령어를 실행하죠.
00:03:13만약 통합 기능에 추가 메타데이터가 필요하거나 진행이 막히면 에이전트가 도움을 요청할 수 있고,
00:03:24리전(region)과 같은 필수 필드를 명시적으로 전달할 수도 있습니다.
00:03:35통합 기능 설치가 완료되면 에이전트는 "guide" 명령어로 설정 지침을 가져올 수 있습니다.
00:03:46보시다시피 에이전트는 임의의 코드를 실행하지 않습니다.
00:03:50에이전트는 구조화된 가드레일, 제한된 명령어 범위, 기본 권한 관리,
00:03:56그리고 환경 변수 관리를 제공하는 Vercel CLI와 상호작용합니다.
00:04:01유료 플랜 선택이나 법적 약관 동의 같은 중요한 작업의 경우, 에이전트는 작동을 멈추고
00:04:07사용자에게 직접 단계를 완료하도록 요청하거나 Vercel 대시보드로 안내합니다.
00:04:13자, 이제 에이전트 워크플로우의 일부가 된 Vercel CLI와 Marketplace를 만나보셨습니다.
00:04:20사용자가 중요한 결정을 내리는 동안 에이전트는 터미널을 떠나지 않고도
00:04:26기본 구조를 잡고 통합 설정을 처리할 수 있습니다.
00:04:28오늘 바로 사용해 보시고 여러분의 의견을 들려주세요.

Key Takeaway

Vercel Marketplace와 CLI를 활용하면 코딩 에이전트가 데이터베이스, 인증, 결제와 같은 외부 서비스를 안전하고 효율적으로 애플리케이션에 자동 통합할 수 있습니다.

Highlights

Vercel CLI와 Marketplace를 통한 외부 서비스(DB, 인증, 결제 등) 자동 통합 기능

코딩 에이전트가 수동 설정 없이 복잡한 인프라 프로비저닝을 수행할 수 있는 환경 제공

단 한 번의 Vercel 로그인으로 모든 제3자 서비스 마켓플레이스 접근 권한 관리 가능

에이전트가 임의 코드를 실행하는 대신 구조화된 CLI 명령어와 JSON 데이터를 통해 작동

유료 플랜 선택이나 법적 약관 동의 등 중요한 의사결정 단계에서의 안전한 가드레일 작동

프로젝트 생성부터 환경 변수 설정, 배포까지의 전 과정을 자동화하여 개발 생산성 극대화

Timeline

외부 서비스 통합의 번거로움과 새로운 대안 제시

프로덕션 수준의 앱 구축 시 데이터베이스나 인증 같은 외부 서비스 통합은 필수적이지만 수동 설정 과정이 매우 번거롭습니다. 기존 방식은 계정 생성부터 대시보드 탐색, 자격 증명 복사 및 연결까지 많은 수작업을 요구하여 개발 흐름을 끊기게 합니다. 발표자는 이러한 과정을 코딩 에이전트가 자동으로 처리할 수 있다면 얼마나 효율적일지 질문을 던지며 해결책을 제시합니다. 이제 Vercel CLI와 마켓플레이스를 통해 이 모든 수동 작업이 자동화될 수 있음을 강조합니다. 개발자가 직접 환경 변수를 관리하는 대신 도구가 이를 대신 처리하는 시대를 소개합니다.

Vercel CLI 설정 및 에이전트 권한 부여

에이전트가 서비스를 조달하게 하려면 먼저 Vercel CLI를 설치하거나 최신 버전으로 업데이트해야 합니다. 핵심적인 장점은 Vercel에 한 번만 로그인하면 개별 서비스 제공자마다 별도로 인증할 필요가 없다는 점입니다. 이를 통해 사용자 본인뿐만 아니라 에이전트도 마켓플레이스의 통합 기능에 즉시 접근할 수 있는 권한을 얻게 됩니다. 또한 에이전트가 CLI를 제어할 수 있도록 특정한 '스킬(skill)'을 설치하는 과정이 포함됩니다. 준비가 완료되면 에이전트에게 현재 사용 가능한 마켓플레이스 기능이 무엇인지 직접 물어보고 확인할 수 있습니다.

에이전트를 활용한 캘린더 앱 구축 실습

구체적인 예시로 Next.js 기반의 캘린더 앱을 구축하며 Supabase, Clerk, Stripe Sandbox를 통합하는 과정을 보여줍니다. 사용자는 자연어로 요구사항을 전달하며, 에이전트는 이를 바탕으로 각 서비스의 프로비저닝을 시작합니다. 에이전트는 환경 변수를 자동으로 가져오고 모든 구성 요소를 애플리케이션 코드와 유기적으로 연결하는 복잡한 작업을 수행합니다. 결과적으로 Vercel 대시보드에서는 프로젝트 생성부터 서비스 연결, 최종 배포까지 한 번에 완료된 것을 확인할 수 있습니다. 이는 개발자가 인프라 설정보다 비즈니스 로직에 더 집중할 수 있게 해주는 혁신적인 워크플로우를 증명합니다.

마켓플레이스 통합 기능의 확장된 활용 범위

실무에서는 기존 프로젝트에 새로운 기능을 단계적으로 추가할 때 이 도구가 더욱 빛을 발하게 됩니다. 에이전트는 단순히 서비스를 추가하는 것에 그치지 않고 통합 기능을 제거하거나 특정 프로젝트와의 연결을 해제할 수도 있습니다. 또한 지출 내역 확인이나 사용량 제한 설정, 혹은 복잡한 설정을 돕는 가이드 작성까지 지원합니다. 이러한 다양한 기능 덕분에 팀 단위의 프로젝트 관리와 인프라 운영이 훨씬 간소화됩니다. 발표자는 에이전트가 터미널 환경에서 수행할 수 있는 광범위한 작업 목록을 요약하여 설명합니다. 개발자는 더 이상 복잡한 설정 문서나 타사 대시보드에서 시간을 허비할 필요가 없습니다.

보안 메커니즘 및 가드레일 작동 원리

이 시스템의 핵심은 에이전트가 임의의 위험한 코드를 실행하지 않고 구조화된 Vercel CLI 명령어만을 사용한다는 점입니다. 'discover'나 'add' 같은 명령어를 통해 JSON 데이터를 주고받으며, 에이전트의 작업 범위는 엄격하게 제한된 가드레일 내에 머뭅니다. 만약 필수 데이터가 누락되거나 추가 정보가 필요한 경우에는 에이전트가 사용자에게 명시적으로 도움을 요청합니다. 특히 결제나 법적 약관 동의처럼 민감한 결정이 필요한 단계에서는 에이전트가 임의로 판단하지 않고 사용자를 대시보드로 안내합니다. 마지막으로 개발자들이 이 새로운 워크플로우를 직접 경험해 보고 피드백을 주기를 권장하며 마무리합니다.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video