원샷 킹 Claude 3.7: 수익성 있는 AI 앱을 출력할 수 있을까?

All About AI 구독자 189,000명

요약

본 영상에서는 Claude 3.7의 one-shot 기능과 Cursor의 에이전트 모드를 활용해 수익성 있는 다양한 AI 앱을 자동으로 생성하는 과정을 다룹니다. 발표자는 랜딩 페이지, 이미지 생성 앱, 드로잉 기반 이미지 변환 앱, 그리고 비디오 생성 앱을 실제로 만들어 보고, Stripe 결제와 Superbase 인증 등 각 구성요소의 적용 사례를 시연합니다. 생성된 앱들은 빠른 프로토타입 제작에 강점을 보이나, 코드 출력 제어 및 보안 강화와 같은 개선점이 있음을 강조합니다. 전반적으로, 자동화된 앱 제작의 가능성과 향후 발전 가능성에 대해 논의합니다.

주요 키워드

Claude 3.7 Cursor 에이전트 Stripe Superbase Flux AI 이미지 생성 비디오 생성 크레딧 시스템 원샷 프롬프트 앱 개발

하이라이트

🔑 Claude 3.7은 한 번의 프롬프트로 방대한 양의 코드를 생성하는 강력한 기능을 보여주나, 제어하기 어려운 단점이 있음.
🚀 Cursor 에이전트 모드를 활용해 Stripe 결제, Superbase 인증 등 다양한 기능을 통합한 앱들을 자동으로 생성하는 테스트를 진행함.
🌟 랜딩 페이지를 시작으로, 디지털 제품 구매 기능과 사용자 인증을 포함한 앱들이 성공적으로 구현됨.
📌 이미지 생성 앱에서는 Flux 모델과 크레딧 시스템을 도입해 사용자가 직접 그림을 그리거나 이미지를 생성할 수 있도록 함.
⚡️ 비디오 생성 앱에서는 사용자 업로드 이미지를 Replicate API와 연동하여 영상으로 변환하는 과정을 시연함.
📢 테스트 결과, 빠른 프로토타이핑이 가능하나, 보안 강화 및 일부 기능 개선이 필요한 점이 지적됨.

용어 설명

Claude 3.7

한 번의 프롬프트(원샷)로 대량의 코드를 생성할 수 있는 AI 모델로, 자동화된 앱 개발에 활용됨.

Cursor 에이전트 모드

AI가 주어진 프롬프트에 따라 자동으로 코드를 생성 및 실행하면서 작업을 진행하는 기능.

Stripe Checkout

온라인 결제 처리를 위한 서비스로, 디지털 제품 구매 및 결제 검증에 사용됨.

Superbase 인증

사용자 계정 관리와 데이터베이스 기능을 제공하는 서비스로, 앱의 로그인 및 사용자 정보 저장에 이용됨.

Flux

이미지 생성 및 렌더링에 활용되는 프레임워크로, AI 기반 이미지 생성 앱에서 사용됨.

Replicate API

AI 모델을 통해 이미지나 영상을 생성하는 API 서비스로, 비디오 생성 앱에 적용됨.

Claude 3.7의 원샷 기능과 Cursor 에이전트 모드를 활용해 수익성 있는 AI 앱 제작 실험을 소개합니다. 다양한 앱 제작 목표와 작업 방식을 설명합니다.

[00:00] Claude 3.7을 테스트해본 결과, 한 번에 대량의 코드를 생성하는 능력이 뛰어나지만 제어하기는 어렵다는 점을 발견했습니다.

[00:15] 오늘은 Claude 3.7과 Cursor를 결합하여 Stripe 결제와 Supabase 인증이 포함된 수익성 있는 앱들을 만들어볼 예정입니다.

단순한 웹 랜딩 페이지를 생성하고, Superbase를 통한 사용자 인증 및 Stripe 결제를 적용하는 과정을 시연합니다. 기본 디지털 제품 구매 플로우를 구성합니다.

[00:32] 총 네 가지 앱을 제작할 예정이며, 웹페이지, 이미지 생성기 앱, 그리고 두 가지 미스터리 앱을 순차적으로 개발할 것입니다.

[01:25] 첫 번째 프로젝트는 Supabase 인증과 Stripe 결제가 통합된 간단한 랜딩 페이지로, 1달러짜리 디지털 상품을 판매하는 기능을 구현할 예정입니다.

[02:10] 현재 Cursor에서 Claude 3.7의 사용이 완전히 최적화되지 않았지만, 그래도 한번 시도해보면서 대량 코드 생성의 장점을 활용해보려고 합니다.

