Anthropic가 또 해냈다: Claude Code 서브 에이전트 성능이 미쳤다

Income stream surfers 구독자 130,000명

요약

이 영상은 Claude Code만으로 Next.js 서비스 웹사이트를 생성하고 배포하는 전체 과정을 실전으로 보여줍니다. 프로젝트 폴더 생성부터 코드 작성, 빌드, GitHub·Vercel 연동까지 단 몇 분 만에 완료하는 워크플로우를 시연합니다. Grok 4, Gemini, Claude 4 등 다른 모델과 비교해 Claude Code의 서브 에이전트 기능이 동시 작업을 통해 개발 속도를 비약적으로 높이는 점을 강조합니다. 최종적으로 141페이지 규모의 웹사이트를 5분 내 배포하고, 실제 구글 순위와 수익 사례까지 검증합니다.

주요 키워드

Claude Code 서브 에이전트(sub agent) Next.js Vercel GitHub 연동 빌드 자동화 벤치마크 Grok 4 WSL

하이라이트

🔑 Claude Code만으로 Next.js 웹사이트를 폴더 생성부터 배포까지 완전 자동화할 수 있다.
⚡️ Shell 명령 실행 제약이 있지만, 서브 에이전트로 동시 작업을 가속해 빠른 진행이 가능하다.
🚀 141페이지 규모의 웹사이트를 한 시간 이내에 완성하고 실제 구글 순위를 달성한 벤치마크 사례.
🌟 서브 에이전트 기능으로 여러 작업을 병렬 처리해 단 몇 분 안에 로컬 빌드 완료가 가능하다.
📌 Grok 4, Gemini 등 다른 모델과 비교해 완벽한 빌드 결과물을 제공해 프로덕션 배포에 즉시 활용할 수 있다.
💡 GitHub와 Vercel 연동으로 5분 만에 프로덕션용 사이트 배포까지 마무리한다.
🔍 클라이언트는 500달러 투자로 사이트를 생성한 뒤 실질적 수익을 확인했다.
👏 Claude Code는 완성도 높은 코드 작성으로 빌드 후 바로 라이브 운영이 가능하다.

용어 설명

Claude Code

Anthropic에서 개발한 코드 생성 AI로, 텍스트 기반 프롬프트로 전체 프로젝트를 자동 작성한다.

서브 에이전트 (sub agent)

Claude Code 내부에서 특정 작업을 분리해 동시에 실행하도록 생성된 보조 에이전트다.

Next.js

React 기반의 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG)이 가능한 웹 애플리케이션 프레임워크다.

Vercel

Next.js 공식 배포 플랫폼으로, GitHub 연동만으로 손쉽게 프로덕션 사이트를 호스팅한다.

영상이 Claude Code로 Next.js 서비스 웹사이트를 생성하고 배포하는 전체 워크플로우를 단계별로 시연할 것임을 소개한다. Grok 4, Gemini, Claude 4 등과 비교 평가 포인트도 예고한다.

[00:00] 오늘 영상에서는 Claude Code를 사용해서 Next.js 서비스 기반 웹사이트를 만드는 방법을 보여드리겠습니다. 코딩 프레임워크나 MCP, Taskmaster 등을 사용하지 않고 Claude Code만으로 Next.js 서비스 웹사이트를 얼마나 잘 만들 수 있는지 알아보겠습니다.

[00:30] Claude Code의 성능을 확인하고 싶거나 구글에 랭킹될 수 있는 빠른 NextJS 서비스 웹사이트를 만드는 방법을 알고 싶다면 이 영상을 끝까지 시청해 주세요. Grog 4, Gemini, Claude 4 등과 비교한 정확한 성능 평가도 제공하겠습니다.

WSL(Windows Subsystem for Linux) 환경에서 프로젝트 폴더 생성, Next.js 앱 초기화 과정을 설명한다. Shell 명령 실행 제한을 우회해 폴더 구조를 준비한다.

[00:59] Claude Code 내에서 Next.js로 작업하는 것은 쉽지 않습니다. 셸 명령어를 잘 실행하지 못하기 때문입니다. 하지만 먼저 폴더를 만드는 방법이 있습니다.

[01:14] Windows 터미널에서 wsl-d ubuntu를 실행하고 mkdir로 rolls royce lord code 폴더를 만들어 시작합니다. 그다음 스쿨 커뮤니티에서 모든 프롬프트와 워크플로우를 확인할 수 있습니다.

