본문으로 건너뛰기

스마트폰만으로 웹 앱 만들기: Claude Code와 Happy 앱을 활용한 모바일 개발 도전기

AI 코딩 에이전트인 Claude Code를 모바일 앱 Happy를 통해 제어하며, 뉴스레터 랜딩 페이지 제작부터 GitHub 푸시, Vercel 배포까지 전 과정을 스마트폰만으로 수행한 실험적 튜토리얼입니다.

챕터별 상세

00:00

폰으로만 코딩하기 챌린지 시작

노트북이나 데스크톱 없이 스마트폰만 사용하여 웹 애플리케이션을 구축하고 배포하는 챌린지를 시작했다. Happy라는 모바일 앱을 통해 로컬 머신에서 실행 중인 Claude Code 인스턴스에 접속하는 방식을 채택했다. 목표는 'Push To Prod' 뉴스레터를 위한 랜딩 페이지를 제작하고 GitHub 푸시 및 Vercel 배포까지 완료하는 것이다.
01:48

Happy 앱을 활용한 랜딩 페이지 구축

Happy 앱의 음성 명령 기능을 활용해 Claude Code에게 랜딩 페이지 제작을 지시했다. 에이전트는 프로젝트 구조를 분석하고 Index.html과 JavaScript를 포함한 미니멀한 웹사이트 코드를 생성했다. 로컬 환경의 터미널과 실시간으로 동기화되어 파일 생성 및 수정 과정이 모바일 화면에 그대로 출력됐다.
05:33

Claude 모델 속도와 에이전트 워크플로

최신 Claude 모델의 추론 속도가 다소 느려졌다는 사용자들의 피드백을 언급했다. 하지만 속도가 느리더라도 여러 인스턴스를 동시에 실행하는 멀티 인스턴스 워크플로가 이를 보완할 수 있다. 에이전트의 속도보다는 정확한 아키텍처 설계와 검증 루프를 구축하는 것이 더 중요한 가치로 부각됐다.
10:38

Vibe Coding의 종말과 Agentic Engineering

'Vibe Coding'이라는 용어는 AI에게 막연히 의존한다는 부정적인 뉘앙스가 있어 지양해야 한다. 대신 'Agentic Engineering'이라는 용어를 사용하여 AI 에이전트의 워크플로를 설계하고 관리하는 전문성을 강조했다. 개발자는 이제 코드를 직접 쓰기보다 에이전트가 올바르게 작동하도록 시스템을 설계하는 역할로 변화했다.
13:25

최종 결과물 배포 및 실무적 한계

GitHub 연동과 Vercel 배포를 성공적으로 완료하여 실제 도메인에 웹사이트를 런칭했다. 하지만 스마트폰의 작은 화면으로는 코드 리뷰(QA)와 복잡한 설정 작업을 수행하기에 매우 불편했다. 폰은 에이전트에게 방향을 지시하거나 진행 상황을 모니터링하는 용도로는 훌륭하지만, 전체 개발 과정을 대체하기에는 한계가 있었다.

언급된 리소스

AI 분석 전체 내용 보기

AI 요약 · 북마크 · 개인 피드 설정 — 무료

출처 · 인용 안내

원문 발행 2026. 02. 17.수집 2026. 02. 21.출처 타입 YOUTUBE

인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.