배관공 출신 엔지니어가 Claude Code로 6주 만에 3개의 상용 웹사이트를 구축한 사례

실용적 조언

AI 특유의 기계적인 문체를 피하려면 자신만의 'Anti-slop' 규칙 리스트를 만들어 프롬프트에 적용하라.
처음부터 완벽한 코드를 기대하기보다 AI와 세션을 반복하며 프로젝트의 맥락을 누적시키는 데 집중하라.
Next.js와 Vercel 무료 티어를 활용해 초기 인프라 비용을 최소화하라.

섹션별 상세

비전공자의 기술적 진입 장벽 완화에 대해 논의했다. Claude Code는 단순히 코드를 대신 작성해주는 도구에 그치지 않고, 사용자가 기술적 한계에 부딪혔을 때 이를 학습하고 극복할 수 있는 속도로 가이드를 제공하는 튜터 역할을 수행했다. 작성자는 터미널을 한 번도 만져보지 못한 상태에서 시작해 i18n, 구조화 데이터, 분석 도구가 포함된 사이트를 배포하는 수준까지 도달했다.

개발 비용과 인프라 구성의 효율성을 증명했다. Claude Code Max 구독료 월 200달러와 도메인 비용 연 10달러 외에 Vercel 무료 티어를 활용하여 추가적인 클라우드 인프라 비용 없이 상용 수준의 웹사이트 3개를 운영 중이다. 이는 고가의 인프라 없이도 AI 도구와 무료 호스팅 서비스의 조합만으로 충분히 가치 있는 제품을 출시할 수 있음을 보여준다.

맥락의 복리 효과(Compounding Context)를 핵심 성공 요인으로 꼽았다. 첫 번째 세션보다 50번째 세션이 훨씬 빨랐던 이유는 49번의 세션 동안 축적된 프로젝트의 맥락, 레슨, 패턴이 AI의 입력값으로 작용했기 때문이다. 단순한 'Vibe Coding'이 아니라 누적된 컨텍스트가 AI를 점점 더 똑똑하게 만들어 생산성을 극대화하는 구조이다.

AI 생성 콘텐츠의 품질 관리 체계를 구축했다. 6개 플랫폼에 배포되는 콘텐츠 파이프라인을 자동화하면서, AI 특유의 말투를 제거하기 위한 29가지 'Anti-slop' 규칙을 적용했다. 이를 통해 마크다운 기반의 단일 소스에서 작성자의 목소리 톤(Voice DNA)을 유지하면서도 기계적인 느낌이 없는 고품질 콘텐츠를 대량으로 생산하는 시스템을 구현했다.

용어 해설

코딩 에이전트(Coding Agent): — 사용자의 자연어 지시를 이해하여 코드를 작성, 수정, 실행하고 터미널 명령까지 수행하는 자율형 AI 도구이다. 단순한 코드 완성을 넘어 프로젝트 전체의 맥락을 파악하고 실제 배포 가능한 수준의 결과물을 만들어내는 역할을 한다.
복리적 컨텍스트(Compounding Context): — AI와의 대화 세션이 반복될수록 이전의 교훈, 코드 패턴, 프로젝트 규칙이 누적되어 성능이 기하급수적으로 향상되는 현상이다. 초기에는 속도가 느리지만 축적된 정보를 바탕으로 갈수록 정확하고 빠른 개발이 가능해지는 핵심 메커니즘이다.
안티 슬롭 규칙(Anti-slop Rules): — AI가 생성한 글 특유의 진부한 표현이나 기계적인 문체를 제거하기 위해 설정한 필터링 규칙이다. 콘텐츠의 독창성을 유지하고 사람이 직접 쓴 것 같은 자연스러운 톤을 확보하기 위해 사용되는 프롬프트 제어 기법이다.
GTM 엔지니어(GTM Engineer): — Go-To-Market 엔지니어의 약자로, 제품의 시장 진입 전략을 기술적으로 지원하고 자동화하는 역할을 한다. 영업, 마케팅 도구 구축부터 데이터 파이프라인 설계까지 비즈니스 성장을 위한 기술적 구현을 담당한다.

언급된 도구

Claude Code추천

자율형 AI 코딩 에이전트 및 CLI 도구

Next.js추천

웹 애플리케이션 프레임워크

Vercel추천

웹 호스팅 및 배포 플랫폼

언급된 리소스

문서32-Chapter Playbook for AI Development