[01:46] 먼저 Next.js 앱을 만들고 설치 설정을 스크린샷으로 찍어서 나중에 Claude Code에 피드할 수 있도록 준비합니다.

[02:27] 설치가 진행되는 동안 롤스로이스 웹사이트를 찾아서 벤치마크로 사용합니다. 이 벤치마크는 시스템의 성능을 확인하는 데 사용하며, Claude Code와 함께는 처음 시도하는 것입니다.

[02:47] public 폴더를 만들고 이미지들을 복사해서 앱 구조를 준비합니다. 그다음 스쿨 커뮤니티에서 프롬프트를 가져와서 작업을 시작합니다.

[03:14] Claude 개발 환경 설정을 완료하고 프롬프트를 입력하여 프로젝트를 시작한다. 이전에 찍은 스크린샷을 포함한 설치 설정들을 Claude에게 제공한다.

이전에 Claude 3.7로 만든 Rolls-Royce 웹사이트를 기준으로, 성능·완성도·이미지 활용 등을 평가할 핵심 관찰 항목을 정의한다.

[04:07] Claude Sonnet 3.7이 첫 시도에 만든 웹사이트를 기준점으로 제시한다. 이것이 성공적인 벤치마크가 되어야 한다고 설명한다.

[04:24] 이전에 만든 웹사이트가 실제로 구글에서 랭킹되고 있으며, 롤스로이스 렌트에 대한 문의가 매일 들어오고 있다고 설명한다. 500달러로 만든 웹사이트로 이미 수익을 얻고 있다는 성공 사례를 공유한다.

실제로 제작된 사이트가 구글 검색 순위에 올라 일일 문의를 유도한 사례를 공유한다. 500달러 비용 대비 얻은 수익 모델을 설명한다.

[06:00] 어제 비디오에서 Grock 4가 만든 웹사이트와 비교하여 품질 차이를 보여준다. 폰트 오류, 완성 퍼센트, 이미지 사용법을 평가 기준으로 제시한다.

“Please spin up multiple sub agents” 요청으로 여러 작업을 병렬 처리해 개발 속도를 비약적으로 높이는 서브 에이전트 기능을 시연한다.

[06:21] Claude에게 여러 서브 에이전트를 실행하여 작업 속도를 높일 수 있는지 실험해보기로 한다. 이것이 실제로 가능한지 확인하고 싶다고 말한다.

[06:36] Claude Code가 웹사이트 개발 작업을 위해 여러 에이전트를 동시에 생성하는 모습을 보여주며, 이 기능의 강력함에 대해 놀라움을 표현합니다.

[06:56] 여러 에이전트들이 동시에 다양한 작업을 수행하고 실시간으로 빌드까지 진행하는 모습을 보고 충격을 받으며, 이런 기능이 가능한지 몰랐다고 말합니다.

[07:07] 멀티 에이전트 기능 사용법을 설명하며, 대량 작업 시 ESC를 누르고 여러 하위 에이전트 생성을 요청하면 된다고 안내합니다.

[07:24] Claude Code의 성능에 대해 극찬하며, 원래 벤치마크 영상이었지만 이 기능이 너무 흥미로워서 많은 사람들이 관심을 가질 것이라고 예상합니다.

생성된 코드를 빌드해 오류 여부를 확인한다. Claude Code가 로컬에서 완전 빌드를 수행해 즉시 프로덕션 준비가 가능한 점을 강조한다.

[07:54] Claude Code가 완전한 작업을 수행하려고 하는 점을 강조하며, 다른 모델들과 달리 부분적인 작업이 아닌 실제 출시 가능한 수준의 완성도를 추구한다고 설명합니다.

[08:46] 완성된 프로젝트를 GitHub과 Vercel을 통해 실제로 배포할 수 있으며, 5분 안에 라이브 웹사이트로 만들 수 있다고 강조합니다.

[08:59] 최종 결과물을 평가하며, 일부 버그 수정이 있었지만 전반적으로 훌륭한 품질의 웹사이트가 완성되었다고 만족감을 표현합니다.

GitHub에 바로 커밋·푸시하고, Vercel에서 자동 배포하는 과정을 보여준다. 단 5분 만에 라이브 프로덕션 사이트를 완성한다.

