Claude Code 입문: 코딩 없이 앱 4개 만드는 Opus·Sonnet 활용법

핵심 메시지

• Node.js·Claude Code·Cursor 에디터 세 가지를 약 5분이면 설치해 시작할 수 있다.
• 복잡한 설계는 Opus 모델로 계획하고, 실제 구현은 더 빠르고 저렴한 Sonnet으로 넘기는 분업이 핵심 패턴이다.
• 고치고 싶은 부분을 스크린샷으로 찍어 넣으면 Claude가 해당 파일을 찾아 직접 수정한다.
• 랜딩페이지·크롬 확장·이미지 캡션 자동화·습관 트래커 등 성격이 전혀 다른 프로젝트도 같은 작업 흐름으로 만들 수 있다.
• 초보자는 claude.md 설정, 모호한 지시, 플랜 모드 생략 등 다섯 가지 실수를 주로 반복한다.

쉽게 이해하기

영상은 Claude Code를 처음 쓰는 사람을 위해 코드를 직접 한 줄도 작성하지 않고 네 가지 실제 프로젝트를 완성하는 과정을 보여준다. 준비물은 엔진 역할의 Node.js, Claude Code 본체, 그리고 Claude가 건드리는 파일을 실시간으로 보여주는 무료 에디터 Cursor 세 가지이며 설치는 약 5분이면 끝난다고 설명한다. 설치 후 init 명령을 실행하면 Claude가 프로젝트 맥락을 기억하는 claude.md 메모리 파일을 만든다.

발표자가 강조하는 핵심 작업 패턴은 모델 분업이다. 먼저 Opus 모델을 '선임 설계자'로 두어 더 깊이 사고하고 엣지 케이스를 잡아 계획을 세우게 한 뒤, Sonnet 모델로 전환해 '그 계획을 정확히 따라 만들라'고 지시한다. Opus는 토큰당 비용이 높지만 설계 단계에서 Sonnet이 놓칠 부분을 잡아내고, Sonnet은 빠르고 정확하게 코드를 작성한다. 설계는 컨설턴트에게, 구현은 시공자에게 맡기는 셈이다.

디버깅은 스크린샷으로 이뤄진다. 버튼 색이나 폰트가 마음에 들지 않으면 해당 화면을 캡처해 넣고 '고쳐줘'라고만 하면 Claude가 이미지를 보고 어떤 요소를 가리키는지 스스로 파악해 올바른 파일을 찾아 수정한다. 발표자는 한 버튼만 가리켰는데 Claude가 페이지의 다른 버튼들까지 같은 스타일로 통일해 준 사례를 든다.

네 가지 프로젝트는 공유 가능한 개인 랜딩페이지, 웹페이지에서 선택한 텍스트를 요약해 주는 크롬 확장, 폴더에 이미지를 넣으면 인스타그램·링크드인용 캡션을 자동 생성해 저장하는 파이썬 스크립트, 그리고 브라우저에서 돌아가며 데이터를 로컬에 저장하는 습관 트래커다. 종류는 전혀 다르지만 '목표를 말로 설명 → Opus가 계획 → Sonnet이 구현 → 스크린샷으로 수정'이라는 흐름은 동일하다.

영상은 한계와 비용도 솔직하게 짚는다. 복잡한 핀테크 백엔드나 보안이 중요한 의료 플랫폼처럼 깊은 설계 역량이 필요한 일은 대체하지 못하지만, 기존 앱이 풀어주지 못하는 개인 워크플로의 문제를 빠르게 해결하는 데는 적합하다고 본다. 비용은 월 20달러 Claude Pro로 시작해 사용 패턴을 파악한 뒤 종량제 API로 넘어가는 것을 권하며, 한도를 자주 넘는 사람을 위한 월 100달러 Max 플랜도 소개한다.

주요 인사이트

• AI 코딩 도구의 진짜 가치는 '코더'가 아니라 무엇을 만들고 무엇을 버릴지 판단하는 '취향과 결정'의 역할에 있다고 발표자는 강조한다.
• 모델을 깊이(Opus)와 속도·비용(Sonnet)으로 나눠 쓰는 것이 비용과 품질을 동시에 잡는 실전 전략이다.
• 세 개 이상의 파일을 건드리는 작업은 플랜 모드(shift+tab)로 먼저 계획을 세워야 중간에 구조를 다시 짜는 이중 작업을 피할 수 있다.
• 세션 사이에는 기억이 유지되지 않으므로 claude.md 파일을 만들어야 다음 세션이 이전 맥락을 이어받는다.
• 한 번 제대로 만든 자동화 하나가 구독료 몇 달치를 충분히 회수해 준다는 점에서 직접 만들어 보는 경험 자체가 투자 대비 효과가 크다.

자주 묻는 질문

관련 AI 소식