[03:00] 앤시블 커서를 사용해 명령어를 실행하면서, 아직 익숙하지 않지만 전반적으로 만족스러운 경험을 하고 있다고 설명합니다.

[03:29] 시간 절약을 위해 과정을 빠르게 진행하면서, 작은 규모의 온라인 AI 스타트업들을 여러 개 만들 계획임을 설명합니다.

[03:51] 프리미엄 디지털 상품 페이지가 완성되어 스트라이프 결제 시스템이 통합된 것을 확인합니다.

[04:11] 테스트를 위해 계정 생성 및 이메일 인증 과정을 진행하고, 로그인에 성공합니다.

[04:44] 스트라이프 결제 시스템을 테스트하여 1달러 결제를 성공적으로 완료하고, 데이터베이스와 스트라이프 대시보드에서 거래가 확인됩니다.

[05:39] 다음 단계로 크레딧 시스템을 도입하여 AI 이미지 생성 플랫폼을 구축할 계획을 설명합니다. 플럭스 다크 테마와 슈퍼베이스를 활용하여 현대적이고 안전한 플랫폼을 만들 예정입니다.

Flux를 이용한 이미지 생성 앱을 구현하고, 사용자 크레딧 시스템을 통해 이미지 생성 기능의 사용량을 관리합니다. 초기 테스트 결과를 확인합니다.

[06:32] 프롬프트가 잘 작동하는 것을 확인하고 이를 복사하여 이미지 생성 플랫폼에 적용하기로 결정했습니다.

[07:15] 로컬호스트에서 앱을 실행했으나 헤더 문제가 있어 회원가입 과정을 진행했습니다.

[08:06] 로그인 후 크레딧이 없어 스트라이프를 통해 10 크레딧을 구매했습니다.

[08:40] 크레딧으로 '아기 얼굴을 한 도널드 트럼프' 이미지를 성공적으로 생성하고 다운로드했습니다.

[09:28] 다음 단계로 사용자가 직접 그린 이미지를 기반으로 새로운 이미지를 생성하는 기능을 추가하기로 계획했습니다.

[10:07] Claude 3.7의 불필요한 기능 추가 경향에 대해 설명하며, 구체적인 프롬프트 테스트를 시작합니다.

[10:58] Supabase 저장소에 그림을 저장할 때 발생한 투명 배경 문제와 이를 흰색 배경으로 해결한 과정을 설명합니다.

사용자가 직접 그림을 그리고, 이를 Superbase 스토리지에 저장 후 AI 이미지 생성 프롬프트로 전환하는 앱을 개발합니다. 다양한 프롬프트 스타일을 적용해봅니다.

[11:31] 다크 모드로 전환하고 그림 그리기 인터페이스를 시연하며, 두 개의 검을 든 캐릭터를 그립니다.

[12:13] 다양한 이미지 생성 스타일(포토리얼리스틱, 디지털 페인팅, 3D 렌더링)을 테스트합니다.

[13:20] 앱의 기본적인 로직은 잘 작동하지만, UI/UX 디자인 개선이 필요하다는 결론을 내립니다.

[13:37] 무료 생성 기회를 모두 소진하여 프로 버전으로 업그레이드가 필요한 상황입니다.

[13:50] 새로운 앱 개발 계획: 사용자가 업로드한 이미지를 minmax 비디오 생성기를 통해 비디오로 변환하는 기능을 구현하기로 결정했습니다.

[14:10] 앱의 주요 기능 설명: 이미지와 비디오는 각각의 버킷에 저장되며, 비디오 생성 비용은 1달러입니다.

[14:32] Supabase에 SQL 코드를 수동으로 입력하여 이미지와 비디오를 위한 저장소 버킷을 생성했습니다.

[14:49] 사용자 가입 및 로그인 프로세스를 테스트하고, 대시보드에서 기본 기능을 확인했습니다.

사용자 업로드 이미지를 바탕으로 Replicate API를 활용해 영상을 생성하는 앱을 구현합니다. Stripe 결제를 통한 영상 구매 과정을 시연합니다.

[15:23] '아기 도널드 트럼프가 울기 시작한다'라는 테스트 이미지를 업로드하고 비디오 생성을 시작했습니다.

[15:33] 결제 시스템 테스트: Stripe를 통한 1달러 결제 프로세스를 진행했습니다.

[15:53] 백엔드 처리 과정 확인: 이미지 다운로드, 프롬프트 처리, Replicate API를 통한 비디오 생성이 순차적으로 진행됩니다.

[16:29] 비디오 생성 완료를 기다리며 저장소 업데이트 확인 중입니다.