[09:28] 완성된 웹사이트의 디자인과 색상이 기존의 표준적인 것과 달리 독특하고 돋보이는 특별함이 있다고 평가합니다.

[09:38] 완성된 웹사이트의 품질을 확인하며 색상 배치와 가독성이 완벽하다고 평가합니다. 모든 기능이 정상 작동하고 나폴리 페이지에서 이탈리아어가 유지되는 것을 확인했습니다.

[10:12] GitHub에 새 저장소를 생성하고 코드를 푸시하는 과정을 시연합니다. 클로드 코드가 GitHub 작업을 자동으로 처리해주어 사용자가 직접 GitHub을 이해할 필요가 없다고 설명합니다.

Claude Code의 서브 에이전트가 실제 개발 생산성을 얼마나 높였는지 정리한다. 워크플로우 총평과 앞으로의 활용 가능성을 언급하며 마무리한다.

[11:25] Vercel을 통해 웹사이트를 배포하는 과정을 보여줍니다. 예전에 몇 시간 걸렸던 작업이 이제는 5분도 안 걸린다고 강조하며, 로컬에서 빌드되면 Vercel에서도 자동으로 배포될 것이라고 설명합니다.

[12:06] 한 시간 안에 141페이지 웹사이트를 완성했으며, 실제로 구글에서 순위도 매겨진 경험을 공유합니다. 커스텀 도메인 할당으로 완전한 웹사이트가 완성되고, 5분 만에 런칭할 수 있다고 강조합니다.

[00:00] 오늘 영상에서는 Claude Code를 사용해서

[00:03] Next.js 서비스 기반 웹사이트를 만드는 방법을

[00:06] 정확히 보여드리겠습니다.

[00:10] 코딩 프레임워크는 사용하지 않을 건데요.

[00:12] Claude Code 코딩 프레임워크 말이에요.

[00:15] 물론 Next.js는 프레임워크이지만

[00:17] 제가 말하는 건 그게 아니에요.

[00:18] MCP도 사용하지 않고

[00:20] Taskmaster 등도

[00:21] 사용하지 않을 거예요. Claude Code가

[00:25] Next.js 서비스 웹사이트를 얼마나 잘

[00:27] 만들 수 있는지 알고 싶어요.

[00:29] 함께 알아보죠.

[00:30] Claude Code가 이 작업을

[00:32] 얼마나 잘 하는지 알고 싶다면

[00:35] 이 영상을 보셔야 해요.

[00:37] 또한 Claude Code를 사용해서

[00:40] 구글에 랭킹될 수 있는 빠른

[00:43] NextJS 서비스 웹사이트를 만드는 방법도

[00:45] 알 수 있어요. 끝까지 시청해 주세요.

[00:48] Grog 4, Gemini, Claude Code 없는

[00:52] Claude 4 등과 비교해서

[00:55] 이것이 얼마나 잘 작동했는지에 대한

[00:57] 제 정확한 생각을 말씀드릴게요.

[00:59] 첫 번째로 알아둘 점은

[01:01] Claude Code 내에서 Next.js로

[01:03] 작업하는 것이 그렇게 쉽지 않다는 거예요.

[01:06] 셸 명령어를 잘 실행하지 못하거든요.

[01:09] 하지만 할 수 있는 것은

[01:10] 먼저 폴더를 만드는 거예요.

[01:14] 지금 Claude Code 안에 있으니까

[01:17] 그냥 exit을 하겠습니다.

[01:19] 이건 그냥 새로운 Windows 터미널이에요.

[01:21] wsl-d ubuntu를 하고

[01:25] mkdir을 해서 rolls royce lord code라고

[01:29] 하겠습니다. 그다음에 cd rolls royce lord code

[01:31] 그리고 제 스쿨 커뮤니티로 가서

[01:33] 모든 프롬프트와 워크플로우로 가겠습니다.

[01:36] 이전 영상에서 찾을 수 있어요.

[01:38] 제 모든 프롬프트를 찾을 수 있는

[01:40] 쉬운 장소를 원한다면

[01:42] 스쿨 커뮤니티를 확인해보세요.

[01:44] 이 영상 설명의 첫 번째 링크에 있어요.

[01:46] 제가 할 일은

[01:48] 먼저 Next.js 앱을 만드는 거예요.

[01:51] 이 모든 것들에 yes라고 하겠습니다.

[01:54] 여러분이 할 일은

