아이디어만 있으면 됩니다. Stripe(결제), Clerk(인증), Vercel(배포)이
연동된 풀스택 서비스를 AI와 함께 런칭하세요.

단순 웹 빌더의 한계를 넘어, 로컬 환경에서 커서와 윈드서프를 활용해 정교하게 코드를 제어하는 현직 개발자의 생산성 비법을 전수합니다.
단순한 페이지가 아닙니다. Clerk(회원가입), Stripe(결제), Neon(DB)을 AI로 연동하여 실제 통장으로 돈이 들어오는 시스템을 구축합니다.
Git 버전 관리부터 Vercel을 통한 무중단 배포, 그리고 검색 엔진 최적화(SEO) 설정까지 전 세계 사용자를 만날 준비를 마칩니다.
검증된 오픈소스 코드를 가져와 AI에게 자연어로 수정 요청(바이브코딩)을 하며, 나만의 앱으로 탈바꿈시키는 고효율 개발 방식을 익힙니다.
PROJECT 01
아이디어 구상부터 시작해 회원가입, 결제, AI 이미지 처리가 포함된 풀스택 웹 애플리케이션을 완성하고 Vercel에 배포하여 수익화 모델을 검증합니다.

PROJECT 02
깃허브의 인기 오픈소스 프로젝트를 로컬로 가져와, AI 에이전트와 대화하며 디자인과 기능을 수정해 나만의 고유한 서비스로 재탄생시킵니다.

SECTION 01
웹 생성 코드를 커서/윈드서프로 가져와 Clerk(인증), Neon(DB), Stripe(결제)를 연결하여 '서비스다운 서비스'의 골격을 완성합니다.
SECTION 02
협업의 표준 Git/깃허브 사용법을 익히고, Vercel을 통해 도메인을 연결하여 서비스를 런칭합니다. 검색 노출을 위한 기본 SEO 설정까지 다룹니다.
SECTION 03
실전 프로젝트입니다. 실제 수요가 있는 AI SaaS 아이디어를 선정하고, 프롬프트 엔지니어링만으로 MVP를 구축해 결제 시스템까지 탑재합니다.
SECTION 04
바닥부터 짜지 않습니다. 검증된 오픈소스 코드를 활용해 AI에게 수정을 명령(바이브코딩)하며 초고속으로 고퀄리티 앱을 만드는 비법을 전수합니다.
POINT 01
Bolt.new와 같은 웹 도구는 편리하지만 확장에 한계가 있습니다. 이 강의는 코드를 내 컴퓨터(로컬)로 가져와 커서와 윈드서프 같은 AI IDE에서 자유자재로 다루는 '전문가의 방식'을 알려드립니다.
POINT 02
예쁜 껍데기만 만드는 것은 그만! 사용자 인증(Clerk), 데이터 저장(Neon), 그리고 가장 중요한 결제(Stripe) 시스템을 AI의 도움을 받아 연동합니다. 내 통장으로 수익이 들어오는 파이프라인을 직접 코딩합니다.
POINT 03
빨간 에러 메시지가 두려우신가요? AI 에이전트에게 로그를 던져주고 해결책을 받으세요. 디버깅부터 Vercel 무중단 배포까지, AI가 든든한 사수가 되어 기술적 장벽을 제거해 드립니다.
POINT 04
복잡한 문법 대신 원하는 바를 명확히 말하는 '프롬프트 엔지니어링' 능력이 더 중요해졌습니다. 오픈소스를 가져와 자연어로 명령하며 앱을 변형시키는 '바이브코딩' 기법으로 개발 생산성을 극대화하세요.
네, 가능합니다. 이 강의는 문법 암기가 아닌 커서와 윈드서프 같은 AI 도구에게 명령(Prompting)하는 법을 배우므로 비전공자도 수익형 서비스를 런칭할 수 있습니다.
대부분의 툴은 무료 플랜(Free Tier)으로도 충분히 학습하고 서비스를 런칭할 수 있습니다. 유료 기능 없이도 MVP를 완성할 수 있도록 가이드해 드립니다.
이 강의는 Stripe 결제 시스템과 Clerk 회원가입 기능이 완벽히 연동된 '수익화 가능한 시스템' 구축 기술을 제공합니다. 기술적 장벽을 완벽하게 제거하여 아이디어 실현을 돕습니다.
네, 커서와 윈드서프는 맥OS과 윈도우를 모두 지원하며, 강의 내용 또한 OS에 상관없이 동일하게 적용 가능한 범용적인 웹 기술을 다룹니다.
© 2024 AI SaaS Master Class. All rights reserved.
01-01차시 인공지능 기반 개발과 프롬프트 기반 코딩 소개
02
01-02차시 볼트와 Full-Stack 애플리케이션 이해
03
01-03차시 Vercel을 활용한 신속한 프로토타이핑 작업하기
04
01-04차시 사랑받는 애플리케이션과 GPT 엔지니어 사용하기
05
01-05차시 리플릿을 이용한 코드 개선과 보완 마스터하기와 첫 AI 생성 포트폴리오 웹사이트 배포하기
06
01-06차시 마무리
07
02-01차시 다수 애플리케이션 구축 소개
08
02-02차시 정적 사이트를 동적 AI 기반 애플리케이션으로 전환하기
09
02-03차시 인공지능 API를 활용한 이미지 생성 서비스 구현
10
02-04차시 텍스트 생성 및 채팅 인터페이스 구축
11
02-05차시 API 통합 이해와 구현
12
02-06차시 데이터베이스를 이용한 데이터 저장
13
02-07차시 마무리
14
03-01차시 커서와 윈드서핑을 통한 풀스택 개발 소개
15
03-02차시 클럭(Clerk) 또는 수퍼베이스(Supabase)로 인증 설정하기
16
03-03차시 구글 OAuth 및 사용자 세션 구현하기
17
03-04차시 MCP 서버를 추가하여 윈드서핑을 다른 도구와 연결하기
18
03-05차시 MCP 서버를 추가하여 커서를 다른 도구에 연결하기
19
03-06차시 결제 처리 추가하기(Stripe) 및 사용자 구독 및 청구 관리하기
20
03-07차시 맺음말
21
04-01차시 깃 버전 관리 소개
22
04-02차시 코드 관리를 위한 깃허브 활용하기
23
04-03차시 브랜칭과 협업 이해하기
24
04-04차시 깃허브를 이용한 넷리파이에 배포
25
04-05차시 가시성을 위한 SEO 최적화 방법
26
04-06차시 버셀(Vercel)과 넷리파이(Netlify)를 활용한 배포 전략
27
04-07차시 마무리
28
05-01차시 프로젝트 만들기 소개
29
05-02차시 아이디어 발상 및 시장 조사 전략
30
05-03차시 최소 기능 제품(MVP) 구축하기
31
05-04차시 핵심 AI 기능 구현하기
32
05-05차시 커서로 전달된 앱 이동
33
05-06차시 출시 준비와 최적화
34
05-07차시 마무리
35
06-01차시 유리 아이콘(Glassy Icons)을 사용한 웹사이트 구축
36
06-02차시 희망의 등불 웹사이트 구축
첫번째 리뷰어가 되어주세요.
소중한 후기가 다른 분들께 도움이 될 거에요.
정가
123,000원
총 결제 금액
123,000원
적립 예정
3,690P
123,000원
123,000원