[16:43] 이미지를 영상으로 변환하는 첫 번째 시도가 성공적으로 완료되었고, 스트라이프를 통한 1달러 결제도 정상적으로 처리되었음을 확인했습니다.

[17:14] 두 번째 시도로 '두 사람의 가라테 대결' 프롬프트를 사용해 새로운 영상을 생성했지만, 결과물이 기대에 미치지 못했습니다.

[18:02] 앱들이 전반적으로 잘 작동했지만, 프로덕션 배포를 위해서는 데이터베이스 보안 등 추가적인 보완이 필요하다는 점을 강조했습니다.

전체 앱 제작 결과를 리뷰하며, 코드 제어 및 데이터베이스 보안 등의 추가 개선 사항을 논의합니다. 향후 발전 가능성 및 추가 기능 아이디어를 제시합니다.

[18:34] 문서화, 인덱싱, 환경 변수 파일 사용 등이 효과적이었으며, Claude와 커서의 발전 가능성에 대해 긍정적으로 전망했습니다.

[00:00] 주말 동안 저는 Claude 3.7을

[00:01] 테스트해보았고, 온라인에서 읽은 바로는

[00:04] 한 번에 대량의 코드를 생성하는 데

[00:07] 매우 뛰어나다고 합니다. 제 경우에는

[00:09] 오히려 너무 많은 코드가 생성되어

[00:11] 제어하기가 어려웠습니다. 그래서

[00:13] 오늘은 이것을 테스트해보려고 합니다.

[00:15] 3.7을 Cursor와 결합하여

[00:17] 에이전트 모드를 사용해 Stripe

[00:20] 결제가 가능한 수익성 있는 앱들을 만들어볼 겁니다.

[00:23] Supabase 인증을 사용할 것이고

[00:25] 기본적으로

[00:27] 네, 보시다시피 오늘은

[00:29] 네 가지 다른 앱을

[00:30] 만들어볼 텐데, 먼저

[00:32] 시스템을 테스트하고 문서를 수집하기 위해

[00:34] 웹페이지부터 시작할 것입니다.

[00:36] 그 다음에는 DB와 Stripe 결제가 포함된

[00:38] 이미지 생성기 앱을 만들 예정이고

[00:41] 그 다음에는 두 가지 미스터리 앱이 있습니다.

[00:44] 이 부분은 정말 놓치면 안 되는데

[00:46] 특히 두 번째 앱이 정말 멋집니다.

[00:48] 어떤 앱인지 보시려면 영상을

[00:51] 끝까지 시청하셔야 할 거예요.

[00:53] 결과가 꽤 마음에 들어서

[00:55] 만족스러웠습니다.

[00:57] 네, 기본적으로 이 영상은

[00:59] Claude 3.7을 테스트해보는 내용입니다.

[01:01] 말씀드렸듯이 좀 다루기 어렵지만

[01:03] 방대한 출력을 어떻게 제어할 수 있을지

[01:06] 해결방안을 찾으면

[01:08] 정말 멋진 결과를 얻을 수 있을 것 같습니다.

[01:11] 자, 이제 시작해볼까요?

[01:14] 웹페이지부터 시작해서 어떻게 되는지 봅시다.

[01:17] 간단한 것부터 시작하고 싶어서

[01:19] 여기 첫 번째 프롬프트가 있습니다.

[01:21] 스펙과 작업 내용, 그리고

[01:23] 따라야 할 규칙들이 있습니다.

[01:25] 첫 번째는 IDE가 간단한데,

[01:27] Supabase를 사용해서 회원가입과

[01:29] 로그인이 있는 랜딩 페이지를 만들고

[01:30] 로그인 버튼을 추가합니다.

[01:32] 랜딩 페이지에는 사용자가 구매할 수 있는

[01:35] 디지털 상품이 하나 있어야 하고

[01:36] 결제는 Stripe를 사용하며

[01:39] 가격은 1달러입니다.

[01:41] 이것이 우리가 만들 것이고

[01:44] 이 규칙들을 따를 것입니다.

[01:46] 여기서의 아이디어는 모든 것이

[01:49] 제대로 작동하는지, 인증이 작동하는지

[01:51] Stripe 결제가 작동하는지 확인하는 것입니다.

[01:54] 이것이 우리의 첫 번째 작업의

[01:57] 기본적인 아이디어입니다.

[02:01] 자, 이제 이것을 프롬프트에 붙여넣어보겠습니다.

[02:03] 물론 이것은 모든 문서와

[02:05] 환경 파일이 있는 폴더에 있습니다.

[02:07] 이제 우리는 그냥