[01:57] 이걸 스크린샷으로 찍는 거예요.

[01:59] 설치 설정을 피드할 수 있도록

[02:02] 설치 설정을 말이에요.

[02:05] install settings.png

[02:06] 그리고 install settings를

[02:09] 이렇게 하겠습니다.

[02:11] 당연히 Windows니까 작동하지 않아요.

[02:14] 다운로드에 있을 것 같아요.

[02:16] 파일 탐색기로 가보겠습니다.

[02:19] 솔직히 Windows 11은 정말 최악이에요.

[02:22] 아, install 대신 instant라고 했네요.

[02:25] 곧 완료될 거예요.

[02:27] 이게 실행되는 동안

[02:30] 다른 롤스로이스 웹사이트를 찾아보겠습니다.

[02:33] 이걸 열어보겠습니다.

[02:36] 이건 시스템이 얼마나 좋은지

[02:38] 확인하는 데 사용하는 벤치마크예요.

[02:41] Claude Code와 함께는

[02:43] 실제로 사용해본 적이 없어서

[02:45] 어떻게 될지 정말 기대돼요.

[02:47] 여기서 할 일은

[02:50] public이라는 새 폴더를 만드는 거예요.

[02:54] 그리고 public에서 이미지들을

[02:56] 이렇게 여기로 끌어다 놓겠습니다.

[03:00] 복사했어야 했는데요.

[03:02] 이번엔 복사하겠습니다.

[03:03] 됐어요. 이제 제 앱 안에

[03:06] public images가 있습니다.

[03:11] 제 스쿨 커뮤니티에서 프롬프트를 가져오겠습니다.

[03:14] 커뮤니티. 띵 띵 띵.

[03:17] 이 프롬프트를 이렇게 넣어보겠습니다.

[03:19] 아, 잠깐. cd my app을 먼저 하고

[03:24] 그다음에 claude를 실행하겠습니다.

[03:27] 이거에 yes라고 하겠습니다. 이걸 입력하고

[03:32] 그다음에 slash는 실행하지 않겠습니다.

[03:33] 필요하지 않은 것 같아요.

[03:35] 프롬프트에서 말하는 건 필요한 건

[03:37] 음...

[03:40] 이 앱 안에서 코딩하는 것뿐이라고 되어 있어요.

[03:45] 마지막으로 필요한 건 이전에 찍었던 스크린샷이에요.

[03:47] 파일 탐색기로 돌아가겠습니다.

[03:48] 어떤 이유에서인지 보이지 않네요.

[03:50] 좋아요.

[03:52] 자, 이게 제 설치 설정들입니다.

[03:56] 이게 제 설치 설정들이에요. 당신은

[04:00] 이미 폴더 안에 있습니다. 행운을 빕니다.

[04:02] 재미있게 해보세요. 그리고 여기서 엔터를 누르겠습니다.

[04:05] 어떻게 하는지 보겠습니다. 자, 그냥

[04:07] 참고 포인트나 기준점으로

[04:09] 이것은 Claude Code가 만든 웹사이트입니다.

[04:11] 죄송합니다, Claude Code가 아니라

[04:14] Claude Sonnet 4가 거의 첫 시도에 만든 것입니다.

[04:18] 이게 어떻게 보이는지 보세요.

[04:19] 실제로는, 죄송합니다, Claude Sonnet 3.7이었습니다.

[04:21] 3.7이 출시된 바로 그 날

[04:24] 저는 이 웹사이트를 만들었습니다.

[04:27] 이게 기본 기준점이라고 할 수 있어요.

[04:29] 만약 이것보다 더 잘 하지 못한다면

[04:33] 아마도 Next.js 웹사이트를 만드는

[04:34] 최선의 방법은 아닐 것이고

[04:36] 클라이언트나 클로드 데스크탑 같은 것들이

[04:38] 여전히 최선의 방법일 거예요.

[04:40] 누군가 저를 런스케이프에서 봇 사용한다고

[04:41] 비난했는데, 봇 사용하지 않습니다.

[04:43] 저는 그냥 스플래싱이라고 불리는

[04:44] 걸 하고 있는 거예요. 그냥 앉아서

[04:45] 하루 종일 쥐에게 스플래시를 하게 놔두는 거죠.

[04:49] 자, 실제로 우리가 찾는 것은 무엇인가요?

