Claude Code 초보 가이드: 코딩 없이 앱·게임 만들고 웹에 배포하는 법

핵심 메시지

• Claude Code는 코딩 지식이 없어도 자연어 설명만으로 앱·게임·자동화·도구를 만들 수 있다.
• 웹 버전이 아니라 데스크톱 앱이 필요하며, 'code' 탭에서 작업 폴더를 지정하면 Claude가 실제 파일을 직접 만들고 고친다.
• 먼저 '플랜 모드'로 전체 계획을 받아 승인한 뒤 빌드하면 나중에 고치는 것보다 훨씬 효율적이다.
• MCP(커넥터)는 외부 도구 연결, 스킬은 반복 작업 절차, 플러그인은 이들을 묶은 패키지라는 점을 구분하면 이해가 쉽다.
• GitHub 연결과 Vercel 배포는 처음 한 번만 설정해 두면 이후 모든 프로젝트를 손쉽게 웹에 올릴 수 있다.

쉽게 이해하기

영상은 '기술이 없으면 Claude Code를 못 쓴다'는 통념이 사실이 아니라고 강조한다. 유료 Claude 계정(Pro 또는 더 넉넉한 Max)과 데스크톱 앱만 있으면 누구나 시작할 수 있다는 것이다. 데스크톱 앱에는 chat, co-work, code 세 개의 탭이 있고 실제 빌드는 code 탭에서 이뤄진다.

핵심 차이는 Claude Code가 지정된 폴더 안에서 파일을 직접 생성하고 편집한다는 점이다. 발표자는 프로젝트마다 하위 폴더를 따로 만들어 정리하고, 빌드를 시작하기 전에 '플랜 모드'로 전환해 Claude가 제시한 계획을 검토·승인한다. 두 문장짜리 프롬프트와 몇 가지 질문에 답하는 것만으로 '타이핑 연습 게임' 같은 완성형 결과물이 나온다.

에이전트형 모델의 강점도 드러난다. Claude는 빌드 도중 스스로 게임을 실행해 버튼을 누르고 입력을 테스트하며, 잘못된 설정을 발견하면 '코스를 바로잡겠다'며 오류를 직접 고친 뒤 다시 검증한다. 변경이 필요하면 스크린샷을 끌어다 놓고 말로 요청하면 되고, 코드를 직접 볼 필요는 없다.

더 강력하게 쓰는 장치로 MCP(커넥터), 스킬, 플러그인이 소개된다. Context7 커넥터는 React·Tailwind·Vercel 등의 최신 문서를 끌어와 환각을 줄여 주고, Superpowers 플러그인은 브레인스토밍·서브에이전트·디버깅 등 여러 스킬을 자동으로 호출한다. 보안 리뷰처럼 자주 쓰는 절차는 직접 스킬로 만들어 반복할 수도 있다.

마지막은 공개 배포다. Git 설치와 GitHub 연결(Homebrew, GitHub CLI 인증)을 거쳐 코드를 올리고, Vercel에 GitHub 계정으로 가입해 저장소를 import하면 게임이 웹에 공개된다. 배포 중 오류가 나도 스크린샷을 Claude에 주면 원인을 찾아 고치고, Vercel은 GitHub 변경을 자동 감지해 재배포한다.

주요 인사이트

• 프롬프트는 짧고 의도만 담아도 된다. 세부 사양은 Claude가 되묻는 질문에 답하며 채워지므로, 처음부터 완벽한 명세를 쓰려 애쓸 필요가 없다.
• 모델 선택은 토큰 사용량과 직결된다. Pro 사용자는 계획과 첫 빌드에 Opus·Fable 같은 상위 모델을 쓰고 이후 수정은 낮은 모델로 바꾸는 것이 권장되며, Max 사용자는 대체로 상위 모델을 계속 써도 무방하다.
• /init 으로 만드는 CLAUDE.md는 프로젝트의 영구 참조 문서다. 대화가 길어져 컨텍스트가 차면 새 채팅을 열고 같은 폴더를 가리키게 해 이 파일로 맥락을 복원할 수 있다.
• MCP·스킬·플러그인은 헷갈리기 쉽지만, 'MCP=도구 연결, 스킬=따라 할 절차, 플러그인=여러 요소의 묶음'으로 기억하면 역할이 분명해진다.
• 한 번 해두면 끝나는 초기 설정(Git·GitHub·Vercel)이 가장 번거롭지만, 그 이후로는 '깃허브에 올려줘' 한마디로 배포가 끝난다.

자주 묻는 질문

관련 AI 소식