코딩 조금 하는 내가 Claude Cowork로 웹앱 프로토타입을 만든 과정

저는 개발자가 아닙니다. Python은 대학원 수업에서 한 학기 동안 다뤄봤고, HTML 구조는 블로그 스팟을 운영하고, 코드를 복사해서 쓸 수 있는 정도입니다. 물론, 처음부터 웹앱을 혼자 짤 수 있는 수준은 아닙니다.

그런데 몇 주 전, 개인 프로젝트의 웹앱 프로토타입 두 개가 제 폴더에 생겼습니다. Claude Cowork를 쓰면서. 코드를 한 줄씩 직접 짠 게 아니라, 대화로.

이 글은 그 과정에서 실제로 무슨 일이 있었는지를 정리한 것입니다. 잘 됐던 것, AI의 한계, 다시 한다면 어떻게 할지까지 솔직하게 알려드리도록 할게요.

Claude Cowork가 일반 Claude와 다른 점

Claude를 웹에서 쓰면 코드를 요청했을 때 코드를 텍스트로 출력됩니다. 저는 그걸 복사해서 직접 파일로 저장해야 합니다. 파일명을 정하고, 폴더를 찾고, 붙여넣고, 저장. 한두 번은 괜찮습니다. 수십 번 수정이 오가면 이 과정이 병목이 됩니다.

Cowork는 다릅니다. Claude 데스크탑 앱에서 작동하며, 제가 지정한 컴퓨터 폴더에 직접 파일을 생성하고 수정합니다. "배경을 흰색으로 바꿔줘"라고 하면 Claude가 기존 파일을 열어서 수정하고 저장까지 합니다. 제가 할 일은 브라우저에서 결과를 확인하는 것뿐입니다.

차이를 한 줄로 요약하면 이렇습니다. 일반 Claude는 코드를 보여주고, Cowork는 파일을 만듭니다.

코딩 조금 아는 사람이 쓰면 어떤가요?

제 경우, Python은 기초 수준으로 배웠고 HTML 태그는 읽는 정도입니다. 이 수준에서 Cowork를 쓰면 어떤지 솔직하게 말씀드리면, 코드를 읽을 줄 안다는 게 확실히 도움은 됐습니다. 결과가 이상할 때 "div가 겹쳐있는 것 같은데"처럼 좀 더 구체적으로 말할 수 있었습니다.

그런데 핵심 작업은 코드가 아니라 대화의 구체성에서 결정됐습니다. 실제로 자주 쓴 명령들은 이런 수준입니다.

• "배경색은 크림색으로 바꿔줘"
• "이 버튼, 텍스트 아래로 옮겨줘"
• "모바일에서 글자 크기 너무 작아. 조정해줘"
• "탭 두 개 만들고, 첫 번째 탭이 기본으로 열리게"

이 정도 지시는 코딩을 몰라도 할 수 있습니다. 단, "예쁘게 만들어줘"처럼 추상적으로 말하면 Claude가 나름대로 해석해서 결과가 예상과 다르게 나옵니다. 무엇을 원하는지 구체적으로 말할 수 있다면, 코딩 경험이 없어도 충분히 쓸 수 있는 도구입니다.

코딩 전에 먼저 한 일 — 아이디어 검증

처음부터 프로토타입을 만들려고 한 건 아니었습니다. 아이디어가 있었는데, 그게 실제로 만들 가치가 있는지 먼저 확인하고 싶었습니다. 그 작업을 Claude와 대화하면서 했습니다.

관련 논문 PDF 여러 개를 업로드하고 아이디어를 설명했습니다. Claude가 문서를 직접 읽고 정리해줬습니다. 어느 부분이 아이디어와 연결되는지, 어느 부분은 방향이 달라서 근거로 쓰기 어려운지를 구체적으로 짚어줬습니다. 혼자였다면 그 분류에만 며칠이 걸렸을 것입니다.

플랫폼 선택 — 앱 개발 vs 웹앱

처음엔 모바일 앱으로 만들고 싶었습니다. 그런데 Claude가 먼저 이 질문을 했습니다.

"코딩 경험 없이 솔로로 네이티브 앱을 개발하면 8~18개월이 현실적인 타임라인입니다. 지금 단계에서 그 리스크를 감수할 이유가 있나요?"

듣기 불편했지만, 맞는 말이었습니다. 앱스토어 등록 절차, 수수료 30%, 아동 관련 규정까지. 콘텐츠 자체가 검증되지 않은 단계에서 이 진입 장벽을 넘을 이유가 없었습니다.

