AI VIDEO BRIEFING
비개발자를 위한 Claude Code 입문 — 코딩 없이 앱·게임·웹 만들기
Futurepedia가 코드 한 줄 없이 Claude Code로 게임·웹사이트·크롬 확장·자동화·모바일 앱까지 6개를 만든다. 플랜 모드, 메모리 파일, MCP, 깃허브·Vercel 배포까지 단계별로 정리했다.
핵심 메시지
- Claude Code는 자연어로 개발 전 과정을 처리하는 에이전트형 코딩 도구로, 계획·생성·테스트·디버깅을 스스로 수행한다.
- 데스크톱 앱·터미널·IDE 세 방식으로 쓸 수 있으며 입문자에겐 데스크톱 앱이 가장 쉽고, 사용에는 유료 Claude 구독이 필요하다.
- 첫 프롬프트는 항상 '플랜 모드'로 시작해 계획을 검토·수정한 뒤 빌드하고, 변경은 한 번에 하나씩 반복(iterate)하는 것이 핵심이다.
- 새 세션으로 넘어갈 때는 claude.md 파일과 진행 상황 요약으로 컨텍스트를 넘기고, 작업에 맞춰 Haiku·Sonnet·Opus 모델을 골라 토큰을 아낀다.
- MCP 커넥터로 외부 도구를 연결하고, API 키는 .env.local에 안전하게 보관하며, 깃허브와 Vercel을 거쳐 무료로 배포한다.
쉽게 이해하기
Claude Code는 자연어로 원하는 것을 말하면 계획을 세우고 코드를 생성·테스트·디버깅해 완성품을 내놓는 에이전트형 코딩 도구다. lovable이나 base44처럼 '말하면 만들어 주는' 느낌이지만, 차이는 실행 위치다. Claude Code는 내 컴퓨터에서 직접 파일을 만들고 편집하며 로컬로 동작해 더 큰 권한과 규모 면의 비용 이점을 준다. 데스크톱 앱·터미널·IDE 세 방식이 있고 입문자에겐 데스크톱 앱이 가장 쉬우며, 월 20달러 Pro 또는 월 100달러 Max 같은 유료 구독이 필요하다.
첫 실습은 '루빅스 큐브 틱택토' 게임이다. 핵심 습관 두 가지가 강조된다. 첫째, 첫 프롬프트는 늘 플랜 모드로 시작해 명료화 질문을 받고 계획을 검토·수정한 뒤 빌드한다. 둘째, 변경은 한 번에 하나씩 한다. 요청을 몰아넣으면 정확도가 떨어지고, 하나씩 바꿔야 무엇이 문제를 일으켰는지 추적할 수 있다. Claude는 코드를 만든 뒤 스스로 게임을 실행해 보며 테스트·디버깅까지 끝낸 다음 결과를 전달한다.
컨텍스트 관리도 중요하게 다룬다. 대화가 길어지면 컨텍스트 윈도우가 차고, compact로 요약하지만 디테일이 유실될 수 있다. 더 나은 방법은 새 세션을 시작하되, init 명령으로 만든 claude.md 영구 참조 문서와 '어디까지 했는지' 진행 요약을 함께 넘기는 것이다. 또한 작업에 맞춰 모델을 고른다 — 초기 계획과 첫 빌드는 강력한 Opus, 이후 반복 수정은 토큰 효율적인 Sonnet이 권장된다.
빌드는 동시에 여러 개를 돌릴 수 있다. 영상은 링크인바이오, 랜딩 페이지, 크롬 확장을 병렬로 만든다. 외부 도구는 MCP 커넥터로 연결하는데, 최신 문서를 끌어오는 Context7을 비롯해 Granola·Asana·Stripe 등 풍부한 옵션이 있다. AI 모델을 API로 연결한 사례로는 음식 사진을 찍으면 칼로리와 영양소를 추정·기록하는 모바일 웹앱을 만든다. 이때 API 키는 챗에 붙여넣지 말고 .gitignore에 포함된 .env.local에 보관해야 한다.
마지막은 배포다. Git을 설치·연결하고 깃허브에 코드를 올린 뒤, 공개 전에는 보안 리뷰 스킬과 '출시 전 점검' 프롬프트로 취약점과 비보안 이슈를 잡는다. 이어 Vercel에 저장소를 연결하면 무료로 사이트가 배포되고, 이후 깃허브에 변경을 푸시하면 자동 재배포된다. 모바일 웹앱은 휴대폰 브라우저에서 '홈 화면에 추가'하면 네이티브 앱처럼 쓸 수 있다.
주요 인사이트
- Claude Code는 단순 코드 생성기가 아니라 계획을 세우고 직접 실행·테스트·디버깅까지 한 뒤 결과만 전달한다.
- 변경은 한 번에 하나씩 해야 무엇이 문제를 일으켰는지 추적할 수 있고, 요청을 한꺼번에 몰아넣으면 정확도가 떨어진다.
- 긴 대화의 compact는 디테일이 유실되므로, claude.md와 진행 요약으로 새 세션에 컨텍스트를 넘기는 편이 안전하다.
- 모델은 작업에 맞춰 골라야 한다. 초기 계획·첫 빌드는 Opus, 이후 반복 수정은 토큰 효율적인 Sonnet이 권장된다.
- API 키는 절대 챗에 붙여넣지 말고 .gitignore에 포함된 .env.local에 보관해 깃허브 유출을 막아야 한다.
자주 묻는 질문
Claude Code를 쓰려면 무엇이 필요한가요?
유료 Claude 구독이 필요합니다. 입문자는 월 20달러 Pro로 충분하고, 빈번한 대규모 빌드라면 월 100달러 Max가 권장됩니다.
왜 첫 프롬프트는 플랜 모드로 시작하나요?
바로 빌드하지 않고 구현 계획을 먼저 세워 명료화 질문을 받고, 계획을 검토·수정한 뒤 진행할 수 있기 때문입니다.
어떤 모델을 언제 써야 하나요?
초기 계획과 첫 빌드는 가장 강력한 Opus, 이미 만들어진 프로젝트의 반복 수정은 토큰 효율이 좋은 Sonnet이 권장됩니다. Haiku는 빠르지만 본격 빌드엔 부족합니다.
만든 결과물을 어떻게 공개하나요?
코드를 깃허브에 올리고 Vercel에 연결하면 무료로 배포되며, 이후 변경을 깃허브에 푸시하면 자동으로 재배포됩니다.
원문과 출처
이 글은 원본 영상의 자막을 바탕으로 한국어 독자를 위해 요약했습니다. 전체 맥락과 최신 정보는 원문에서 확인하세요.
YouTube 원본 영상 보기 ↗