[02:10] 여기서 좀 확대해보면,

[02:12] Cursor에서 에이전트를 선택하기만 하면 됩니다.

[02:15] 아마 전에도 언급했겠지만

[02:17] Cursor에서 Claude 3.7을 사용하는 것이

[02:20] 아직 최적화되지 않은 것 같습니다.

[02:23] 어떻게 될지 한번 보도록 하죠.

[02:26] 어쨌든 한번 시도해보겠습니다.

[02:29] 여기서의 아이디어는

[02:30] Claude 3.7의 장점을

[02:32] 활용하는 것입니다.

[02:35] 엄청난 양의 코드를 생성할 수 있거든요.

[02:38] 한번 시도해보고 어떻게 되는지 봅시다.

[02:41] 프롬프트를 실행하기만 하면 됩니다.

[02:43] 실행해보겠습니다.

[02:46] 이제 시작해보죠. 랜딩 페이지를 만들고

[02:49] 사용자 인증을 추가하고

[02:51] 결제 시스템을 구축해볼 겁니다.

[02:54] 좋습니다, 이제 시작해보죠.

[02:57] 결제 시스템을 설정해보도록 하겠습니다.

[03:00] 이 명령어를 실행해 볼 건데

[03:03] 아직 앤시블 커서에 익숙하지 않아서 좀 어려울 수 있지만

[03:05] 지금까지는 꽤 만족스러웠어요

[03:08] 매우 좋았죠

[03:10] 그래서 모든 세부 과정을

[03:13] 일일이 설명하지는 않을 것 같아요

[03:15] 좀 빨리 진행하고 싶은데

[03:18] 보시다시피

[03:20] 여기서 잠깐 멈춰서 이런 질문들에

[03:22] 답변해야 하거든요

[03:24] 시간이 좀 걸릴 텐데

[03:27] 오늘 할 게 많아서 속도를 좀 높여보죠

[03:29] 오늘은 이런 작은 규모의

[03:30] 온라인 AI 스타트업이라고 할까요

[03:33] 뭐라고 부르든 여러 개를 만들 거예요

[03:36] 자, 이제 전속력으로 실행해서

[03:39] 결과를 한번 살펴볼까요

[03:43] 좋아요, 완료됐네요. 이제 npm run dev를 실행하고

[03:46] 페이지를 열어볼게요

[03:51] 오, 좋아 보이네요. 마음에 들어요

[03:55] 프리미엄 디지털 상품이 있고

[03:57] 가입해서 구매할 수 있으며

[04:00] 스트라이프로 안전한 결제가 가능하네요

[04:03] 꽤 멋진데요, 마음에 들어요

[04:05] 자, 구매를 위해 가입해볼까요

[04:08] 계정을 만들어보죠

[04:11] 이메일 입력하고 비밀번호는 1234로 할게요

[04:16] 가입하기

[04:18] 좋아요, 성공했네요. 이메일 확인하라고 하네요

[04:21] 계정 확인을 위해

[04:23] 이메일이 왔는지 확인해볼게요

[04:26] 메일이

[04:27] 네, 메일이 왔네요. 계정을 확인하고

[04:30] 열어보면 이제 로그인이

[04:33] 됐네요, 완벽해요. 여기 제 이메일이 보이죠

[04:35] 좋아요

[04:37] 이제 중요한 건데, 스트라이프로

[04:40] 결제가 될까요?

[04:44] 리다이렉트가 잘 작동하네요, 1달러로 설정되어 있어요

[04:47] 한번 결제해보고 우리 계정으로

[04:51] 돈이 들어오는지 확인해볼게요

[04:54] 좋아요, 감사 페이지가 나왔네요

[04:57] 구매해주셔서 감사합니다. 결제가 성공적으로

[04:59] 완료됐다고 하네요. 홈으로 돌아가볼까요

[05:02] 데이터베이스를 확인해볼게요. 새로고침 해보면

[05:06] 우리 유저가 있나요? 네, 좋아요

[05:09] 이제 스트라이프로 가볼게요

[05:13] 돈이 들어왔는지 확인해보죠

[05:15] 네, 받았네요. 여기 1달러가

[05:18] 성공적으로 들어왔어요. 보시면

[05:21] 많은 부분이 가려져 있지만

[05:23] 우리가 디지털 상품에 지불한 1달러가 보이죠

[05:25] 디자인도 마음에 들어요

[05:28] '우리 디지털 상품을 선택해야 하는 이유' 섹션도 있고

[05:31] 프로젝트의 좋은 시작이네요

[05:34] 이제 다음 단계로 나아가볼 건데요

