Claude Code와 병렬 에이전트로 업무를 계획하는 방법

채널 아이콘
The Parker Rex Show 구독자 862명

요약

Parker Rex는 스타트업 기술총괄 경험을 바탕으로 AI 도구인 Claude Code를 활용해 일일 업로드 형식의 채널에서 최신 소식과 Q&A를 진행합니다. 이번 영상에서는 Meta와 OpenAI 간 인재 빼가기 경쟁, Facebook·Apple의 주요 인수·제품 사례를 살펴본 뒤, Claude Code의 Ultra Think와 Parallel Agents 기능을 활용해 Twitter(X) 북마크·리스트를 자동으로 스크래핑하고 Excalidraw 기반 화이트보드에 시각화하는 업무 계획 시스템을 설계합니다. 단계별 데이터베이스 설정부터 스크래핑 vs API 전략, Next.js 라우팅 구성, Playwright 사용까지 구체적인 구현 방안을 제시합니다.

주요 키워드

Claude Code Parallel Agents Ultra Think Excalidraw Next.js Playwright Web Scraping SQLite Twitter API Data Pipeline

하이라이트

  • 🔑 Parker Rex는 스타트업 기술 총괄 경험을 바탕으로 AI 도구인 Claude Code를 활용해 효율적인 업무 계획 방식을 소개합니다.
  • ⚡️ Meta와 OpenAI 간 엔지니어 확보 경쟁을 살펴보며, 억대 연봉·사인온 보너스가 조직 문화에 끼치는 부정적 영향을 지적합니다.
  • 🌟 Facebook·Instagram·WhatsApp 등의 주요 인수 사례와 Apple 제품 '치즈 그레이터' 케이스를 통해 혁신과 비판적 시각을 균형 있게 제시합니다.
  • 📌 시청자 Q&A 섹션에서 AI 코딩 입문자를 위한 추천 자료, Notion 기반 콘텐츠 트래커, 클라우드 코드 실험 팁을 공유합니다.
  • 🚀 Cloud Code의 Ultra Think와 Parallel Agents 기능으로 Twitter(X) 북마크·리스트를 실시간 모니터링해 Excalidraw 화이트보드로 시각화하는 시스템 설계를 단계별로 설명합니다.
  • 🔍 스크래핑 vs X API 사용 시 고려사항과 무료 API의 한계(월 100회 호출)를 검토하며 Playwright를 활용한 크롤링 전략을 제시합니다.
  • ⚙️ SQLite(Drizzle)를 이용한 데이터베이스 설정, Next.js API 라우팅 및 Excalidraw 통합 과정을 통해 일일 화이트보드 자동 생성 워크플로우를 구축합니다.
  • 💡 서버리스 함수 한계로 인해 Vercel 서버리스 대신 Hono 또는 전용 서버 도입이 필요함을 짚으며, 효율적 리스너 구성을 제안합니다.

용어 설명

Claude Code

Anthropic의 AI 개발 도구로, 터미널·에디터에서 고도화된 코드 생성 및 추론 기능을 제공합니다.

Parallel Agents

여러 하위 에이전트를 동시에 생성해 병렬로 작업을 수행하고 중앙 에이전트에 결과를 보고하도록 설정하는 Claude Code의 기능입니다.

Ultra Think

Claude Code의 고사양 추론 모드 트리거 키워드로, 모델의 사고 예산을 확장해 복잡한 문제 해결을 유도합니다.

Excalidraw

오픈소스 화이트보드 라이브러리로, 드로잉·노트 작성 기능을 통해 시각화된 다이어그램을 작성할 수 있습니다.

Next.js

React 기반의 SSR 프레임워크로, 서버리스 함수 및 라우팅 기능을 제공합니다.

Playwright

Microsoft에서 개발한 자동화 라이브러리로, 브라우저 제어를 통해 웹 스크래핑 및 E2E 테스트를 수행합니다.

Web Scraping

HTTP 요청과 파싱 기법으로 웹 페이지의 데이터를 추출하는 기술입니다.

[00:00:00] 도입 및 채널 소개

Parker Rex가 자신의 배경과 채널 포맷을 소개하며 오늘 다룰 클라우드 코드와 전략적 주제(뉴스·Q&A·계획)를 개괄합니다.

파커 렉스가 자신을 소개하며 클라우드 코드를 사용한 계획 수립 방법을 다룰 예정이라고 안내합니다. 그는 2천 3백만 달러에 매각된 스타트업의 기술 총괄 출신으로 현재는 AI에 집중하고 있으며, 프로덕트 관리와 디자인 배경을 가지고 있습니다.
데일리 업로드 형식을 설명하며 보통 5분간 뉴스와 개인적인 견해를 다루고, 5분간 커뮤니티 질문을 처리한 후 전략적인 내용인 클라우드 코드로 넘어간다고 합니다. 두 개의 채널을 운영하고 있다고 설명합니다.
메타와 오픈AI 간의 갈등에 대해 이야기하며, 마크 저커버그의 타임라인을 생성해보겠다고 합니다. 저커버그에 대한 비판론을 언급하면서도 그가 성공한 것은 분명하다고 인정합니다.
[00:00:53] 주요 업계 이슈 분석

Meta와 OpenAI 간 엔지니어 인재 경쟁, Zuckerberg의 Facebook 성장 타임라인, Apple의 ‘치즈 그레이터’ 케이스 및 고가 제품 출시 사례를 통해 혁신과 비판적 시각을 균형 있게 제시합니다.

