[00:00]
여기 꼭 알아야 할 5가지 간단한 Cloud Code
[00:02]
워크플로우를 소개합니다. 저는
[00:04]
David Andre이고 Cloud Code에서 수백 시간을
[00:06]
경험했습니다. 이 영상에서는
[00:08]
완전 초보자라도 Cloud Code를 사용해서
[00:10]
말 그대로 무엇이든 만드는 방법을 보여드리겠습니다.
[00:12]
첫 번째로 보여드릴
[00:14]
워크플로우는
[00:15]
다중 에이전트 설정입니다. 3개의
[00:18]
서로 다른 Cloud Code가 함께 작업하는
[00:20]
단일 프로젝트 방법입니다. 그럼
[00:22]
커서로 들어가 보겠습니다. 빈
[00:23]
프로젝트를 열겠습니다. Cloud Code
[00:25]
팀이 실행되는 동안 커서 에이전트가
[00:26]
작업을 감독하고
[00:28]
올바르게 설정하도록 도와줄 것입니다.
[00:30]
다중 에이전트 팀은 까다로울 수 있습니다.
[00:32]
이것에 대한 전체 영상도 만들었으니
[00:34]
이 영상 후에 꼭 보세요.
[00:35]
어쨌든, 커서로 전환해서
[00:37]
첫 번째 파일을 만들어야 합니다.
[00:39]
새 coms.md 파일을 우리
[00:42]
프로젝트 루트에 만들어 달라고 하겠습니다.
[00:46]
그다음 이 파일의
[00:47]
목적을 붙여넣겠습니다. 기본적으로
[00:49]
에이전트들이 어떻게 함께 작업해야 하는지
[00:51]
설명하는 내용입니다. 그리고 grog 4를 사용해서
[00:53]
실행시키겠습니다. 이게 실행되는 동안
[00:55]
수동으로 새 파일을
[00:56]
cloth.md라고 만들 수 있습니다.
[00:58]
이것은 당연히 메인 파일이고,
[01:00]
모든 Cloth Code 에이전트를 위한
[01:02]
메인 시스템 프롬프트 파일입니다. 커서가
[01:04]
큐 메시지를 추가했으니 이제
[01:06]
다음 프롬프트를 입력할 수 있습니다. 완성!
[01:07]
큐에 이 메시지가 있습니다. 커서가
[01:10]
여전히 com MD 파일을 작업하는 동안
[01:12]
이 메시지가 준비되었습니다. 이 액션 로그는
[01:13]
AI 에이전트들이 무엇을 하고 있는지
[01:15]
그리고 목표에 따라 다음에 무엇을
[01:16]
해야 하는지 기록하는 곳입니다.
[01:19]
커서에게 엑스 프롬프트를
[01:20]
주어서 기본적으로 워크플로우를 설명하겠습니다.
[01:22]
두 MD 파일을 모두 명확하고
[01:25]
명시적으로 설명해서 업데이트하세요. 기본적으로
[01:28]
우리는 Grock 4를 수석 프롬프트
[01:30]
엔지니어로 사용해서 이 다중 에이전트
[01:32]
시스템의 규칙을 구성하고 있습니다.
[01:34]
여기서 거부하고 여기서만
[01:36]
수락하겠습니다. 좋습니다. 저는 슈퍼 휘스퍼를
[01:38]
사용해서 목소리를 더 빨리 변환하고 있습니다.
[01:40]
확인해보겠습니다. 액션 로그 로그인 프로토콜.
[01:42]
에이전트들은 에이전트 1, 2로 지정됩니다.
[01:44]
네. 맞습니다. 좋습니다.
[01:46]
이것은 괜찮아 보입니다. 수락하겠습니다.
[01:48]
이제 준비됐습니다. 해야 할 일은
[01:49]
목표를 설정하는 것입니다.
[01:51]
여기에 넣겠습니다. 인터랙티브 3D 산악 지형
[01:53]
게임을 만들어보겠습니다. 꽤 간단해야 합니다.
[01:54]
제가 한 것은 커서 내부에서
[01:57]
3개의 다른 터미널을 열었습니다.
[01:59]
여기서 해야 할 일은
[02:01]
각 터미널에서 Cloth Code를 실행하는 것입니다.
[02:03]
그럼 해보겠습니다. clot만 입력하면 됩니다.
[02:06]
그런데 프로 팁이 있습니다. 매일 아침 제가 하는 것은
[02:08]
MacBook의 메인 터미널을 열어서
[02:11]
cloth update를 입력하는 것입니다.
[02:14]
이것은 Cloth Code의 새로운 업데이트가
[02:16]
전체 머신에 글로벌하게 있는지 확인합니다.
[02:18]
특정 프로젝트 내에서만이 아니라요.
[02:20]
어쨌든, 커서 에이전트를
[02:21]
닫아서 화면에 더 많은 공간을
[02:23]
확보할 수 있을 것 같습니다.
[02:25]
왼쪽 상단에 cloud MD 파일과
[02:27]
coms.md가 있습니다. 여기서 기본적으로
[02:30]
프로젝트를 관리할 예정입니다.
[02:31]
프로젝트를 관리할 수 있습니다. 만약 에이전트들이
[02:33]
오작동하거나 문제가 생기면, 우리는 그냥
[02:34]
클라우드 MD 파일에 더 많은 지시사항을 추가할 수 있습니다.
[02:36]
이것은 이 프로젝트에서 실행되는 모든
[02:38]
클라우드 코드 인스턴스들의 행동에 영향을 미칩니다.
[02:41]
좋습니다. 이제 해야 할 일은
[02:42]
각 클라우드 코드를 자동 수락 모드로 전환하는 것입니다.
[02:44]
Shift + Tab을 눌러서 할 수 있습니다.
[02:47]
이제 모든 코드가 자동 수락 모드입니다.
[02:49]
다음으로 /model 명령을 하겠습니다.
[02:51]
각 클라우드 코드를 Opus로 바꾸겠습니다.
[02:53]
아무래도 저는 돈을 좋아하지 않는 것 같네요.
[02:56]
참고로, 저는 월 200달러 구독을 사용하고 있습니다.
[02:58]
이것으로 클라우드 코드를 무제한으로 사용할 수 있습니다.
[03:01]
또한 제 다른 개발자들을 위해서도 비용을 지불하고 있습니다.
[03:02]
그래서 저와 제 팀 사이에
[03:04]
클라우드 코드에만 월 800달러 이상을
[03:06]
지출하고 있습니다.
[03:08]
어쨌든, 이제 첫 번째 프롬프트를 해보겠습니다.
[03:10]
프롬프트는 매우 간단합니다.
[03:12]
우리 프로젝트의 두 MD 파일을 읽어서
[03:13]
우리의 목표가 무엇인지에 대한 완전한 이해와
[03:15]
이 프로젝트에서 다른 AI 에이전트들과
[03:17]
어떻게 협력해야 하는지를 파악해달라고 했습니다.
[03:20]
그리고 이것을 모든 클라우드 코드 인스턴스에
[03:22]
전송하겠습니다.
[03:24]
완료! 이제 클라우드 코드들이 실행되는 것을 보세요.
[03:26]
좋습니다. 할 일 목록을 만들고 있네요.
[03:28]
실제로 중단하겠습니다. 제가 어떤 AI 에이전트인지
[03:31]
할당하는 것을 깜빡했거든요.
[03:33]
그래서 '당신은 AI 에이전트 01입니다'라고 말하겠습니다.
[03:35]
이해했습니다. 저는 에이전트 2입니다.
[03:38]
이해했나요? 저는 에이전트 1입니다.
[03:40]
추가 지시사항을 기다리겠습니다.
[03:41]
좋습니다. 각 클라우드 코드가 다르게 동작하는 것을 보세요.
[03:43]
멀티 에이전트 시스템의 진짜 도전은
[03:45]
그들이 서로 대립하지 않고
[03:47]
함께 작업하도록 관리하는 것입니다.
[03:49]
이제 각 에이전트가 자신의 역할과
[03:50]
해야 할 일을 이해했으므로
[03:52]
하나씩 실행해보겠습니다.
[03:54]
에이전트들을 실행하기 위해
[03:56]
이 프롬프트를 준비했습니다.
[03:58]
먼저 당신이 실행하려는 첫 번째 작업을 적고
[03:59]
자신을 제대로 식별하고
[04:01]
다음 작업이 무엇인지 명확하고
[04:03]
간결하게 설명하세요.
[04:05]
작업을 마친 후에는
[04:07]
coms.md를 다시 읽고 계속 진행하세요.
[04:10]
작업을 멈추지 마세요. 사용자가
[04:12]
프로젝트가 완료되었다고 말할 때까지요.
[04:13]
전송합니다. 에이전트 1을 실행해보겠습니다.
[04:16]
coms.md를 열어서 작업 로그를 확인해보겠습니다.
[04:18]
뭔가 나타나는 것을 볼 수 있을 것입니다.
[04:20]
여기 있습니다. 에이전트 1이요.
[04:21]
이제 같은 프롬프트로 에이전트 2를 실행할 수 있습니다.
[04:24]
다음 작업은 에이전트가 three.js 라이브러리를 설정하는 것입니다.
[04:26]
3D 씬을 초기화합니다.
[04:27]
에이전트 2를 기다리고 있습니다. 에이전트 2가 작업하고 있네요.
[04:30]
훌륭합니다. 에이전트 3을 해보겠습니다.
[04:31]
와, 이것은 정말 놀랍습니다.
[04:33]
보기만 해도 너무 놀랍습니다.
[04:35]
우리는 정말 미래에 살고 있습니다.
[04:36]
3-6개월 후에는 어떻게 될지
[04:37]
상상할 수 없습니다.
[04:39]
에이전트 3, 워크플로우에 참여하세요.
[04:41]
그리고 여기 있습니다. 3개의 에이전트가
[04:42]
모두 활성화되어 coms.md 파일을 통해 소통하며 함께 작업하고 있습니다.
[04:46]
에이전트 1이 계속 작업하는지 봅시다.
[04:48]
구조를 구현했습니다.
[04:49]
네, 에이전트 1이 단계를 구현했고
[04:51]
에이전트 3이 할당한 다음 단계에서 다시 작업하고 있습니다.
[04:54]
정말 놀랍습니다, 여러분.
[04:56]
그리고 우리는 이제 시작일 뿐입니다.
[04:57]
시작했습니다. 이것은 제가 이 영상에서 보여드릴
[04:59]
다섯 가지 Claude Code 워크플로우 중 첫 번째일 뿐입니다.
[05:01]
만약 이것이 놀랍다고 생각하신다면,
[05:02]
무엇이 올지 상상도 못하실 겁니다.
[05:04]
잠깐, 제 Claude Code Mastery 워크샵에
[05:06]
무료로 접근할 수 있는 기회를 얻고 싶으시다면,
[05:09]
인스타그램에서 저를 팔로우해 주세요.
[05:11]
최신 게시물에 좋아요와 댓글을 달기만 하면 됩니다.
[05:13]
한 분이 New Society에 평생 접근권을 얻게 되며,
[05:15]
여기에는 우리가 내부에 가지고 있는
[05:18]
모든 독점 콘텐츠에 대한 접근권이 포함됩니다.
[05:19]
Claude Code Mastery 워크샵도 포함해서 말이죠.
[05:21]
이 경품 참여는 완전히 무료입니다.
[05:23]
제 인스타그램에 가서 최신 게시물에
[05:25]
좋아요와 댓글을 달기만 하면 되고,
[05:27]
48시간 내에 우승자를 선택하겠습니다.
[05:29]
제 인스타그램 링크는 영상 아래에 있습니다.
[05:31]
제가 보여드릴 두 번째 워크플로우는
[05:32]
Claude Code를 사용해서 풀 리퀘스트를 리뷰하는 방법입니다.
[05:34]
만약 다른 개발자들과 팀으로 일하거나
[05:36]
AI 스타트업을 위해 첫 번째 개발자를 고용하려고 한다면,
[05:38]
풀 리퀘스트가 어떻게 작동하는지와
[05:40]
그것을 리뷰하는 방법을 반드시 알아야 합니다.
[05:42]
다행히 이 과정에서 Claude Code의 도움을 받을 수 있습니다.
[05:44]
저는 여러 개발자들로부터
[05:45]
수십 개의 다른 풀 리퀘스트를 리뷰했고,
[05:47]
90줄이 넘는 맥락 엔지니어링으로 이루어진
[05:50]
이 프롬프트를 최적화했습니다.
[05:53]
그리고 이것은 New Society 내부의
[05:54]
이 모드에서 찾을 수 있습니다.
[05:57]
어쨌든, 이 프롬프트는 풀 리퀘스트 리뷰를
[06:00]
단계별로 접근합니다. 제가 실제 실제
[06:02]
제 AI 스타트업의 PR로 어떻게 작동하는지
[06:04]
보여드리겠습니다. 예를 들어
[06:06]
이 1926번, 이걸 복사해봅시다.
[06:08]
제 스타트업의 프로젝트 디렉토리로
[06:10]
전환했고, 우리가 해야 할 일은
[06:12]
이 프롬프트를 Claude Code에 붙여넣고
[06:15]
PR 리뷰를 도와달라고 하고 풀 리퀘스트 번호
[06:19]
1926을 입력하는 것입니다. 이미 모든 지시사항이
[06:21]
들어있습니다 - 주요 엔지니어로서 리뷰하는 방법,
[06:23]
하지 말아야 할 것과 해야 할 것,
[06:25]
SOLID 원칙을 찾고 단계별로 수행하는 것입니다.
[06:29]
1단계는 이 두 터미널 명령을 실행해서
[06:32]
PR이 무엇에 관한 것인지 이해하는 것입니다.
[06:33]
1단계부터 시작해보겠습니다.
[06:35]
첫 번째 GitHub CLI 명령을 실행해서
[06:37]
PR을 보고, 무엇에 관한 것인지 읽고,
[06:39]
정말로 이해하는 것입니다. 왜냐하면
[06:41]
풀 리퀘스트를 리뷰하는 첫 번째 단계가
[06:43]
바로 그것이기 때문입니다. 어떤 변경사항을 만들고 있는지
[06:46]
알아야 합니다. 이제 git 브랜치와
[06:48]
풀 리퀘스트가 어떻게 작동하는지 이해해야 하는 이유는
[06:50]
Claude Code가 코드 변경을 매우 매우 빠르게
[06:53]
할 수 있기 때문입니다. 만약 마스터 브랜치나
[06:54]
메인 브랜치에서 그렇게 한다면,
[06:56]
되돌리거나 더 많은 테스트가 필요한 경우
[06:58]
매우 위험할 수 있습니다. 그래서 마스터 브랜치에서
[07:00]
피처 브랜치를 만들 때, 거기서 안전하게
[07:02]
커밋할 수 있습니다. Claude Code로 완전히
[07:04]
과감하게 할 수 있습니다. 앞서 제가 했던 것처럼
[07:06]
네 개의 다른 인스턴스를 실행할 수 있고
[07:08]
마지막에 마스터 브랜치로 풀 리퀘스트를 하고
[07:10]
실제로 리뷰할 수 있다는 걸 알면서
[07:12]
매우 안전하게 할 수 있습니다. 그리고
[07:14]
이 프로토콜을 사용하면 훨씬 더 빠르게
[07:16]
배포할 수 있습니다. 양쪽 모두에서 이길 수 있습니다.
[07:18]
리뷰 중에 더 공격적이면서도
[07:20]
더 적절할 수 있습니다. 그래서
[07:21]
이 워크플로우를 사용하면 훨씬 더 빠르게
[07:25]
배포할 수 있습니다. 그리고 마지막에
[07:26]
마스터 브랜치로 풀 리퀘스트를 하면
[07:28]
실제로 리뷰할 수 있고 이 프로토콜을 사용하면
[07:30]
훨씬 더 빠르게 배포할 수 있습니다.
[07:33]
더 빠르게 작업할 수 있습니다. 훨씬 더 적극적으로
[07:35]
접근하면서도 리뷰 과정에서 더 체계적으로
[07:37]
진행할 수 있죠. 양쪽 모두에서 이득이에요.
[07:39]
먼저 이 두 개의 터미널 명령어를 실행하고
[07:41]
그러면 이 PR이 앱의 아이디어에
[07:43]
1500자 제한을 추가한다는 것을 이해합니다.
[07:45]
실제로 우리가 쉽게 할 수 있는 것은
[07:47]
Cursor에게 두 서버를 모두 시작하라고 하는 것입니다.
[07:50]
두 서버를 모두 시작하세요. 명령어로요.
[07:52]
그렇죠? 짠! 그리고 이것도 실제로 닫을 수 있어요.
[07:55]
그러면 프론트엔드와 백엔드를
[07:57]
자동으로 시작해야 합니다.
[07:59]
바로 여기 있네요. 터미널을
[08:01]
패널로 이동시키겠습니다. 그렇게 하면
[08:03]
방해받지 않죠. 그리고 터미널을 닫고요.
[08:05]
브라우저로 돌아가면 새로고침할 수 있을 거예요.
[08:07]
좋습니다. 바로 여기 있네요. 우리 앱이에요.
[08:09]
이것을 숨기고 아이디어에 집중해보겠습니다.
[08:11]
다시 말해서 이 PR을 이해해보면
[08:13]
맞죠? 이것이 한 일은 제한을 구현한 것입니다.
[08:15]
아이디어에 대한 1500자 제한을요.
[08:17]
여기서 이미 테스트를 하고 있었어요.
[08:20]
이전에는 이 제한을 넘어갈 수 있었거든요.
[08:22]
이 PR이 실제로 수정했는지 확인해보겠습니다.
[08:23]
좋아요. 붙여넣기해보니 안 됩니다.
[08:26]
1500자에서 잘리네요. 좋습니다.
[08:28]
테스트 2를 해보겠습니다. 우리가 여기 있다는 것을 알 수 있도록요.
[08:31]
이 새로운 아이디어를 만들고 나서
[08:34]
편집해서 제한을 넘겨보겠습니다. 안 되네요.
[08:36]
좋아요. 제한을 넘어가던 이전 방법은
[08:39]
더 이상 작동하지 않습니다.
[08:41]
편집해서 제한을 넘을 수 없어요.
[08:42]
좋습니다. 따라서 이 PR은
[08:45]
실제로 매우 간단합니다. 다시 돌아가 보겠습니다.
[08:48]
변경된 파일이 5개뿐이지만 상관없어요.
[08:50]
여전히 단계별 PR 리뷰를 따를 것입니다.
[08:52]
왜냐하면 한 쌍의 눈보다 좋은 것은
[08:54]
두 쌍의 눈이거든요. 맞죠?
[08:55]
특히 하나는 인간이고
[08:57]
하나는 LLM일 때 더욱 그렇습니다.
[08:58]
LLM을 사용하는 것의 장점은
[09:01]
인간과 매우 다르다는 것입니다.
[09:02]
리뷰와 코드를 모두 LLM에게
[09:05]
완전히 위임하면 매우 힘든 시간을 보내게 될 것입니다.
[09:07]
하지만 자신의 기술 세트를
[09:09]
LLM으로 보완하면
[09:11]
훨씬 더 빠르게 버그를 찾을 수 있을 것입니다.
[09:14]
Claude Code는 저와 여러분이 찾을 수 없는 버그를
[09:16]
발견할 수 있습니다. 왜냐하면
[09:18]
대규모 언어 모델이기 때문입니다.
[09:19]
인간의 뇌와는 매우 다르게 작동합니다.
[09:22]
하지만 저와 여러분은 Claude가
[09:24]
완전히 괜찮은 기능이라고 생각할 수 있는
[09:26]
논리적 버그를 발견할 수 있습니다.
[09:29]
그래서 풀 리퀘스트 리뷰에서
[09:31]
Claude Code를 사용하여 도움을 받는 것이
[09:33]
절대적으로 필수적입니다.
[09:35]
1단계를 수행했고, 2단계도 수행했습니다.
[09:37]
풀 리퀘스트의 브랜치로 전환하는 것이었죠.
[09:39]
그리고 3단계에서는
[09:40]
어떻게 하는지 지침도 제공했습니다.
[09:42]
우리는 이미 이 제한이
[09:44]
올바르게 적용되는지 테스트해서 완료했습니다.
[09:46]
따라서 4단계로 넘어갈 수 있습니다.
[09:49]
이 프롬프트에서 가장 고급 단계입니다.
[09:51]
다시 복사해서 Claude Code에 붙여넣고
[09:54]
4단계부터 시작한다고 말할 것입니다.
[09:58]
그런 다음 GitHub에서 이 풀 리퀘스트로
[10:00]
변경된 파일의 파일명을 복사해서
[10:02]
붙여넣기만 하면 됩니다. 짠!
[10:04]
그러면 Claude Code는 풀 리퀘스트 리뷰를 위한
[10:07]
4단계 프롬프트를 따라
[10:08]
각 파일의 변경 사항을 설명할 것입니다.
[10:10]
이 파일은 +18 -2입니다. 꽤 간단하죠.
[10:13]
내용을 읽어볼 수 있어요. 하지만 변경사항이
[10:15]
+150 -70 같은 규모일 때는 정말로
[10:18]
시간을 많이 절약해줍니다. 그럼 아이디어 서비스에서
[10:20]
무엇이 변경되었는지 확인해볼게요. 알겠습니다. 잘림 기능이 추가되었고,
[10:24]
노트 업데이트가 제거되었네요.
[10:26]
간단한 수정입니다. 좋아요.
[10:28]
좋아 보입니다. 완벽하네요. 바로 이겁니다.
[10:30]
AI를 사용하지 않는 사람들보다
[10:32]
훨씬 빠르게 풀 리퀘스트를 리뷰할 수 있어요.
[10:34]
그럼 다음 파일로 넘어가죠. 완벽!
[10:36]
복사하겠습니다. 다음으로 파일 위치에 붙여넣으면
[10:38]
Claude가 다음 파일 작업을 시작해서
[10:40]
이런 변경사항들을 이해하려고 시도합니다.
[10:42]
당연히 이것도 꽤 작은 변경사항이에요.
[10:43]
17 -4입니다. 새로운 import가 있고
[10:46]
몇 가지 작은 변경사항이 있습니다.
[10:48]
검증 정리 구현에서 추가되었네요.
[10:50]
좋아 보입니다. 확인됨으로 표시할 수 있고
[10:53]
요점을 아시겠죠. 이게 특히 강력해지는 건
[10:55]
복잡하고 긴 풀 리퀘스트에서인데
[10:58]
이해하고 검토하는 데 몇 시간이 걸릴 수도 있어요.
[11:00]
AI를 사용하면 이 과정을 대폭 단축할 수 있습니다.
[11:01]
또한 자신의 이해도를 높일 수도 있어요.
[11:03]
Claude Code에게 풀 리퀘스트에 대한
[11:05]
질문을 할 수 있기 때문입니다. 변경사항에 대해서,
[11:06]
왜 그런 변경을 하려고 하는지,
[11:08]
왜 그런 변경을 하는지 등등에 대해서요.
[11:10]
그래서 개인적으로 4명의 개발자 팀을 운영하는
[11:12]
입장에서 이 단일 Claude Code 워크플로우는
[11:13]
매주 몇 시간씩 절약해줍니다.
[11:15]
매주 말이에요. 좋아요. 배터리가 9% 남았네요.
[11:17]
사실 8%네요. 정말 대단하네요.
[11:19]
그래서 남은 3개의 워크플로우를
[11:22]
더 빠르게 진행해야겠어요.
[11:24]
다음 워크플로우는 Claudia입니다.
[11:26]
이것은 오픈소스 프로젝트예요.
[11:28]
동영상 아래에 링크를 걸어둘게요.
[11:30]
이것은 정말 멋진 UI로 Claude Code를
[11:31]
사용할 수 있는 방법입니다.
[11:33]
어떤 모습인지 보여드릴게요.
[11:35]
터미널이 마음에 들지 않는다면
[11:37]
이것이 완벽한 솔루션이에요.
[11:38]
여러 Claude Code 에이전트를 병렬로
[11:39]
관리할 수 있어요. 앞서 했던 것처럼요.
[11:41]
하지만 터미널을 사용할 필요가 없어요.
[11:44]
IDE를 사용할 필요도 없고요.
[11:45]
Claudia를 사용하면 훨씬 간단한 UI를 제공합니다.
[11:47]
솔직히 이것에 대해 전체 동영상을
[11:49]
만들 수도 있을 것 같아요.
[11:50]
많은 사람들이 UI 솔루션에 관심을 가지고 있거든요.
[11:52]
문제는 Anthropic이 곧 자체 UI를
[11:55]
출시할 수도 있다는 거예요.
[11:57]
Claude Code가 엄청나게 인기를 끌고 있거든요.
[11:59]
그동안에는 이것이 훌륭한 솔루션입니다.
[12:00]
GitHub 저장소에 이 UI의 모든 설정 지침이
[12:02]
포함되어 있어요. 설정 방법, 사용법,
[12:04]
그리고 알아야 할 모든 것들이 있습니다.
[12:06]
Rust를 설치해야 해서
[12:08]
한 번도 사용해보지 않았다면 약간 번거로울 수 있어요.
[12:10]
하지만 전반적으로 꽤 간단합니다.
[12:12]
그리고 다시 말씀드리지만 동영상 아래에
[12:14]
링크를 걸어둘게요.
[12:15]
터미널 사용이 싫고 Claude Code를
[12:17]
멋진 UI에서 사용하고 싶다면
[12:18]
매우 흥미로운 프로젝트예요.
[12:20]
그리고 단 3주 만에 GitHub에서
[12:21]
8,000개 이상의 스타를 받았는데
[12:23]
꽤 인상적입니다.
[12:25]
워크플로우 넘버 4는 MCP를 사용하는 것입니다.
[12:27]
Claude Code 내에서 /mcp를 사용해서
[12:30]
MCP 서버를 관리할 수 있어요.
[12:32]
지금 여기에는 설정된 것이 없습니다.
[12:34]
하지만 MCP를 사용하는 모든 앱들
[12:36]
예를 들어
[12:39]
NA10, 예를 들어 Cursor, Vectal,
[12:42]
Linear, 셀 수 없이 많은 GitHub,
[12:45]
너무 많은 앱들이 MCP를 지원하죠. 공식적인 것들과
[12:46]
수천 개의 서드파티 앱들이 있지만,
[12:48]
저는 공식적인 것들만 사용하길 권합니다.
[12:50]
예를 들어, Vectal 내에서
[12:51]
왼쪽 하단의 설정으로 가서
[12:53]
고급 설정으로 들어가면,
[12:55]
Vectal Pro 사용자이거나 그 이상,
[12:57]
Vectal Teams, Vectal Ultra 사용자라면
[12:59]
여기서 API 키에 접근할 수 있습니다.
[13:01]
키 생성을 클릭하고
[13:03]
원하는 곳에 MCP 설정 파일을 설정하면 됩니다.
[13:04]
물론 Cursor에서도 사용할 수 있지만
[13:08]
이건 Claude Code에 관한 영상이니까요.
[13:10]
Claude Code에서 Vectal을 사용해서
[13:12]
작업을 관리할 수 있습니다.
[13:13]
여기 보시면 제 Vectal에
[13:16]
여러 작업들이 있습니다.
[13:18]
주간 팀 리뷰, MVP 개발,
[13:20]
기술 아키텍처 등 제가 해야 할
[13:22]
다른 작업들이 많이 있죠.
[13:23]
Claude Code가 이 모든 걸 실행할 수 있어요.
[13:25]
Todoist, ClickUp 같은
[13:26]
구식 작업 관리 도구들 대신
[13:28]
작업을 Vectal로 옮기세요.
[13:30]
왼쪽 하단으로 가서
[13:32]
고급 설정을 클릭하고, API 키를 클릭해서
[13:34]
MCP용 API 키를 생성하고
[13:37]
아래로 스크롤해서
[13:38]
이 두 단계 과정을 따라하세요.
[13:42]
npm install -g remote를 실행하고
[13:43]
이 JSON 스키마를
[13:46]
Cursor나 다른 MCP 클라이언트에 복사하세요.
[13:48]
당연히 Claude도 포함해서요.
[13:50]
이렇게 Claude Code에서 Vectal을 사용할 수 있습니다.
[13:51]
다시 말하지만, 이에 대한
[13:53]
전체 영상을 보고 싶으시면
[13:54]
아래 댓글로 알려주시면 기꺼이 만들어드리겠습니다.
[13:56]
이제 Claude Code 워크플로우 5번은
[13:59]
대용량 파일 리팩토링입니다.
[14:01]
이건 아무도 얘기하고 싶어하지 않는 주제지만,
[14:03]
바이브 코딩을 하면
[14:04]
크고 지저분한 코드가 나오게 됩니다.
[14:07]
500줄, 700줄, 900줄짜리 파일들이요.
[14:10]
심지어 1.5K 정도 되는 파일들도 있었는데,
[14:13]
정말 끔찍하죠.
[14:14]
아무도 그 파일이 뭘 하는지 이해하지 못해요.
[14:16]
대용량 파일 리팩토링에 매우 최적화된
[14:18]
프롬프트가 있는데, 사실 좀 길 수도 있어요.
[14:21]
그래서 Claude Code를 사용해서
[14:23]
이 Claude Code 워크플로우 프롬프트를
[14:25]
설명하도록 하겠습니다.
[14:28]
이 프롬프트를 붙여넣고
[14:32]
파일 리팩토링 워크플로우가 어떻게 작동하는지
[14:35]
간단한 설명을 달라고 했습니다.
[14:38]
대용량 파일을 리팩토링할 때,
[14:40]
대부분의 개발자들, 특히 주니어 개발자들과
[14:43]
특히 바이브 코더들이 실수하는 부분이에요.
[14:45]
코드 줄을 계속 추가하고,
[14:48]
파일에 복잡성을 계속 추가하는 것은 쉽지만,
[14:50]
아주 긴 파일을 가져다가
[14:52]
그것이 무엇을 하는지 이해하고
[14:54]
두 개, 세 개, 네 개의
[14:56]
더 모듈화되고, 더 작고, 더 잘 구조화된
[14:59]
파일들로 나누는 것은 매우 어려워요.
[15:01]
그건 매우 어렵고 멋있지도 않죠.
[15:04]
모든 사람이 MVP들을 바이브 코딩하는 걸 좋아해요.
[15:06]
웹 앱이든, 랜딩 페이지든,
[15:08]
3D 게임이든 말이죠.
[15:10]
아무도 리팩토링이나 코드베이스를
[15:13]
더 모듈화하는 것에 대해 얘기하고 싶어하지 않아요.
[15:15]
하지만 실제로 AI 스타트업을 구축하기 시작하면
[15:16]
AI 스타트업을 구축하면서
[15:18]
완전히 감각적인 코딩에만 의존하면
[15:20]
곧바로 문제에 부딪힐 것입니다.
[15:23]
그래서 이 워크플로우는
[15:24]
비록 이 영상의 마지막이지만
[15:26]
가장 중요할 수 있습니다.
[15:27]
정말로 AI 스타트업을 구축하고
[15:30]
월 1만 달러, 10만 달러, 그 이상으로
[15:32]
확장하고 싶다면 리팩토링 방법을
[15:34]
배워야 합니다.
[15:36]
코드베이스를 읽기 쉽고, 모듈화되고,
[15:38]
확장 가능하고 유지보수 가능하게
[15:40]
만드는 방법을 배워야 합니다.
[15:43]
이 Claude 코드 워크플로우가
[15:44]
바로 그것을 위한 것입니다.
[15:46]
설명해 드리겠습니다.
[15:48]
핵심 철학은 대용량 파일 리팩토링을
[15:51]
살아있는 환자에 대한 수술처럼
[15:53]
다루는 것입니다.
[15:55]
한 번의 잘못된 절단으로
[15:57]
전체 시스템을 죽일 수 있습니다.
[15:59]
이것은 사실입니다.
[16:02]
심각한 버그를 도입하거나
[16:04]
기능이 작동하지 않거나
[16:06]
다섯 개의 엣지 케이스를 더 추가한다면
[16:08]
리팩토링의 의미가 무엇입니까?
[16:10]
우리는 모든 핵심 기능을 유지하고
[16:13]
새로운 버그를 도입하지 않는 방식으로
[16:16]
리팩토링을 하고 싶습니다.
[16:17]
그래서 우리는 3단계
[16:19]
접근 방식을 사용합니다.
[16:21]
첫 번째, 안전망.
[16:23]
무엇이든 건드리기 전에
[16:25]
100% 또는 거의 100%의
[16:26]
동작 커버리지를 위한
[16:28]
테스트를 작성해야 합니다.
[16:30]
보통 100%는 실제로는
[16:31]
제품 매니저들이 좋아하는 것입니다.
[16:34]
그들은 100%를 목표로 하지만
[16:35]
보통 효율적이지 않습니다.
[16:38]
80-90%라면 이미 훌륭합니다.
[16:40]
안전망의 핵심 아이디어는
[16:42]
미리 모든 것이 어떻게 작동하는지
[16:44]
확인하는 것입니다.
[16:45]
코드를 대체 브랜치로 체크아웃할 수 있습니다.
[16:48]
바라건대 리팩토링을 별도 브랜치에서
[16:50]
하고 있기를 바랍니다.
[16:52]
프로덕션이나 스테이징이나
[16:54]
개발 브랜치가 아닌 말입니다.
[16:56]
대규모 리팩토링은 별도 브랜치에서
[16:58]
해야 하거나 심지어 여러 브랜치에서
[17:00]
단계별로 해야 합니다.
[17:02]
리팩토링의 규모에 따라
[17:04]
달라집니다.
[17:06]
첫 번째 단계의 핵심은
[17:08]
현재 상태를 파악하는 것입니다.
[17:10]
기능들이 얼마나 빠른지
[17:12]
테스트를 수행하는 것뿐만 아니라
[17:14]
리팩토링하려는 기능들과 함수들을
[17:17]
추적하고 싶습니다.
[17:19]
얼마나 빠른지, 얼마나 안정적인지
[17:21]
리팩토링 전에 파악하여
[17:23]
기준선을 갖도록 합니다.
[17:24]
두 번째 단계는
[17:26]
수술 계획입니다.
[17:28]
복잡성 핫스팟을 찾는 것입니다.
[17:30]
가장 복잡하고 얽힌
[17:32]
코드의 부분 중에서
[17:35]
먼저 리팩토링하는 것이 가장 합리적인
[17:38]
부분이 무엇인지 찾는 것입니다.
[17:40]
이것은 이런 대규모 위험한
[17:42]
리팩토링에서 매우 중요합니다.
[17:45]
실제로 적절한 계획은
[17:46]
스타일링이나 애니메이션 또는
[17:50]
UI 코드 같은 것들이 있다면
[17:53]
파일의 나머지 부분으로부터 매우 분리되어 있고
[17:55]
비즈니스 로직을 가져오지 않는다면
[17:57]
그런 것들을 먼저 추출해야 합니다.
[17:58]
그리고 덧붙여서 파일을 더 짧게 만드는 것의
[18:01]
추가적인 이점은 LLM과 AI 에이전트들이
[18:04]
Claude Code 같은 것들이 훨씬 더 쉽게
[18:06]
작업할 수 있다는 것입니다.
[18:09]
이것은 단순히 코드베이스를 더 모듈화하여
[18:10]
인간 개발자들이 작업할 수 있도록 하는 것이 아닙니다.
[18:12]
이것은 AI를 위한 것이기도 합니다.
[18:14]
잘 구조화된 코드베이스가 있다면
[18:17]
Claude Code는 훨씬 더 빠르게
[18:19]
더 적은 버그로 개발할 수 있고
[18:21]
코드베이스가 엉망인 경우보다
[18:23]
파일을 훨씬 더 깊이 이해할 수 있습니다.
[18:25]
그리고 세 번째 단계는 점진적 실행입니다.
[18:27]
하나의 프롬프트로 모든 것을 한 번에 처리하려고 하는 것이 아니라
[18:29]
하나의 큰 변경사항을 시도하는 것이 아니라
[18:31]
한 번에 한 단계씩 하는 것입니다.
[18:33]
이런 변경사항들을 단계적으로 진행하는 것이죠.
[18:36]
50줄, 40줄, 60줄의 코드를 추출합니다.
[18:39]
그리고 각 추출 후에 테스트를 합니다.
[18:42]
모든 것이 제대로 작동하는지?
[18:44]
뭔가 망가진 것은 없는지?
[18:47]
이렇게 해야 합니다.
[18:48]
정말 수술적으로 접근해야 합니다.
[18:50]
그리고 진짜로, 그냥 Claude Code에게
[18:52]
이 전체 파일을 리팩토링해라고 할 수는 없습니다.
[18:54]
너무 길어지고 있다고 해서 말이죠.
[18:56]
그렇게 하면 너무 많은 문제에 부딪혀서
[18:58]
아마 개발을 영원히 그만두게 될 것입니다.
[19:00]
그리고 다시 말하지만, 이 프롬프트는
[19:02]
제 다른 모든 프롬프트, 워크플로우, AI 에이전트들과 마찬가지로
[19:05]
New Society에서 이용할 수 있습니다.
[19:07]
만약 AI에 진지하게 관심이 있고
[19:09]
자신만의 AI 스타트업을 구축하고 싶다면
[19:10]
Claude Code 사용의 최첨단에 도달하고 싶다면
[19:12]
그리고 코딩 생산성을 극대화하고 싶다면
[19:15]
반드시 New Society에 가입하세요.
[19:17]
제 YouTube 비디오에서 가르치는 개념들을
[19:20]
다음 레벨로 끌어올리는 독점 콘텐츠가 가득합니다.
[19:22]
게다가, 7월 동안 가입하면
[19:24]
V0 Ultra를 한 달 동안 완전히 무료로
[19:27]
받을 수 있습니다. 맞습니다.
[19:29]
7월 동안 New Society에 가입하는 모든 사람은
[19:31]
100달러 가치의 V0 Ultra를 무료로 받습니다.
[19:34]
이 기회를 놓치지 마시고 오늘 가입하세요.
[19:37]
New Society 링크는
[19:38]
비디오 아래에 있을 것입니다.
[19:40]
그렇다면 시청해 주셔서 감사합니다.
[19:42]
이것들이 여러분이 사용하기 시작해야 하는
[19:44]
5가지 Claude Code 워크플로우였습니다.
[19:46]
그리고 Claude Code에 대한 더 많은 비디오를
[19:47]
만들어 달라면 아래 댓글로 알려주세요.
[19:49]
그렇다면 여러분이 멋지고 생산적인 한 주를
[19:51]
보내시길 바랍니다. 다음에 뵙겠습니다.
[19:53]