[05:37] 이제 실제로 작동하는

[05:39] 제품을 만들어볼 거예요

[05:40] 아마도 크레딧 시스템을 도입해서

[05:44] 크레딧을 구매해서 이미지를 생성할 수 있게

[05:46] 하는 게 다음 단계가 될 것 같아요

[05:50] 다음 부분을 진행해볼 텐데

[05:51] 여기 프롬프트를 보면

[05:54] 모범 사례를 활용해서 AI 이미지를 생성하는

[05:57] 간단한 플랫폼을 만들거예요

[06:00] 사용할 건

[06:01] 플럭스 다크 테마와 모던하고 깔끔한 디자인이에요

[06:05] 슈퍼베이스로 DB를 만들어서

[06:08] 사용자의 크레딧과 정보를 저장할 프로필 테이블을 만들고

[06:11] 이미지를 표시하는 방법을 찾아야 해요

[06:13] 크레딧 1개당 이미지 1개를 생성할 수 있게요

[06:17] 여기에 추가 기능도 넣을 거고

[06:19] 그리고

[06:20] 사용자가 크레딧을 더 구매할 수 있게 할 거예요

[06:23] 이제 이 스펙대로 앱을 만들어볼 건데

[06:25] 위의 사양에 맞춰 앱을 만들 거예요

[06:27] 보안성과 수익성을 갖추고 이미지용 플럭스를

[06:31] 사용할 거예요

[06:32] 네, 괜찮아 보이네요.

[06:34] 이 프롬프트를 복사해봅시다.

[06:37] 여기에다가요.

[06:39] 이게 잘 작동했으니까

[06:42] 플랫폼에서도 잘 될 것 같아서

[06:45] 긍정적으로 생각하고 있습니다.

[06:49] 이미지 생성 플랫폼을 위해서요.

[06:51] 자, 에이전트를 다시 실행해봅시다.

[06:55] 프롬프트를 실행해보죠.

[06:58] 에이전트 3.7을 사용해볼게요.

[07:03] 네, 보내보겠습니다. 다시 한번

[07:07] 실행시키고 결과가 나올 때까지

[07:11] 기다려보죠. 잠시 후에 뵙겠습니다.

[07:15] 좋아요, 완료됐네요.

[07:18] 로컬호스트를 열어보면

[07:22] 비슷한 스타일링이 보이지만

[07:24] 몇 가지 문제가 있네요.

[07:27] 헤더 부분이 작동하지 않아서

[07:29] 아래로 스크롤해서

[07:32] 시작하기와

[07:33] 회원가입을 클릭해야 합니다.

[07:36] 몇 가지 문제가 있지만

[07:38] 큰 문제는 아닌 것 같네요. 가입해보겠습니다.

[07:42] 비밀번호 입력하고...

[07:45] 가입하기... 좋습니다.

[07:48] 이메일이 왔는지 확인해볼게요.

[07:51] 네, 이메일이 왔네요.

[07:53] 이걸 확인하면 로그인이 될 거예요.

[07:57] 몇 가지 문제가 있지만

[08:00] 괜찮을 것 같네요.

[08:02] 다시 로그인해볼게요. 이메일, 비밀번호...

[08:06] 로그인은 됐는데

[08:09] 크레딧이 없네요.

[08:11] 이미지를 생성할 수 없을 것 같아요.

[08:14] '큰 고양이'를 시도해볼게요... 안되네요.

[08:18] 예상대로입니다. 크레딧을

[08:21] 구매해볼까요? 스트라이프로 이동하나요?

[08:24] 완벽하네요. 10 크레딧을

[08:28] 구매해보겠습니다.

[08:31] 추가 크레딧이 들어왔는지 확인해보죠.

[08:34] 네, 받았네요.

[08:36] 상단에 10 크레딧이 보이네요. 완벽해요.

[08:40] 이제 이미지를 생성할 수 있어요.

[08:42] 프롬프트를 입력해보겠습니다.

[08:44] 생성해볼게요... 꽤 빠르네요.

[08:47] 아기 얼굴을 한 도널드 트럼프네요.

[08:50] 이미지를 다운로드할 수 있나요?

[08:52] 네, 됩니다.

[08:54] 완벽하네요, 꽤 괜찮았어요.

[08:58] 크레딧이 차감되었나요?

[09:02] 네, 좋습니다. 이제

[09:05] 가이던스를 변경해볼게요.

[09:07] 7로 설정하고 같은 프롬프트로

[09:11] 시도해보겠습니다.

[09:14] 약간

[09:15] 달라졌네요.

[09:18] 제 생각엔 꽤 괜찮아요.