프로토타입 두 종류가 나온 과정

처음 만든 건 기능 확인용이었습니다. 구조가 맞는지, 탭 전환이 작동하는지, 유료 콘텐츠 잠금 처리가 의도대로 보이는지. 다크 계열 배경에 클린한 구성으로 만들었습니다.

그걸 보고 나서 마케팅용 이미지에는 이 스타일이 맞지 않는다는 걸 알았습니다. SNS 썸네일은 밝고 따뜻한 색감이 훨씬 잘 맞습니다. 그래서 같은 구조를 두 번째 버전으로 다시 만들었습니다. 크림색 배경에 코랄·오렌지 계열로.

두 번째 버전을 만드는 데 걸린 시간은 첫 번째보다 훨씬 짧았습니다. 구조는 그대로 두고 색상과 스타일만 바꾸는 작업이었기 때문입니다. "색 계열을 밝고 따뜻하게"라고 하면 Claude가 CSS를 수정하고 결과를 저장합니다. 두 파일 모두 실제로 브라우저에서 열면 작동하는 인터랙티브 프로토타입입니다.

솔직한 평가 — 잘 된 것과 한계

잘 된 것부터 말씀드립니다.

생각이 대화 중에 정리됐습니다. 혼자 머릿속으로 굴리면 같은 자리를 빙빙 도는 아이디어가, Claude가 질문을 돌려주면서 구체적인 결정으로 내려갔습니다. 이 과정은 예상보다 빠르고 효과적이었습니다. 특히 시장 조사를 할 때 효율적이었습니다. 현재 이 분야가 포화 상태인지, 구매자가 어느 정도 규모인지 등, 직접 찾으려고 했으면 한참 걸렸을 일을 빠르게 처리할 수 있었죠.

물론, 한계도 있었습니다.

제가 방향을 잡아주지 않으면 결과가 평범해집니다. "좋은 레이아웃으로 만들어줘"라고 하면 기술적으로는 틀리지 않지만 특별하지도 않은 결과가 나옵니다. 어떤 느낌인지, 어떤 사용자를 위한 것인지, 어떤 기능이 핵심인지를 먼저 정리하고 들어가야 합니다. 그 방향을 잡는 건 여전히 사람 몫입니다.

그리고 프로토타입은 시작점입니다. 실제 배포, 결제 연동, 마케팅은 Cowork가 대신해주지 않습니다. AI가 전문성을 대체하는 게 아니라, 전문성을 가진 사람이 더 빠르게 실행할 수 있게 돕는 도구라고 보는 게 맞습니다.

자주 묻는 질문

Claude Cowork는 Claude 일반 버전과 요금이 다른가요?
별도 요금제가 아닙니다. Cowork는 Claude 데스크탑 앱에서 사용하는 기능으로, Claude Pro 구독($20/월) 안에 포함됩니다.

코딩을 전혀 몰라도 웹앱을 만들 수 있나요?
가능하지만, 결과 품질은 지시의 구체성에 달려 있습니다. "예쁘게 만들어줘"보다 "흰 배경에 초록 버튼, 모바일에서도 잘 보이게"처럼 말할 수 있을수록 원하는 방향에 가깝게 나옵니다. 코딩 경험보다 원하는 것을 구체적으로 표현하는 능력이 더 중요합니다. 시장조사, 아이디어의 "블루오션" 여부 등, 분석에도 사용할 수 있습니다.

Cowork로 만든 파일은 어디에 저장되나요?
사용자가 설정에서 지정한 컴퓨터 폴더에 저장됩니다. Cowork를 시작할 때 작업 폴더를 선택하면, 이후 Claude가 생성하거나 수정하는 파일이 그 폴더에 직접 저장됩니다.

Claude Cowork와 GitHub Copilot의 차이는 뭔가요?
GitHub Copilot은 개발자가 코드를 작성할 때 자동완성을 도와주는 도구로, VS Code 같은 IDE 안에서 작동합니다. Cowork는 코딩 환경 없이 대화로 파일을 만드는 방식으로, 대상 사용자가 다릅니다. Copilot은 이미 코드를 쓰는 개발자용, Cowork는 코드 없이 결과물을 만들고 싶은 비개발자·반개발자에게 더 맞습니다.

Claude Cowork 시작하기 → 관련 글: Claude 주요 기능 정리 → 관련 글: Claude 유료 구독이 필요한 사람 →