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

✍️ OpenClawRadar📅 게시일: April 14, 2026🔗 Source
비전문가가 휴대폰으로 Claude AI를 이용해 웹사이트를 구축하고 배포합니다
Ad

한 레딧 사용자가 Claude AI를 사용하여 코드를 전혀 작성하지 않고, 휴대폰으로만 작업하며 1시간 동안 완전한 웹사이트를 구축하고 배포한 과정을 기록했습니다.

프로젝트 배경

사용자는 가짜 Portal 3 로딩 화면을 만들어 자녀들에게 만우절 장난을 치고 싶었습니다. 그들은 몇 가지 제약 조건이 있었습니다: Portal 게임 세계에 대한 최소한의 지식, 코딩 경험 없음, 직장에서 작업 중 휴대폰만 사용 가능.

작업 과정

사용자는 다음과 같은 구체적인 순서를 따랐습니다:

  • 먼저 Claude에게 Portal 게임 설정을 가르쳐 달라고 요청
  • 일반 언어로 구축하고 싶은 것을 설명
  • Claude에게 현실적인 버전이 어떻게 보일지 물어봄
  • 문제가 발생할 때마다 일반 언어로 문제를 설명하며 반복
  • Claude가 프로젝트에 대한 완전한 사양서를 작성하도록 함
  • Claude Code를 사용하여 완성된 프로젝트를 VPS에 배포

결과

이 프로젝트는 사용자의 7살 자녀를 성공적으로 속여 Valve가 실제로 Portal 3를 출시했다고 믿게 만들었습니다. 사용자는 이 과정에 대한 완전한 안내서를 작성했으며, 이는 비기술적인 사람들이 유사한 프로젝트를 수행하고자 할 때 가이드 역할을 할 수 있다고 언급했습니다.

기술적 접근 방식

이 작업 과정은 자연어 설명을 사용하여 AI 지원을 여러 단계를 통해 안내하는 패턴을 보여줍니다: 도메인 지식에 대한 교육, 요구사항 명세, 문제 해결 반복, 기술 사양 생성, 그리고 마지막으로 배포. 전체 과정은 휴대 기기만을 사용하여 완료되었습니다.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Kubernetes에서 Claude 코드를 위한 워크플로우 엔진으로 Markdown 파일 사용하기
Use Cases

Kubernetes에서 Claude 코드를 위한 워크플로우 엔진으로 Markdown 파일 사용하기

한 개발자가 Dagster나 Prefect 같은 전통적인 파이프라인 도구 대신 Claude Code가 Kubernetes CronJob으로 실행하는 일반 영어 마크다운 파일로 대체했습니다. 이 시스템은 아티팩트를 디스크에 기록하여 단계를 조정하며, 한 달 이상 운영되고 있습니다.

OpenClawRadar
스티커 생성 파이프라인에서 Claude를 크리에이티브 디렉터로 활용하기
Use Cases

스티커 생성 파이프라인에서 Claude를 크리에이티브 디렉터로 활용하기

한 개발자가 사용자가 업로드한 사진을 Claude가 분석하고, 아홉 가지 스티커 컨셉을 생성하며, 이미지 모델을 위한 상세 프롬프트를 작성하여 일반적인 것이 아닌 개인 맞춤형 스티커를 만드는 스티커 앱을 개발했습니다.

OpenClawRadar
금융 모델러, Claude Code로 로컬 음성-도구 데스크톱 앱 구축
Use Cases

금융 모델러, Claude Code로 로컬 음성-도구 데스크톱 앱 구축

재무 모델링 배경을 가진 개발자가 Claude Code를 사용하여 GPU에서 Whisper를 실행하는 로컬 Windows 음성-텍스트 애플리케이션인 Sotto를 만들었습니다. 이 앱은 시스템 전체 핫키, 자동 정지 감지 및 Qt UI를 특징으로 하며, 17개 파일에 걸쳐 약 2,200줄의 Python 코드로 구성되어 있습니다.

OpenClawRadar
yavy.dev를 사용하여 AI로 OpenClaw 문서를 쿼리하여 구성 도움말 얻기
Use Cases

yavy.dev를 사용하여 AI로 OpenClaw 문서를 쿼리하여 구성 도움말 얻기

한 사용자가 yavy.dev를 사용하여 문서를 인덱싱하고 Claude AI를 통해 쿼리하는 방식으로 OpenClaw를 구성하는 데 성공했다고 보고하며, 혼란스러운 상태에서 오후 한나절 만에 작동하는 설정으로 전환했다.

OpenClawRadar