[09:20] 물론 많은 문제가 있지만

[09:22] 초기 빠른 개발 결과치고는

[09:24] 이 이미지 생성 앱이

[09:26] 꽤 잘 나왔다고 생각합니다.

[09:28] 이제 좀 더 구체적으로 해볼게요.

[09:31] 문서의 모범 사례와

[09:33] 같은 스타일을 사용할 건데

[09:35] 간단한 앱을 만들어서

[09:37] 사용자가 왼쪽에 이미지를 그리고

[09:39] 수퍼베이스 스토리지 버킷에 저장하고

[09:41] 이 그림을 이미지 투 이미지

[09:43] 프롬프트로 사용해서 오른쪽에

[09:46] 새 이미지를 생성하되, 미리 정의된

[09:48] 프롬프트 선택을 사용할 거예요.

[09:51] 기본적으로 비슷한 맥락이지만

[09:53] 약간 다른 방식으로 접근할 거고

[09:55] 몇 가지 규칙을 추가했어요.

[09:58] 범위 내 기능에 집중하고

[10:01] 불필요한 기능은 추가하지 않으며

[10:04] 작업을 실행할 거예요. Claude 3.7이

[10:07] Claude 3.7은 우리가 요청하지 않은

[10:10] 기능들을 많이 추가하는 경향이 있어서

[10:12] 프롬프트에서 정말 구체적으로

[10:14] 원하는 것만 얻을 수 있는지 확인해보고 싶습니다

[10:17] 자, 이제 채팅창을 열어볼까요

[10:22] 그리고

[10:24] @prompt.MD를 실행해보겠습니다. docs에 있는

[10:32] 관련 파일들도

[10:35] 모두 읽어보겠습니다

[10:40] 앗, ask에서 시작했네요

[10:43] agent로 바꿔서 보내보겠습니다

[10:46] 이제 지침을 잘 따르는지

[10:48] 이전보다 더 잘 되는지 확인해보죠

[10:50] 이전에는 더 열린 프롬프트였거든요

[10:53] 작업이 완료됐는데

[10:55] 한 가지 문제가 있었습니다

[10:58] 그림을 그려서 Supabase 저장소에

[11:00] 저장했을 때 배경이

[11:02] 투명했다는 거예요

[11:05] Flux 이미지 생성에는 적합하지 않았죠

[11:09] 그래서 흰색 배경으로 변경했습니다

[11:12] 이제 npm run dev로

[11:14] 테스트해보겠습니다. 이미 로그인은 했으니

[11:18] 잘 작동할 것 같네요

[11:20] 자

[11:21] 음, 로그인 부분은 건너뛰었지만

[11:24] 셋업을 테스트해봤고 잘 작동했어요

[11:27] 확인 이메일도 받았고

[11:29] 이전과 같은 설정으로

[11:31] 여기서 보시다시피

[11:34] 다크 모드를 켰는데요

[11:38] 너무 밝았거든요. 이제 여기에 그림을 그릴 수 있습니다

[11:43] 제가 한번 그림을 그려보고

[11:45] 아래에서 프롬프트 스타일을 선택해서

[11:48] 어떻게 변환할지 정해보겠습니다

[11:50] 자, 이렇게 두 개의 검을 든

[11:53] 캐릭터를 그렸습니다

[11:56] 이제 Supabase에 저장해볼게요

[11:59] 성공적으로 저장됐네요

[12:01] 버킷으로 가서 새로고침하면

[12:04] 이미지가 여기 있죠

[12:06] 완벽합니다. 이제

[12:08] Flux 이미지 생성기에 넣을 수 있어요

[12:11] 프롬프트 스타일을 선택해볼까요

[12:13] 멋진 디테일과 조명이 있는 포토리얼리스틱 이미지로

[12:17] 해보겠습니다. 잘 안될 것 같지만

[12:19] 한번 해보죠

[12:21] 생성 버튼을 눌러보겠습니다

[12:23] 이걸 띄워볼 수 있겠네요

[12:26] 다크 모드로 바꿔볼게요... 자 됐습니다

[12:29] 포토리얼리스틱하진 않지만

[12:32] 우리가 이것을 이렇게 바꿨죠

[12:35] 다른 프롬프트도 한번 써볼게요

[12:38] 음... 생생하고 디테일한 디지털 페인팅으로

[12:41] 해보겠습니다

[12:45] 그렇게 좋진 않지만, 작동은 했어요

[12:49] 그림을 가져와서

[12:51] 새로운 이미지로 변환했습니다

[12:54] 재미삼아 3D 렌더링 씬도 해볼게요