저커버그가 오픈AI 직원 채용에서 5차원 체스를 두고 있다며, 형과의 팟캐스트에서 페이스북이 1억 달러 이상의 사이닝 보너스와 기본급으로 오픈AI 핵심 엔지니어들을 스카우트하고 있다고 밝혔습니다.
샘 알트만의 반응을 소개하며, 그가 이런 고액 채용이 문화에 좋지 않다고 비판했다고 합니다. 이어서 조니 아이브에 대한 언급으로 넘어가며, 스티브 잡스와 함께 아이폰을 만든 그 역시 비판받고 있다고 설명합니다.
애플이 스티브 잡스 없이 만든 제품들에 대한 비판을 소개하며, 치즈 강판이라 불리는 맥 프로 케이스를 예로 들어 설명합니다.
애플의 가격 정책 문제점을 지적하며, 5만 달러 맥 스튜디오 프로 출시 후 같은 사양의 맥북 프로를 5천 달러에 출시한 사례를 언급합니다.
페이스북의 성장 과정을 설명하며, 2005년 순이익부터 2008년 마크 저커버그의 억만장자 등극, IPO를 통한 1040억 기업가치 달성까지의 과정을 다룹니다.
페이스북의 주요 인수 사례들을 언급하며, 특히 직원당 수익 최대화를 목표로 하는 자신의 계획과 클라우드 코드 에이전트 활용에 대해 이야기합니다.
시청자와의 소통을 시도하며 시청 패턴에 대해 질문하고, 왓츠앱 창립자 얀 쿰에 대한 이야기로 전환합니다.
왓츠앱 창립자 얀 쿰에 대한 강연을 추천하며, 슈퍼베이스 리얼타임 학습 과정에서 받은 영감에 대해 설명합니다.
슈퍼베이스 리얼타임에서 사용하는 일릭서 언어를 확인하고, 통신 분야에서의 안정성에 대해 언급합니다.
왓츠앱이 일릭서를 선택한 이유에 대한 분석을 요청하며, 다양한 프로그래밍 언어들과의 비교 분석을 위한 구체적인 지시사항을 제시합니다.
Meta와 OpenAI 간의 경쟁에 대한 첫 번째 스토리를 마무리하고 Q&A 시간으로 넘어간다.
[00:07:17] 시청자 Q&A

AI 코딩 입문자에게 추천할 학습 자료, Notion 기반 콘텐츠 트래커 구축 아이디어, 클라우드 코드를 8일간 사용하며 얻은 인사이트와 실험 결과를 공유합니다.

시청자로부터 AI 코딩 완전 초보자를 위한 입문 가이드와 모든 절차와 도구를 설명하는 영상 제작 요청을 받는다.
콘텐츠를 더 스마트하게 만들기 위해 Notion에서 트래커를 만들고, VI를 위한 빌드 시스템을 개발했다고 설명한다.
처음부터 끝까지의 10가지 의도적인 단계를 설명하며, 아이디어 포착부터 스택 선택까지의 과정을 차트로 만들었다고 한다.
시리즈에 대한 긍정적인 피드백을 받고, 자신이 웹사이트에서 진행하던 프로젝트를 Claude Code로 완성했다고 설명한다.
[00:09:11] Cloud Code를 활용한 업무 계획

Twitter(X) 북마크·리스트 모니터링 시스템 설계: 북마크·리스트 변경 감지, SQLite(Drizzle) 데이터베이스 저장, Excalidraw 화이트보드 일일 자동 생성, Next.js API 라우팅 구성, Playwright 기반 웹 스크래핑 대안, 서버리스와 전용 서버 비교 등을 단계별로 설명합니다.