[04:50] 우리는 보통 다음과 같은 것들을 찾습니다.

[04:53] 폰트 오류나

[04:58] 완성 퍼센트는 아마도

[05:01] 가장 중요한 것이라고 말할 수 있습니다.

[05:08] 그리고 이미지 사용법.

[05:14] 좋은 모델과 좋은 코딩 시스템은

[05:16] 제가 말했듯이 이것과 비슷한 것을 만들어낼 거예요.

[05:19] 자, 이것에 대해 정말 멋진 점은

[05:21] 이 웹사이트가 실제로 구글에서 랭킹되고 있다는 것입니다.

[05:25] 최근에 이탈리아에 갔었는데

[05:26] 솔직히 이 웹사이트는 완전히 잊고 있었어요.

[05:28] 모든 클릭들이 어디서 오는지

[05:30] 왜 이렇게 많은 트래픽을 받는지 확실하지 않지만

[05:32] 그는 매일 이메일을 받고 있다고 말했어요.

[05:34] 죄송합니다, 매일 롤스로이스 6.6 고스트를

[05:38] 렌트하는 것에 대한 메시지를 받고 있다고 했어요.

[05:42] 말할 필요도 없이, 그는 이 결과에

[05:47] 매우 만족해했습니다.

[05:49] 그는 이 웹사이트에 500달러만 지불했어요.

[05:51] 그리고 그는 이미 수익을 얻었다고 말했습니다.

[05:55] 그래서, 더 많은 맥락을 위해, 그런데

[05:57] 이것은 어제 비디오에서 Grock 4가 만든 것입니다.

[06:00] 이것은 한 번의 시도였어요, 맞죠?

[06:04] 모든 것이 있긴 하지만

[06:06] 완전히 구현되지 않았다는 것을 볼 수 있습니다.

[06:09] 그리 좋지 않아요.

[06:10] 등등. 그래서 이것이 제 생각에는

[06:13] 매우 좋은 벤치마크인 이유입니다.

[06:16] 많은 사람들이 이것을 바보 같은

[06:18] 벤치마크라고 생각하지만

[06:20] 저는 그냥 여기서 뭔가를 시도해보겠습니다.

[06:21] 그냥 말해보겠습니다.

[06:22] 이것을 조금 더 빨리 하기 위해 여러 서브 에이전트를 실행할 수 있나요?

[06:27] 이것을 할 수 있다고 들었습니다.

[06:30] 실제로 가능한지 궁금해서요.

[06:32] 한번 보겠습니다.

[06:34] 어떻게 되는지 보겠습니다.

[06:36] 웹사이트의 다양한 부분을 작업하기 위해 여러 에이전트를 생성해서

[06:38] 프로세스를 가속화하겠습니다. 작업: 서비스

[06:39] 페이지 생성. 와, 정말 대단하네요.

[06:41] 솔직히 말해서 이건 정말 강력합니다.

[06:44] 거짓말하지 않겠습니다. 사진을 찍어야 했어요.

[06:47] 정말 미친 일이에요.

[06:49] 와,

[06:52] 여러분, 이건 정말 미친 일이에요. 봐보세요.

[06:56] 이걸 보세요. 모든 걸 동시에 하고 있어요.

[06:58] 심지어 실시간으로 빌드까지 하고 있어요.

[07:01] 이건 정말 미친 일이에요. 이런 게 가능한지도 몰랐어요.

[07:03] 말 그대로 여러분이 해야 할 일은

[07:05] 대량의 작업을 할 때마다 ESC를 누르고

[07:07] 이렇게 말하는 것뿐입니다.

[07:09] "이 모든 작업을 동시에 수행할 수 있는 여러 하위 에이전트를 생성해주세요."

[07:12] 이걸 보세요. 정말로 동시에

[07:15] 수백 가지 작업을 하고 있어요.

[07:17] 이건 정말

[07:20] 대단합니다. 정말로 한 번에 백 가지 일을 하고 있어요.

[07:22] 그렇습니다.

[07:24] 이제 Claude Code는 정말 미친 수준입니다. 이 영상은 원래

[07:27] 벤치마크에 관한 것이었는데, 사람들이 이걸

[07:30] 너무 흥미로워할 것 같아요. 얼마나 많은 사람들이

[07:33] 이 기능을 알고 있는지 모르겠어요.

[07:35] 많은 사람들이 이것에 대해 이야기했지만