[12:57] 어떻게 될지 모르겠네요

[12:58] 프롬프트가 좋진 않을 수 있지만

[13:00] 그냥 재미로 해보는 거예요

[13:02] 와, 정말 이상하네요

[13:04] 이 꽃을 그렸는데

[13:07] 음... 풍부한 색감의 생생한

[13:11] 수채화 디지털 스케치로 해볼게요

[13:15] 뭔가 꽃 같은 게 나왔네요

[13:18] 나쁘지 않아요

[13:20] 보시다시피 단순한 앱인데

[13:23] 얼마나 지루해 보이나요. 캔버스도 안 보이고

[13:26] 정말 지루한 디자인이에요

[13:29] 하지만 로직은 잘 작동합니다

[13:30] 디자인을 개선해서

[13:32] 더 매력적인 앱으로 만들기 쉬울 거예요

[13:35] 로직이 잘 작동해서 만족스럽네요

[13:37] 이제 무료 생성 기회를

[13:40] 모두 소진했기 때문에

[13:42] 생성 버튼을 더 이상 클릭할 수 없고

[13:44] 프로 버전으로 업그레이드해야 합니다. 꽤 괜찮네요.

[13:48] 네, 만족스럽습니다. 이제

[13:50] 한 가지 앱을 더 만들어보려고 합니다.

[13:52] 마지막 앱은

[13:54] minmax 비디오 생성기를 사용하고

[13:57] 사용자가 업로드한 이미지로

[13:59] 비디오를 생성하는 겁니다. 제 이미지를

[14:01] 업로드하면 애니메이션으로 만들거나

[14:04] 비디오로 변환할 수 있죠. Stable Diffusion 이미지를

[14:08] 프롬프트와 함께 사용할 건데

[14:10] 이미지는 버킷에 저장되고, 비디오도 버킷에 저장되며

[14:12] 비디오를 다운로드할 수 있습니다.

[14:14] 비디오 한 개 생성에 1달러를 받고

[14:17] 기본적으로 여기와 같은 구성으로

[14:19] 규칙과 사양에 따라

[14:21] 작업을 실행합니다. 한번 시도해보죠.

[14:24] 비디오 생성 API를 사용해본 적이 없어서

[14:28] 꽤 흥미로울 것 같네요.

[14:29] 좋습니다. 이제 완성됐는데

[14:32] 수동으로 처리해야 할 게 있었어요.

[14:34] Supabase에 SQL 코드를 직접 입력해서

[14:37] 이미지와 비디오를 위한

[14:38] 버킷을 만들어야 했지만 괜찮았습니다.

[14:41] 그렇게 어렵지 않았어요. 이제 실행해보고

[14:43] 열어보겠습니다.

[14:46] '이미지를 놀라운 비디오로 변환하세요'

[14:49] 가입을 해보죠. 빠르게 가입해볼게요.

[14:52] 이메일을 입력하고

[14:54] 비밀번호도 입력하고... 가입하기

[14:57] 네, 잘 작동하네요. 이제

[15:01] 이메일을 받아야 합니다. 이메일이 왔고

[15:03] 로그인했더니

[15:05] 대시보드가 보이네요. 사용법은

[15:08] 이미지 업로드, 프롬프트 입력,

[15:09] 이미지당 비용 지불입니다.

[15:13] 비디오 생성이나 새 비디오 만들기를

[15:15] 클릭해보겠습니다. 좋아요.

[15:18] 이제 이미지를 업로드해야 하니까 찾아볼게요.

[15:21] 업로드할 이미지를...

[15:23] 전에 했던 이미지로 해보죠.

[15:26] '아기 도널드 트럼프가 울기 시작한다'

[15:28] 이제 비디오를 생성하면

[15:30] 결제 페이지로 이동할 거예요.

[15:33] 좋아요, 1달러를 결제할 건데

[15:35] Stripe에 돈이

[15:37] 제대로 들어가는지 확인해볼게요.

[15:39] 잘 작동할 것 같습니다.

[15:41] 결제를 진행할게요.

[15:44] 결제가 성공했네요. 다음은 뭘까요?

[15:47] 1-3분 정도 걸릴 텐데

[15:49] 대시보드로

[15:51] 돌아가보면 이제 백엔드에서

[15:53] 실행될 거예요. 백엔드를 보면

[15:56] 비디오를 받았고

[15:58] 프롬프트도 있고

[16:01] 이미지 다운로드도 시작됐어요.

[16:03] 이미지가 있고

[16:06] Replicate API를 사용해서

[16:08] 비디오 생성을 시작했습니다. 완벽해요.