Claude Code로 만든 피아노 사운드 기능과 GitHub API를 활용한 프로젝트 설명 자동 생성 기능을 소개한다.
Claude Code 사용 8일 동안 배운 흥미로운 내용에 대해 영상을 만들 예정이지만, 기존 시리즈는 완료했다고 마무리한다.
클라우드 코드 프로젝트의 토큰 사용량 분석 결과를 설명하며, 초기 며칠간의 입력 대비 출력 토큰 비율 변화를 그래프로 보여줬다고 언급합니다.
시청자 질문에 답변한 후, 클라우드 코드를 활용한 계획 수립으로 넘어가며 비디오 제작 과정의 자동화 목표를 설명합니다.
현재 수동으로 링크를 보드에 추가하는 방식을 설명하고, 이를 자동화하려는 계획을 제시합니다. X 플랫폼의 공개 북마크 폴더를 통해 웹사이트 화이트보드로 자동 전송하는 시스템을 구상합니다.
개발 환경을 설정하며 daily upload whiteboard 디렉터리를 생성하고, 터미널에서 클라우드 코드를 실행하는 선호 방식을 설명합니다.
클라우드 코드에게 X.com의 공개 리스트에서 링크를 스크래핑하여 웹사이트 화이트보드로 전송하는 시스템 구축 방법에 대한 계획을 요청합니다.
X 플랫폼에서 Daily upload Q라는 새로운 공개 리스트를 생성하고, 북마크를 추가하는 방법을 테스트해보며 시스템 구현을 위한 실제 작업을 시작합니다.
리스트 기능에 대해 탐색하면서 공개 북마크 생성 가능성을 검토하고 있습니다. 리스트는 사람들을 위한 기능인 것 같다고 언급합니다.
매일 업로드 질문을 다루며, 북마크 시스템 구현을 위한 계획을 세우기 시작합니다. 로그인 문제로 인해 헤드리스 브라우저와 쿠키 사용을 고려합니다.
개별 트윗을 리스트에 추가하는 방법의 한계를 설명하면서, 크리에이터용 화이트보드와 개별 포스트용 북마크라는 두 가지 옵션을 제시합니다.
원하는 워크플로우를 상세히 설명합니다. 북마크 폴더에 추가하거나 리스트에 사용자를 추가하여 새로운 북마크나 포스트를 감지하는 시스템을 구상합니다.
포스트 링크를 SQLite 또는 PostgreSQL 데이터베이스에 저장하고, 특정 날짜의 Excalidraw 화이트보드에 게시하는 시스템을 설계합니다.
Next.js 앱의 화이트보드 라우트 구조를 설명하며, Excalidraw 오픈소스를 포크하여 날짜별 화이트보드를 생성하는 방법을 제안합니다.
Claude를 사용한 더 나은 프롬프트 작성법을 소개하며, 울트라씽킹과 병렬 에이전트를 활용한 문제 해결 접근법을 설명합니다. 울트라씽크는 모델의 최고 사고 수준을 유발하고, 병렬 에이전트는 컨텍스트 절약과 효율적인 계획 수립을 가능하게 합니다.
화자가 Claude Code의 계획 기능에 대해 설명하며, 소프트웨어 제작자인 보리스가 추천하는 방법을 소개합니다. think 명령어를 통한 확장된 사고 모드의 작동 방식을 자세히 설명합니다.
think, think hard, think harder, ultra think 등 단계별 사고 명령어를 소개하고, 병렬 에이전트를 활용한 문제 해결 방법을 시연합니다.
AI가 Twitter/X 리스트와 북마크 모니터링 시스템 구축 요청을 분석하며, SQLite 데이터베이스 사용과 화이트보드 기능 구현에 대한 고려사항을 설명합니다.
X API 사용과 직접 스크래핑 중 선택을 위해 무료 API 계정의 읽기 제한을 조사하며, 병렬 에이전트가 여러 작업을 동시에 처리하는 과정을 관찰합니다.
API 조사 결과 무료 티어의 월 50-100회 읽기 제한이 너무 적다는 것을 확인하고, X API 개발자 포털을 직접 확인하기로 결정합니다.
API 가격 확인 중 월 100개 제한이 너무 비싸다고 판단하여 웹 스크래핑 방식을 선택하기로 결정. 데이터베이스 설정, 모니터링 시스템 구현, Excalidraw 통합 등의 할 일 목록을 정리.
트위터X를 Excalidraw 화이트보드 시스템으로 구현하는 계획을 검토. 웹 스크래핑과 Vercel cron 옵션을 비교하며 API 제한 없이 북마크와 리스트에 접근할 수 있는 방법을 모색.
Next.js의 한계점 설명 - 전용 서버가 아닌 람다 함수 기반이므로 지속적인 리스닝이 불가능. Vercel은 서버리스 함수를 래핑하는 온디맨드 방식이어서 별도의 Hono 인스턴스나 Express가 필요함.
SQLite with Drizzle, Playwright 사용 계획. 6시간 크론 작업 대신 즉시 처리를 원하므로 리스닝 방식 필요. Bear 노트 앱을 CMS로 변환하는 유사한 프로젝트도 같은 문제에 직면.
Bear 노트 앱을 자동 동기화 CMS로 변환하는 프로젝트 소개. #prex.com 태그 추가시 자동으로 웹사이트에 발행되도록 하려고 하지만 Next.js의 리스너 부재로 인해 전용 서버가 필요한 상황.
Vercel cron과 Hono 인스턴스 설정의 구현 비용과 시간을 비교 검토. 6시간보다 더 빈번한 실행을 위해 가격 조사 필요. Claude Code를 활용한 계획 수립 과정이 탄탄한 작업 목록을 만들어준다고 평가.
VI 팀과의 주간 미팅 준비 언급. Discord의 소음 때문에 열어두지 않았다고 설명하며, Microsoft, Google 등 유명 기업 엔지니어들이 참여하고 있는 커뮤니티를 소개.
클라우드 코드를 사용한 계획 수립 방법을 다뤄보겠습니다.
채널에 다시 오신 걸 환영합니다.
제 이름은 파커 렉스입니다.
2천 3백만 달러에 매각된 스타트업에서 기술 총괄을 맡았고,
그 이후로는 AI에 올인하고 있습니다.
제 배경은 프로덕트 매니지먼트,
프로덕트 디자인이었고, 지금은 몇 년간
엔지니어링 분야에 있었습니다.
그럼 이야기해보죠. 와, 큰 영상이
나온다네요. 저기서 뭐라고 하는 거죠?
잘 모르겠네요.
다룰 이야기들이 많이 있고
그다음에 계획으로 넘어가겠습니다.
이것은 데일리 업로드의 일부입니다.
보통 5분 정도 뉴스를 다루는데,
제가 접하게 되는 흥미로운 것들을
제 견해와 함께 5분간 다루고,
커뮤니티에서 누구든지 질문하는 것들을
두 채널 모두에서 5분간 다룹니다.
데일리 업로드인 이 채널과
더 큰 영상들을 올리는 메인 채널,
그리고 전략적인 내용들을 다루는데,
그것이 클라우드 코드가 될 것입니다.
이런 이야기들 몇 가지를 다뤄보죠.
먼저, 이것은 꽤 의미심장한 트윗인데
주목하지 않으셨다면,
메타와 오픈AI 사람들 사이에
약간의 갈등이 있습니다.
시간을 거슬러 올라가서 젊은 저커버그를 보면,
찾을 수 있는지 보죠.
사실, 간단한 타임라인을 만들고 싶습니다.
마크 저커버그가 페이스북을 출시한 때부터
인수와 대규모 투자를 포함한
모든 주요 이정표까지의
타임라인을 생성해보죠.
좋네요. 그럼 이걸 실행해보죠.
어떤 결과가 나오는지 보겠습니다.
하지만 제가 말하고자 하는 것은 그가 꽤 성공적이었지만,
많은 사람들이 그를 비판하며
"이 사람은 페이스북을 만들고 나서
모든 걸 인수해야 했다"고 말합니다.
어떻게 거기에 도달했든 상관없이,
그는 훨씬 더 멋지거나 더, 죄송, 멋진 게 아니라.
그는 당신과 저보다 훨씬 더 혁신적이고
성공적입니다. 당신이 은밀하게
조 단위 부자가 아니라면 말이죠.
하지만 아마 아닐 겁니다. 그래서 그는
뭔가 올바른 일을 하고 있습니다.
그래서 저는 비판하고 싶지 않지만,
많은 혁신이 인수를 통해 이루어졌다는
어느 정도 진실이 있습니다.
그것이 로딩되는 동안, 이것은
그가 기본적으로 오픈AI 채용에서
5차원 체스를 두는 것 같은 영상을
참조한 것입니다.
그가 하는 방식은 형과 함께
팟캐스트에 나가는 것인데,
이름이 기억나지 않네요, 잭인 것 같고, 그는
페이스북에 대해 질문받았는데 페이스북이
1억 달러 이상의 사이닝 보너스와
1억 달러의 기본 급여를 지급하여
오픈AI에서 핵심 엔지니어들을
스카우트하고 있다고 합니다.
스카우트는 새로운 일이 아니지만,
정말 미친 일입니다. 그리고 그에 대한 샘의
답변은 그게 문화에 좋지 않다고
생각한다는 것입니다. 이것은 엄청나게 아이러니한데
샘이 맞기 때문입니다. 최고 인재에게 1억 달러를
지급하는 것은 문화를 파괴합니다.
그것은 최고의 사람들을 끌어들이는
방법이 아닙니다. 그리고 조니 아이브가 있는데
스티브와 함께 아이폰을 만든 사람이죠.
그 역시 비판받는데 많은 사람들이
그가 한 일들이
스티브 없이 한 일들은 그다지 좋지 않았다는 평가를 받습니다.
한 예로 애플 치즈 강판 케이스가 있겠네요.
이 녀석 말이죠.
첫 번째는 쓰레기통이라고 불렸고,
두 번째는 치즈 강판이라고 불렸습니다.
실제로 이걸로 치즈를 갈고 있는 사람도 있더라고요.
좀 미친 것 같긴 하지만요.
또 주목할 점은 그들이 출시한 제품 중에
5만 달러짜리 맥 스튜디오 프로가 있었는데
많은 사람들이 그걸 샀다는 거예요.
그리고 이것과 함께 XDR 맥 디스플레이도 나왔는데
이것도 약 6천 달러 정도였어요.
아마 50달러에 포함되어 있었던 것 같습니다.
그런데 그 다음 텍토버에, 그들이 텍토버라고 부르는데
매년 10월에 많은 제품이 출시되죠.
휴일에 맞춰서 나오는 걸 볼 수 있을 거예요.
그들이 맥북 프로를 출시했는데
같은 사양으로 5천 달러에 나왔어요.
그러니까 한 자릿수 더 비싼 가격으로
같은 기능을 하는 제품을 내놓은 거죠.
게다가 휴대용도 아니고요.
그럼 이걸 한번 살펴보죠.
주요 이정표 중 일부를 보면 현금 흐름표가 유출되었는데
2005년에 순이익 5.66을 기록했다고 나와 있어요.
그래요. 와. 2005년이네요.
그리고 그는 2008년 23세에 억만장자가 됩니다.
IPO를 통해 160억을 조달했고 그 때 기업가치가 1040억이었어요.
8년 만에 1040억 정말 빠른 성장이죠.
8 곱하기 12는 96
13 네 맞네요
페이스북이 포춘 500에 진입했고
여기 인수 내역이 있네요.
인스타그램을 10억에 인수했는데
이건 항상 참조되는 사례죠.
직원당 수익으로 말이에요. 바로 제가 하려는 일이 그거예요.
이런 것들을 최대화하고 싶어요.
이런 많은 에이전트들과 함께
클라우드 코드에 대해 이야기할 예정입니다.
조, 어때요? 커피 마시고 있나요?
언제 이 쇼를 보시나요?
백그라운드에서 이 쇼를 보시나요?
1배속인가요 2배속인가요 아니면 0.5배속인가요?
댓글로 알려주세요. 그리고 Onavo가 있네요.
이게 뭔지 전혀 모르겠어요.
그건 몰랐네요. 왓츠앱도 있고요.
이 사람에 대해서는 정말 하나의 스토리로만 해도
전체 시간을 다 쓸 수 있을 것 같은데
왓츠앱 창립자 리뷰입니다. 얀에 대한 이야기인데
얀에 대한 이 강연을 꼭 보시길 추천드려요.
제가 슈퍼베이스 리얼타임의
내부 작동 원리를 배우려고 할 때
그는 저에게 영감을 준 인물이었어요.
문서를 읽어보면
일릭서를 사용한다고 되어 있을 거예요.
찾을 수 있다면 슈퍼베이스 리얼타임 서비스 말이죠.
아니요. 실제로는 여기로 다시 돌아가야 해요.
코드는 어디 있죠? 코드는 어디에?
바로 여깁니다. 일릭서, 맞네요.
이런 걸 통신이나
정말 안정적인 것들에 사용하시겠죠.
왜 그럴까요? 완전히 확실하지는 않아요.
왜 그럴까요?
왜 왓츠앱이 일릭서를 선택했을까요?
창립자인 얀 쿰을 참조해서
그 기술을 선택한 이유에 대해
설명해주고
일릭서 사용의 장점에 대한 한 문단 설명과
함께 다른 언어들과 비교한 표도 만들어줘
타입스크립트, 고랭, 러스트, C++
같은 언어들과 말이야
C,
그리고 일릭서. 장점과 단점을 써줘
왓츠앱 같은 걸 만들 때
언어로서 좋은 선택인지 나쁜 선택인지 이유와 함께
말이야.
좋아요. 이걸 오푸스에게 보내겠습니다.
왓츠앱을 만드는 데 적합한지에 대해서요.
좋아요.
쿨합니다.
그리고 리서치를 했어야 했는데
말이죠.
실제로.
그냥 지켜보죠. 좋아요. 그래서 첫 번째
이야기는 기본적으로 이
두 회사 간의 벌어지고 있는 경쟁이에요.
정말 대단해요. 오늘 하나의 스토리를
다뤘는데 7분짜리였어요. 이제
Q&A 시간으로 넘어가서
질문이 있는지 확인해보죠.
여러분들 질문 좀 해주세요. 오,
꽤 많네요. 오,
한동안 질문에 답변하지 못했네요.
좋아요. 영상이 좋다고 하시면서
완전 초보자를 위한 AI 코딩 입문을
어디서 시작하면 좋을지 알려달라고
하셨네요. 콘텐츠는 좋지만 가끔
이해하기 어려울 때가 있다고 하면서
기초적인 내용이 있으면 좋겠다고 하고
모든 절차와 도구들을 설명하는
영상을 만들어달라고 하셨어요.
각각이 무엇을 하는지 설명과 함께요.
정말 합리적인 요청이네요. 지금 러닝머신에서
타이핑하고 있다고 하니 양해해달라고 하셨네요.
좋아요, 그렇게 해야겠어요. 네, 하나
추가해보죠. 이거 제가
Notion에 만들었어요. 작은 트래커를 만들어서
어떻게 하면 콘텐츠를 더 스마트하게 만들어서
청취자에게 더 가치 있게 만들 수 있을까
생각해봤어요. 그리고 여기 제가 VI를 위해
만들고 있는 빌드 시스템이 있는데
기본적으로 여기 당신이 취해야 할
10가지 의도적인 단계가 있어요.
이게 당신의 질문을 설명해주는데
처음부터 끝까지 어떻게 가는지에 대한
거예요. 아이디어 포착의 다양한 단계가
있어요. 어떻게 아이디어를 포착하는지,
어떻게 자신을 속여서 래리 데이비드
즉, 열정을 억제하라는 그 사람처럼
되는지. 어떻게 스택을 선택하는지.
그리고 궁극적으로 제가 만든 차트가
있어요. 하지만 빨리 이걸 추가해보죠.
콘텐츠 캘린더
아이디어
아이디어
모든 절차를 설명하는 영상.
좋아요. 좋은 아이디어네요. 감사합니다.
훌륭한 댓글이에요.
제 일일 업로드 채널에서 답변하고
이 영상은 다음 주에 이 채널에
올리겠습니다.
좋아요. 이 시리즈 계속 해주세요.
좋은 시리즈에요. 안녕하세요 데이비드,
제가 웹사이트에서 이 시리즈를 하고 있었는데
어제 그냥 끝내야겠다고 생각해서
끝냈어요. 그리고
이 모든 걸 실제로
Claude Code로 했어요. 이 피아노가
있는데 들리실지 모르겠지만
피아노의 다양한 소리와 무그, 그리고
기타 소리를 재생해요. 링크 위에 마우스를
올리면 멋진 작은 기능이 있어요.
GitHub이 있고 API 호출을 하는 것 같아요.
거기서 정보를 가져와서 프로젝트가
무엇을 하는지에 대한 핵심을 한두 줄로
작성해서 거기에 넣어요. 그래서 일부를
강조하고 링크를 걸어요. 그리고
다른 흥미로운 게 있는지 생각해보고
있는데 있는지 생각해보고 있어요.
오, 이건 Claude Code에 관한
거예요. 지난 8일 동안 사용하면서
흥미로운 걸 배웠어요. 제품에서 더 많은
것을 얻는 방법에 대해서요. 그래서
그에 대한 영상을 만들 예정이지만
그 시리즈는 계속하지 않을 거예요.
왜냐하면
그냥 끝내야 했거든요. 그래서
이건 30분 정도 걸렸고 완전히
필요한 곳에 있었어요. 콘텐츠가
들어있고 블로그도 있어요.
클라우드 코드에 대한 내용이 있어요.
클라우드 코드에 대한 내용도 들어있어요. 만약 눈치채셨다면 제가 처음 며칠 동안의 입력 토큰 비율을 보면
60 입력에 240 출력 대비 37 입력에 764 출력 같은 식이었죠
그리고 이런 그래프들도 만들어서 모든 것이 어떻게 변했는지 보여줬어요.
하지만 다른 질문들도 살펴보죠. 하나 더 해보겠습니다.
앗, 실수했네요.
좋아요. 자가 치유 콘텐츠 시스템을 위해 증강 기능을 사용하고 싶다고 하셨네요.
안녕하세요 에반님, 그런 걸 시도해보시기 바랍니다.
안녕하세요.
좋습니다. 이제 클라우드 코드를 사용한 계획으로 넘어가 보겠습니다.
제 계획은 이런 비디오들을 만들 때 주변 작업을 줄이는 시스템을 갖는 것입니다.
그래서 계획을 위한 계획이 있어요
이 시스템이 이런 비디오들과 관련된 작업을 줄여주길 원합니다.
한 번 보죠. 그걸 삭제했나요?
오늘 제가 하는 방식은 여러 링크들을 떨어뜨리고
그다음 이 작은 보드에 올리는 거예요, 맞죠?
그리고 이걸 자동화하고 싶어요 왜냐하면
캔버스에 대해 특별한 건 없기 때문이에요.
제 머릿속에는 기본적으로
링크를 텍스트로 보낼 수 있게 하거나, 더 좋게는 북마크를 추가할 수 있게 하고 싶어요
텍스트로 링크를 보내거나 더 좋게는
X의 특정 폴더에 북마크를 추가할 수 있게 하고 싶어요
아마 API에 접근하지 않고도 접근할 수 있도록 공개되어야 할 거예요
그들의 API를 치지 않고도 말이죠.
그리고 그것을 제 웹사이트의 화이트보드에 게시해야 해요.
그러면 거기에 있고 제 사이트에서 전체를 할 수 있어요.
그래서 화이트보드로 가면
매일 각각 하나씩 갖고 싶어요. 그게 아이디어입니다.
이제 그것과 관련된 계획을 세워보겠습니다.
제가 할 일은 이걸 좀 더 크게 만들어서
모든 분들이 볼 수 있게 하는 것입니다.
이제 그 주변의 계획을 세워보겠습니다.
제가 할 일은 dev로 cd 하고
새 디렉터리를 만드는 것입니다.
이건 그냥 daily upload whiteboard라고 부르겠습니다.
실제로 제 웹사이트의 일부이므로
아마 거기에 있어야 할 것 같아요.
그래서 지금 여기 있고, 실제로 그걸 열어보겠습니다.
좋아요, 이제 여기에 있어요.
그래서 실제로 그걸 열어보겠습니다.
여기서 그냥 해보죠.
실제로 말이죠.
좋아요.
그래서
터미널에서 클라우드 코드를 여전히 실행합니다
무슨 일이 일어나는지 꼭 볼 필요가 없는 작은 일들을 할 때는
하지만 무슨 일이 일어나는지 봐야 할 때는
커서 안에서 사용하는 것을 선호해요
그게 말이 된다면요.
이제 이걸 좀 더 크게 만들어보겠습니다.
그리고 보통 이런 걸 한 번에 최대 세 개까지 실행합니다.
하지만 지금은 하나만 필요해요
울트라 씽크
계획에 대해
다음 문제를 해결하는 방법에 대한 계획을 세워보세요.
제가 x.com/parkerx의 공개 목록에 추가하는 링크들이 있습니다
슬래시 리스트 슬래시 데일리
업로드 큐.
실제로 그게 맞는 것인지 확인해보겠습니다.
공개 목록으로 가서
한번 보겠습니다. 새로 하나 만들어보죠
Daily upload Q. 좋아요.
여기가 제 모든 북마크가 가는 곳입니다
그래서 제 사이트의 화이트보드 소프트웨어로 스크래핑할 수 있어요.
좋아요, 괜찮습니다. 그걸 생성하겠습니다.
그리고 완료를 누르겠습니다. 어떤 이유로든 항상 버그가 있어요.
그래서 이건 공개적으로 이용 가능했으면 좋겠어요.
아니요. 게시물을 기다리고 있네요.
아마 하나를 추가해야 할 것 같아요. 제 북마크로 가서
이걸 가져와서 이 목록에 넣어보겠습니다.
어떻게 목록에 추가하나요?
무엇인가 이유로 그게 항상 버그예요.
그래서 이게 공개적으로 이용 가능했으면 좋겠어요.
아니요. 게시물을 기다리고 있어요.
아마 하나를 추가해야 할 것 같아요. 제 북마크로 가서
이걸 가져와서 이 목록에 넣어보겠습니다.
어떻게 목록에 추가하나요? 제가 해야 하나요?
목록에 추가하려면 어떻게 해야 하나요?
추가하는 거야
아, 리스트는 사람들을 위한 것 같네.
그럼 어떻게 할까? 이렇게 할 수 있을까?
공개 북마크를 만들 수 있을까?
그건 안 될 것 같은데.
매일 업로드 질문. 그럼
만들 수 있을까
그냥 물어보자. 직접 계획을 세워보자.
북마크가 있다고 하고, 여기로 들어가보자.
이걸 가지고 있어. 이게 북마크 목록이어야 해.
북마크 말이야.
그걸 클릭할 수는 없을 것 같아.
이제 로그인하라고 하네.
그러면 아마도
쿠키가 들어간 헤드리스 브라우저 같은 걸
사용해야 될 것 같아. 그게 방법 중 하나야.
그냥 머릿속으로 메모해두고 있어.
일단 리스트 아이디어를 가져오고
거기서 진행해서 어떻게 되는지 보자.
좋아.
개별 트윗을 리스트에 넣을 수 있는지 확실하지 않아.
그래서 한 가지 옵션은
크리에이터들로 채워지는 화이트보드를 만드는 거야
리스트가 그렇게 작동하니까.
하지만 북마크도 필요해
개별 포스트를 가져올 수 있게.
예를 들면 다음 URL이 있는데
내 계정에 OAuth가 필요하고
아마도 사용할 수 있을 거야
OAuth 토큰이랑 어떤 종류의
헤드리스 브라우저를.
좋아, 둘 다 가지고 있네.
이제 북마크를 가져와보자
그리고
어디 보자.
여기로 들어가자.
다음 URL. 이게 북마크 폴더의
URL이야
내 OAuth가 필요한.
좋아. 모든 맥락을 가지고 있어.
원하는 워크플로우는 사용자가
A 특정 북마크 폴더에 북마크를 추가하거나
B 리스트에 사용자를 추가해서
언제든지
A 새로운 북마크가 추가되면
그걸 감지하거나
B 새로운 포스트가 리스트에 올라오면
그걸 감지해서
포스트의 링크를 가져와서
SQLite 데이터베이스나
PostgreSQL 데이터베이스에 넣는 거야
가장 빠른 건 아마 SQLite겠지
그리고 나서
게시하는 거야
그 특정 날짜의
Excalidraw 화이트보드에.
이건 매일
화이트보드가 있는 형태로 구성될 거야
우리 Next.js 앱의
화이트보드 라우트에서.
Excalidraw는 오픈소스야.
그래서 그걸 포크해서
그 날짜에 해당하는 게 없으면 새로 만드는 거야.
그러면 /whiteboard/[id]/page.tsx
형태가 될 거야.
이걸 이해하는지 보자.
좋아, 조금 벗어났지만
충분히 가깝네.
이제 올바른 키워드들을
여기에 넣어야 해.
이것에 대한 영상을 만들었어
아니 아직 만들지 않았네.
이건 아니고, Claude로 프롬프트를 더 잘 만드는 방법에 관한 거야.
이걸 통해 울트라 씽킹으로 접근하고 싶어.
병렬 에이전트를 사용해서
이런 문제들을 조사한 다음
계획을 세우는 거야.
울트라씽크는 모델 내에서
가장 높은 수준의 사고를 유발해.
병렬 에이전트는 하나의 메인 에이전트에게
보고하는 서브 에이전트들을 만들어
컨텍스트를 절약하고
그 다음 계획이 강제로
진행되게 만드는 거야
계획을 통해서.
플랜 모드도 사용할 수 있지만
난 그냥 이렇게 해
계획을 통해 실행됩니다. 계획 모드도 사용할 수 있지만, 저는 이렇게 하는데
이것이 말 그대로 이 소프트웨어를 만든
보리스가
추천하는 방법이기 때문입니다.
그리고 참고로 think가 작동하는 방식은 이렇습니다.
계획을 세우도록 요청하면 되죠.
확장된 사고 모드를 트리거하기 위해
think라는 단어를 사용하는 것을 권장합니다.
이런 특정 구문들은
시스템에서 사고 예산의
증가 수준과 직접 연결됩니다.
think, think hard, think harder, ultra think.
그러니까 ultrathink를 사용하세요. 그래서 이 경우에는
병렬 부분을 확실히
포함시키고 싶습니다. 좋아요.
문제 해결 방법에 대해 ultra think해보세요.
오 안돼.
몇 가지
병렬 에이전트를 사용해서 코드베이스를 분석하고
이를 달성하기 위한 옵션이 포함된
간결한 계획을 세워보세요.
좋아요. 이제 실행될 텐데
시간이 좀 걸릴 거예요.
그래서 일시정지하겠습니다.
보시다시피 이게 시작되고 있어요.
일시정지할 필요도 없었네요.
계속 진행했어야 했어요.
하지만 즉시 프롬프트를 보고
당연히 사고가 트리거됐습니다.
이제 모든 것을 돌려주고 있어요.
사용자가 원하는 것은
Twitter/X 리스트와 북마크를 모니터링하는
시스템을 만드는 것입니다. 새로운 콘텐츠가
특정 북마크 폴더나
특정 리스트에 추가될 때 말이죠. 시스템은
이것들을 캡처해서
SQLite나 Postgres 데이터베이스에 저장해야 합니다.
이런 작은 것들에는 SQLite를 선택합니다. 하지만
제가 걱정하는 것은 보드에
그릴 수 있게 하려면
아마 인증이 필요할 것 같습니다.
시스템이 이것들을 캡처해서
저장해야 합니다. 맞아요.
그다음 하루에 하나의 화이트보드로
화이트보드에 표시합니다.
화이트보드는 이 경로에 있을 겁니다.
맞아요. 스크래핑이나 통합과 관련된
복잡한 작업입니다.
아마 스크래핑일 거예요. 잘 모르겠네요.
실제로 이걸 해보죠.
잠깐, 아직 진행 중인지 확인해봅시다.
네, 할 수 있어요.
X API를 사용할지 아니면
직접 스크래핑을 할지 결정하려고 하는데
무료 X API 계정에서
읽기 횟수에 대한 최신 가격이 얼마인지 알고 싶습니다.
좋아요. 이제 이걸 하고 있네요.
보시다시피 여러 가지 일이
동시에 진행되고 있죠? 병렬 에이전트가
처리하고 있습니다. 그럼, 음,
화이트보드가 있습니다.
병렬 에이전트를 사용하고 있어요. 코드베이스를 분석합니다.
이미 완료한 작업이 있는데
연구를 하는 동시에
이 Excalidraw도 분석하고 있었습니다.
보시다시피 이 둘 다
아직 완료되지 않았습니다
그걸 가지고 있지 않기 때문이죠.
그럼, 봅시다. Vercel 설정을 확인하고 있네요.
네, 물론 가능합니다. 저는 없어요.
자, 오른쪽에 제 검색을 바탕으로
최신 정보가 나와 있습니다.
무료 티어는 월 50~100회 읽기를 제공합니다.
그럴 리가 없어요. 안 좋다고 했는데
이제 확인해봅시다
X API
개발자.
좋아요.
개발자 포털.
어디 보자.
100개를 받을 수 있군. 한 달에 100개인데.
너무 비싸네. 이건 쓸 수 없겠어.
음, 아니면.
그래, 만약
내가 한다면.
안 돼, 그것도 안 되겠네. 간단한 계산해보자.
계산이 어떻게 나올까? 그럼 스크래핑을 해야겠어.
내 계획은 일단 응답이 돌아오는지 확인해보는 거야.
똑같은 결과가 나와야 하고
더 나은 계획을 제시해줘야 해.
하지만 할 일들이 있어.
Triisle로 데이터베이스 설정하기.
모니터링 시스템 구현하기.
바로 그거야. 웹 스크래핑. 새로 시작하자.
화이트보드용 Excalidraw 통합하기.
일간 자동 생성 만들기.
자동 생성하고.
트위터 콘텐츠를 화이트보드 파이프라인으로 연결하는 API 라우트 구축하기.
이제 간결한 계획을 생각해보자. 좋아.
여기 우리 계획이 있어. 한번 보자.
코드베이스 분석을 바탕으로 한 트위터X를 Excalidraw 화이트보드 시스템으로 구현하기.
여기 옵션들이 있어.
웹 스크래핑. 그래, 좋아.
Vercel cron. 아니야, 하지만 그걸 써야 할 것 같긴 해.
그래, 왜냐하면
우리에게는 지속적으로 동작하는 서버가 없거든.
Next.js의 문제점 중 하나가 여기 있어
혹시 몰랐다면 말인데.
전용 서버가 아니라
람다 함수로 동작해.
Vercel은 기본적으로
서버리스 함수를 래핑하는 방식을 써.
여전히 서버는 있지만 온디맨드 방식이야.
그래서 기본적으로
리스닝할 수 없어.
그래서 별도의 Hono 인스턴스나
Express가 필요해.
그리고 우리에게는
API 제한 없이 북마크와 리스트에 완전히 액세스할 수 있는 방법이 있어.
월간 API 비용도 없고. 좋아.
Drizzle과 함께 SQLite를 쓸 거야. 맞아.
Playwright를 사용하고. 맞아.
6시간마다 크론 작업. 아니야, 그건 원하지 않아.
즉시 처리되길 원해.
그래서 리스닝이 필요해.
옵션 2번은 원하지 않아.
그거 건너뛰자. 그럼 X to play가 되겠네.
이상하게 생긴 것 같네.
이걸 설정하자. 좋아, 이걸 바꿔야겠어.
우리에게는 비슷한 것이 필요한 또 다른 작업이 있어
뭔가를 리스닝할 수 있어야 한다는 점에서 말이야.
뭔가를 리스닝할 수 있어야 해.
이것의 이름을 보면
다음과 같은 상대 경로야.
Bear를 열어보자.
이건 어제 작업하던 것인데
Bear 노트 앱을
자동 동기화가 되는
웹사이트용 완전한 CMS로 변환하고 싶었어.
그래서 #prex.com 태그나
중첩 태그를 추가하면
거기로 옮기자마자
사이트에 발행되도록 하고 싶었어.
하지만 Next.js 기반이라서
리스너가 없어.
이런 걸 할 수 없어. 그래서 전용 서버가 필요해
Bear의 SQLite 데이터베이스를 읽고
가져올 수 있도록 말이야.
그래서 최소한 확인해보고 싶었어
만약 Hono 인스턴스를 설정한다면
어떤 작업이 필요할지
그러면 이 두 가지 모두 해결할 수 있거든.
상대 경로를 가져오겠어.
좋아.
그다음 구현 비용과 시간을 비교해볼 거야
Vercel cron을 사용하는 것과 비교해서
6시간보다
더 자주
실행되길 원하거든.
그래서 가격을 알아봐야 해.
나머지 계획은 괜찮아 보여.
대략 이 정도야.
이 영상이 거의 30분이 되어가는데
이렇게 하는 거야.
그러면 정말 탄탄한 작업 목록이 나와.
이게 내가 Claude Code로 계획을 세우는 방법이고 꽤 흥미진진해.
그리고 약 1시간 후에
VI 팀과 주간 미팅이 있어.
Discord는 열어두지 않았어
지금 영상 촬영 중에
너무 많은 사람들이 얘기하고 있거든.
하지만 그 준비를 해야 해.
여러분들이 참여에 관심 있다면
빨리 해야 해.
Microsoft나 Google 같은 유명한 회사의 엔지니어들이 있어.
Dan에게 인사를.
이제 말할 수 있어. 고마워.
그리고
하나라도 배웠다면 좋아요를 눌러줘.
채널 구독도 꼭 해줘.
그리고 트위터도 팔로우할 수 있어.
Discord의 한 사람이 말했어
"야, 트위터 팔로우하라고
작은 팝업을 만들어야 해"라고.
그래서 미리 가서 확인할 수 있어
공개 리스트를 만들면
그 리스트들을 팔로우할 수 있을 거야.
오 세상에, 방금 만들었네.
북마크 트리거에 추가해야겠어.
그리고 JD에게 인사를, 정말 대단한 친구야.
이 친구는 NAN의 천재 같아.
VI에서 MCP에 대한 마스터클래스를 할 예정이야
다음 주 목요일에 말이야.
가입하면
이 대단한 친구에게서 배울 수 있어.
8년의 경험이야. 나보다 두 배 많아.
좋아. 안녕. 좋은 하루 보내.