Claude로 웹 앱 만드는 방법
Claude는 앱을 만들 수는 있지만, 혼자서는 앱을 온라인에 올리거나 데이터를 보관하거나 사람들이 로그인하게 할 수 없어요. 그 부분을 Pilely가 채워 줍니다. 평소 말투로 Claude에게 앱을 설명하면, Claude가 앱을 만들고 Pilely가 앱만의 링크에서 실행해요. 로그인, 데이터베이스, 이메일, 결제는 처음부터 들어 있어요.
코딩을 할 줄 몰라도, 서버를 빌리지 않아도, 다른 서비스에 가입하지 않아도 돼요. 만드는 작업은 이미 내고 있는 Claude 요금제로 합니다.
준비물
- Claude Code가 포함된 Claude 요금제. Claude Code는 내 컴퓨터의 폴더 안에서 작업할 수 있는 Claude의 기능이에요.
- Mac 또는 Windows 컴퓨터의 Claude 데스크톱 앱("Code" 탭) 또는 터미널의 Claude Code.
- 이메일 주소. Pilely는 이 주소로 보낸 코드로 로그인해요.
단계별 방법
- Claude의 "Code" 탭을 열고 폴더를 고르세요. 앱을 위한 새 빈 폴더를 만들고 Claude가 작업할 폴더로 선택해요.
- 이 페이지 맨 아래에 있는 메시지를 보내세요. 이 메시지가 Claude에게 Pilely의 어시스턴트인 Pam을 불러오라고 알려 줘요.
- 설정에 '네'라고 답하세요. Claude가 먼저 무슨 일이 일어날지 쉬운 말로 설명해요: 작은 Pilely 도우미가 폴더에 들어가고, 이메일로 받은 코드로 로그인하게 돼요. 동의하기 전에는 아무것도 설치되지 않아요. 처음 로그인하면 계정이 만들어지고, 비밀번호는 없어요.
- 원한다면 "Bypass permissions"(권한 확인 건너뛰기)를 선택하세요. Claude가 이 권한을 요청하는 건 단계마다 일일이 승인하지 않아도 되게 하려는 거예요. 거절하고 단계를 하나씩 승인해도 돼요.
- 앱을 설명하세요. 누구를 위한 앱이고 무엇을 해야 하는지 내 말로 이야기하면 돼요. 예를 들면: "우리 가족 집안일 당번표. 각자 로그인해서 맡은 일을 체크하고, 매주 일요일에 알림 메일이 오게."
- 앱을 여세요. Claude가 앱을 만들고, Pilely가 앱만의 링크로 온라인에 올려요. 그 링크는 누구에게나 보낼 수 있어요.
- 같은 채팅에서 계속하세요. 새 페이지, 새 입력 항목, 결제 버튼 등 언제든 수정을 요청하세요. Claude가 앱을 고치고, Pilely가 새 버전을 온라인에 올려요.
앱으로 할 수 있는 것
평소 말투로 요청만 하면 돼요. Pilely에서 이미 돌아가고 있어요.
- 로그인: 이메일과 일회용 코드로요. 누가 들어올지는 내가 정해요: 모든 사람, 초대한 사람, 또는 나만.
- 데이터와 파일: 진짜 데이터베이스에 저장돼서, 다음에 누가 앱을 열어도 그대로 남아 있어요.
- 이메일: 환영 메일, 영수증, 알림 같은 것들요.
- 결제: 내 Stripe 계정을 통해서요. 돈은 바로 나에게 들어오고, Pilely는 수수료를 떼지 않아요.
- 서버: 스스로 계속 돌아가면서 예약 작업, 무거운 처리, 다른 서비스와의 연동을 맡아요.
- 나만의 도메인: 원한다면요.
비용
만드는 작업은 지금 쓰는 Claude 요금제로 하니까 빌더 요금이 없어요. 앱 운영은 선불 Pilely 크레딧으로 실제로 쓴 만큼만 내요. 새 계정에는 처음에 최대 $5의 무료 크레딧을 드려요.
자주 묻는 질문
코딩을 할 줄 알아야 하나요? 아니요. 평소 말투로 Claude와 대화하면 기술적인 일은 Claude가 해요.
제 코드는 어디에 저장되나요? Claude가 내 컴퓨터의 폴더에 코드를 써 넣어요. 코드는 내 것이니 그대로 두든, 고치든, 어디로 가져가든 자유예요.
나중에 ChatGPT로 바꿀 수 있나요? 네. 앱, 데이터, 사용자는 채팅 안이 아니라 Pilely에 있어요. 같은 메시지를 ChatGPT에게 보내면 하던 곳부터 이어서 할 수 있어요. ChatGPT로 앱 만드는 방법을 참고하세요.
AI 앱 빌더와는 뭐가 다른가요? Lovable이나 Base44 같은 앱 빌더는 자체 AI를 쓰고, 그 AI로 만드는 작업에 요금을 받아요. Pilely는 이미 돈을 내고 있는 AI가 직접 만들게 해 줘요. Pilely와 다른 서비스 비교를 참고하세요.