[16:11] 프롬프트도 있고요. 비디오 생성에는

[16:14] 시간이 좀 걸리니까

[16:16] 결과가 어떻게 나오는지 보고

[16:18] 비디오로 가서

[16:20] 다운로드해보죠. 여기로 돌아와서

[16:23] 비디오를 클릭하면 '아기 도널드 트럼프가

[16:26] 울기 시작한다'가 보이고

[16:28] 처리 중이에요.

[16:29] 완료될 때까지

[16:30] 기다려야 합니다. 지금까지는 잘 진행되고 있네요.

[16:34] 이제 성공적으로 완료됐고

[16:36] 저장소로 이동될 겁니다.

[16:38] 업데이트하면

[16:40] 저장소에서 확인할 수 있어요.

[16:43] 네, 완료되었습니다. 다운로드할 수 있어요.

[16:48] 좋아요, 완벽합니다. 이 영상을 보세요.

[16:51] 5초짜리 영상인데, 우리가 이미지를

[16:55] 가져와서 확실히 변환한 것을 볼 수 있죠.

[16:57] 이것을 우리의 영상으로 만들었습니다.

[16:59] 꽤 재미있었네요. 한 가지 더

[17:02] 해보고 싶은데, 방금 1달러가

[17:05] 스트라이프 계정에 입금되었다는

[17:09] 확인 이메일도 받았어요. 잘 작동했네요.

[17:12] 이제 새로운 영상을 만들어볼까요?

[17:14] 새로운 파일을 선택해보겠습니다.

[17:17] 여기 다른 이미지를 사용할 건데요,

[17:21] 프롬프트를 '두 사람이 가라테 대결을 벌인다'로

[17:24] 해보겠습니다. 한번 시도해볼게요.

[17:28] 생성하고 결제한 다음

[17:30] 같은 과정을 반복해서

[17:32] 이 영상이 어떻게 나오는지 봅시다.

[17:34] 좋아요, 두 번째 영상이 완성되었네요.

[17:37] 다운로드해보겠습니다.

[17:42] 음... 꽤 형편없네요. 완전히 달라졌어요.

[17:45] 이 이미지가

[17:50] 이렇게 변했네요.

[17:51] 재미있긴 한데 별로 도움이 안 되네요.

[17:54] 이걸로 1달러를 지불했다면

[17:56] 그다지 만족스럽지 않았을 것 같네요.

[17:59] 하지만 작동은 하죠, 그게 중요한 거니까요.

[18:02] 네, 오늘 우리가 만든 모든 앱들이

[18:05] 꽤 잘 작동했습니다. 약간의 수정이

[18:08] 필요한 부분이 있었지만,

[18:10] 한 가지 기억해야 할 점은

[18:13] 오늘 우리가 만든 이 앱들은

[18:16] 아직 프로덕션에 배포하기에는

[18:18] 충분히 안전하지 않다는 거예요.

[18:21] 데이터베이스 보안을 더 강화해야 하고,

[18:24] 결제 시스템은 괜찮지만

[18:26] 데이터베이스는 오늘 사용한 것보다

[18:28] 더 안전하게 만들어야 합니다.

[18:30] 하지만 잘 작동했고, 에이전트에

[18:34] 많은 문서를 넣어서

[18:37] 커서로 인덱싱하고

[18:39] 환경 변수 파일과 프롬프트를 사용한 것이

[18:42] 잘 작동했습니다.

[18:44] 이 기술에서 많은 잠재력을 보았고

[18:47] 앞으로가 정말 기대됩니다.

[18:48] 앞으로 이것이 어떻게 발전할지

[18:50] 미래가 기대되네요.

[18:53] 아마도 커서가 Claude 3.7과 함께

[18:57] 3.5처럼 더 잘 작동할 수 있게 될지도 모르죠.

[19:00] 모르겠지만, 아주 흥미로운 모델이에요.

[19:03] 저는 매우 만족스러웠고

[19:05] 오늘 이걸로 놀면서 정말 재미있었어요.

[19:06] 여러분도 즐기셨길 바라고

[19:09] 뭔가 배우셨길 바랍니다.

[19:11] 제가 얻은 큰 교훈은 문서를 업로드하고

[19:13] 인덱싱한 다음 다양한 앱을

[19:16] 시도해보라는 것입니다.

[19:18] Claude가 앱 아이디어를 생성하고

[19:20] 우리가 실행할 수 있게 하는 아이디어도 있는데,

[19:23] 그건 아마도 다음 영상이 되겠네요.

[19:25] 즐거우셨길 바라며,

[19:27] 곧 다시 만나요!