[07:37] 네, 사람들이 얼마나 미친 일인지

[07:38] 말해주지 않았어요. 그래서

[07:40] 이게 지금까지 만든 것이에요.

[07:44] 실제 코드를 한번 살펴보려고

[07:45] 했습니다.

[07:47] 기본적으로 얼마나 포괄적인지

[07:50] 보려고 했어요. 지금 Claude Code가

[07:54] 하려는 일은 프로젝트를 빌드하는 것입니다.

[07:57] 빌드가 완료되면 실제로 출시할 준비가 됩니다.

[07:59] 이것이 Claude Code의 장점입니다.

[08:01] 하지만 왜 이런 일이 일어나는지 모르겠어요.

[08:03] 하위 에이전트를 실행하면 좀 이상해지거든요.

[08:05] 하지만 Claude Code의 좋은 점은

[08:06] 완전한 작업을 하려고 한다는 것입니다.

[08:08] Grok이나 다른 더 좋은 모델을 사용하는 경우

[08:10] 완전한 작업을 하려고 하지 않습니다.

[08:13] 부분적인 작업만 합니다. 맞죠?

[08:16] 로컬에서 실행되지만 빌드되지 않는 것은

[08:19] 실제로 그렇게 유용하지 않아요.

[08:21] 프로젝트를 출시하려면

[08:23] 이걸 알 수도 있고 모를 수도 있겠지만

[08:25] 실제로 서버에서 빌드되어야 합니다.

[08:27] 프로젝트를 출시하고 싶다면

[08:29] 이걸 알 수도 있고 모를 수도 있겠지만

[08:31] 실제로 서버에서 빌드되어야 합니다.

[08:35] 이건 완전히 미친 일입니다. 음, 그래서

[08:39] 기술적인 부분은 괜찮게 했지만

[08:42] 실제로 출시할 준비가 되지 않았어요.

[08:44] 하지만 이건 출시할 준비가 될 거예요.

[08:46] GitHub을 사용해서 Vercel에 이걸 푸시하면

[08:48] 2초 안에 라이브로 올라갈 거예요.

[08:51] 도메인을 추가하겠습니다. 5분 안에

[08:54] 이 웹사이트를 라이브로 만들 수 있을 거예요.

[08:56] 좋아요, 여기 최종 결과가 있습니다.

[08:59] 거짓말하지 않겠습니다. 여러분, 이건

[09:01] 정말 훌륭해 보입니다. 모든 버튼과

[09:03] 기타 모든 것이 작동하는지 확인해보겠습니다.

[09:05] 그건 작동하지 않았네요. 시간이 좀 걸렸어요.

[09:07] 거짓말하지 않겠습니다. 꽤 많은 버그 수정이 있었어요.

[09:10] 무슨 일이 일어났는지 잘 모르겠지만

[09:11] 전반적으로 놀라운 일을 해냈습니다.

[09:13] 이건 제가 본 것 중 최고이거나

[09:15] 최고 중 하나라고 말하고 싶어요.

[09:16] 좀 더 생동감 있고, 좀 더

[09:20] 특별한 무언가가 있어서

[09:22] 돋보이게 만듭니다.

[09:25] 더

[09:28] 튀어나오게 만드는 무언가가 있어요.

[09:30] 색상이 훌륭해요. 항상 사용하는

[09:32] 표준 색상이 아니에요.

[09:38] 단 한 개의 코드도 보이지 않네요. 밝은 색 위에 밝은 색이나 어두운 색 위에 어두운 색도 없고요.

[09:42] 진실의 순간입니다. 작동하는지 확인해보죠.

[09:45] 됩니다. 모든 버튼이 작동하는지 확인해보죠.

[09:48] 잘 됩니다. 나폴리로 가보죠.

[09:49] 나폴리로 가봅시다.

[09:53] 보시다시피 이탈리아어로 유지되고 있네요.

[09:55] 네, 이건 정말 괜찮네요.

[09:58] 거짓말하지 않겠습니다.

[10:00] 이건 제가 본 것 중에서

[10:01] 최고일 것 같습니다.

[10:02] 정말 정말 멋진 모습이네요. 실수도 없고요.

[10:06] 말 그대로 여러분에게 보여드리고 싶습니다.

[10:09] 흥미로울 것 같아서요.

[10:10] 그냥 여기서 새로 만들어보죠.

