비전문가가 휴대폰으로 Claude AI를 이용해 웹사이트를 구축하고 배포합니다

한 레딧 사용자가 Claude AI를 사용하여 코드를 전혀 작성하지 않고, 휴대폰으로만 작업하며 1시간 동안 완전한 웹사이트를 구축하고 배포한 과정을 기록했습니다.
프로젝트 배경
사용자는 가짜 Portal 3 로딩 화면을 만들어 자녀들에게 만우절 장난을 치고 싶었습니다. 그들은 몇 가지 제약 조건이 있었습니다: Portal 게임 세계에 대한 최소한의 지식, 코딩 경험 없음, 직장에서 작업 중 휴대폰만 사용 가능.
작업 과정
사용자는 다음과 같은 구체적인 순서를 따랐습니다:
- 먼저 Claude에게 Portal 게임 설정을 가르쳐 달라고 요청
- 일반 언어로 구축하고 싶은 것을 설명
- Claude에게 현실적인 버전이 어떻게 보일지 물어봄
- 문제가 발생할 때마다 일반 언어로 문제를 설명하며 반복
- Claude가 프로젝트에 대한 완전한 사양서를 작성하도록 함
- Claude Code를 사용하여 완성된 프로젝트를 VPS에 배포
결과
이 프로젝트는 사용자의 7살 자녀를 성공적으로 속여 Valve가 실제로 Portal 3를 출시했다고 믿게 만들었습니다. 사용자는 이 과정에 대한 완전한 안내서를 작성했으며, 이는 비기술적인 사람들이 유사한 프로젝트를 수행하고자 할 때 가이드 역할을 할 수 있다고 언급했습니다.
기술적 접근 방식
이 작업 과정은 자연어 설명을 사용하여 AI 지원을 여러 단계를 통해 안내하는 패턴을 보여줍니다: 도메인 지식에 대한 교육, 요구사항 명세, 문제 해결 반복, 기술 사양 생성, 그리고 마지막으로 배포. 전체 과정은 휴대 기기만을 사용하여 완료되었습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also

2013년형 MacBook Pro에서 OpenCore Legacy Patcher를 통해 macOS Sonoma에서 OpenClaw 실행하기
개발자가 OpenCore Legacy Patcher를 사용해 macOS Sonoma(v14)를 설치하여 Node.js 22/24 요구사항을 충족시키고, 2013년형 MacBook Pro 15"(16GB RAM)에서 OpenClaw를 성공적으로 설치 및 실행했습니다.

Claude Code를 사용하여 OpenClaw 구성 문제 해결하기
한 개발자가 수동 설정과 버전 전환에 실패한 후 Claude Code를 사용하여 OpenClaw 설정, 하트비트, 메모리, cron 작업 및 기타 구성 문제를 해결했습니다.

OpenClaw로 여러 AI 코딩 에이전트 실행하기: 커스텀 제공자 설정 및 교차 에이전트 메모리 과제
이 글에서는 서드파티 API 제공업체(DeepInfra)로 OpenClaw를 설정하여 여러 코딩 에이전트(백엔드, 프론트엔드, 마이그레이션)를 속도 제한 없이 실행하는 방법과 발생한 에이전트 간 메모리 격리 문제에 대해 설명합니다.

랜딩 페이지 최적화를 위한 비판적 제품 관리자로서 Claude 활용하기
한 개발자가 Claude를 사용하여 랜딩 페이지를 가혹하고 반대적인 제품 관리자로 취급하며 비판하고 재작성하여 메시지 전달과 SEO 성능을 개선했습니다.