[10:12] dd라고 부르죠. 비공개로 설정하고.

[10:14] 좋습니다. 이 저장소를 만들어보죠.

[10:18] 여러분에게 보여드리고 싶어서요.

[10:20] 이게 얼마나 쉬운지 말이죠.

[10:22] 푸시하겠습니다.

[10:24] 스테이지하고 커밋하겠습니다.

[10:27] 아니, 잠깐. 이것들을 이 저장소에 추가하고 스테이지하고 커밋하겠습니다.

[10:31] 맞습니다. 그리고 여기서 버셀로 가겠습니다.

[10:34] 보시다시피 이게 원본 롤스로이스 웹사이트입니다.

[10:37] 이것은 실제로 고객을 끌어들입니다.

[10:39] 클라이언트에게 말이죠.

[10:41] 정말 정말 멋지네요.

[10:43] 이게 커밋되면, 여기로 다시 가보면

[10:48] 이게 메인인 걸 보실 수 있습니다.

[10:50] 제가 해야 할 일은 여기 있는 명령어를 복사하는 것뿐입니다.

[10:54] 변경사항을 푸시하겠다고 나오네요.

[10:57] 괜찮습니다. 그냥 하게 두죠.

[10:58] 음,

[11:00] 계속 진행하겠습니다. 네, 여기요.

[11:03] 네. 네. 네. 모든 깃허브 작업을

[11:05] 저를 위해 해주고 있습니다.

[11:07] 이제 깃허브를 이해할 필요도 없네요.

[11:09] 정말 미친 일이죠.

[11:11] 여기서 하는 대신에

[11:13] 여기서 하겠습니다. 그 이유는

[11:16] 로그인해야 하기 때문입니다.

[11:19] OAuth 창이 팝업되는데

[11:21] 클로드 코드에서는 작동하지 않습니다.

[11:23] 그래서 이걸 대신 사용합니다.

[11:25] 이제 버셀로 가서 새 프로젝트를 추가하겠습니다.

[11:30] DDD를 가져옵니다. 이걸 변경할 필요는 없을 것 같네요.

[11:33] 배포해봅시다. 작동하는지 확인해보죠.

[11:34] 이건 말 그대로 예전에는 몇 시간 걸렸던 과정이

[11:38] 이제는 5분도 안 걸리네요.

[11:40] 5분도 안 걸립니다.

[11:42] 여기서 보실 수 있듯이 빌드 중이고

[11:45] 앞서 말씀드린 대로 이건 배포 준비가 완료된 상태입니다.

[11:47] 로컬에서 이미 빌드되기 때문이죠.

[11:49] 로컬에서 빌드되면

[11:51] 버셀에서도 빌드될 것입니다.

[11:53] 그리고 버셀에서 빌드되면 버셀이 자신들의 서버에 런칭할 수 있습니다.

[11:57] 린팅을 통과하면

[11:59] 거의 통과가 보장됩니다.

[12:01] 141페이지네요.

[12:03] 한 시간도 안 되어 141페이지 웹사이트를 만들었습니다.

[12:06] 전에도 해봤는데 구글에서 순위도 매겨졌어요.

[12:09] 좋습니다. 이제 말 그대로 해야 할 일은

[12:12] 커스텀 도메인을 할당하는 것뿐입니다.

[12:14] 그러면 보세요, 완료됩니다.

[12:16] 여기를 클릭할 수 있을 것 같네요.

[12:19] 와! 저걸 보세요. 정말 미친 일이죠.

[12:21] 여러분? 방금 5분 만에 런칭했습니다.

[12:23] 아무 문제없이 말이죠. 이제 끝났습니다.

[12:27] 클라이언트에게 보내세요. 피드백을 받으세요.

[12:29] 그 피드백을 클로드에게 다시 전달하세요.

[12:31] 클라이언트가 돈을 지불합니다.

[12:34] 다음 웹사이트로 넘어가세요.

[12:36] 시청해주셔서 감사합니다.

[12:38] 영상을 끝까지 보신 분이라면

[12:39] 정말 대단한 분이세요.

[12:40] 서브 에이전트는 정말 대단합니다.

[12:44] 클로드 코드 시스템 안에 깃허브가 있다는 건

[12:46] 정말 대단합니다. 이건 정말 좋은 시스템이에요.

[12:50] 시청해주셔서 감사합니다. 안녕히 계세요.