
1
도구는 계속 바뀌는데,
작품은 계속 미완성이다.
01
남들이 AI로 한마디에 웹사이트 만드는 걸 보고 따라 해봤지만 설치, 오류, 이해 안 되는 영어에서 막혔다.
02
AI로 페이지 하나 생성할 수는 있지만 수정이 두렵다. 잘못 고치면 되돌릴 수 없어 처음부터 다시 해야 한다.
03
만든 것은 내 컴퓨터에서만 볼 수 있고 공유할 수 없으며, 남이 가입하거나 결제하게 하는 건 더더욱 어렵다.
04
튜토리얼은 잔뜩 봤고 도구는 한 달에 한 번씩 바뀌는데, 아직 제품 하나를 완성한 적이 없다.
당신에게 필요한 건 또 다른 도구가 아니라 아이디어에서 출시까지 가는 길이다.
02·배우고 나면 무엇을 만들 수 있나
챕터마다 따라 만들고,
다시 직접 만들어 본다.
수업에서 선생님을 따라 한 번 만들고, 과제는 자신의 주제로 바꿔 다시 한 번 만든다. 과제는 웹사이트에 제출하면 선생님이 첨삭하고 피드백을 준다. 각 과제에는 통과 기준도 명시되어 있어 제출 전에 스스로 점검할 수 있다.
1장 한마디로 탱크 대전 만들기
Doubao로 미니 게임을 하나 더 만들고, 스스로 세 가지 검수 기준 정하기
2장 AI가 당신을 인터뷰하게 해 개인 홈페이지 만들기
자신의 개인 홈페이지를 만들고 남에게 보낼 수 있는 링크 확보하기
동시에 실제 불편 3가지를 적고, 그중 하나를 자신의 프로젝트로 정하기
3장 TraeCode에서 Todo를 돌려보고 날씨 연결하기
React+Vite로 자신만의 Todo List 만들기
4장 Git 저장, 동기화, 되돌리기부터
제로에서 지식 퀴즈 게임 만들기, 여러 라운드로 나눠 만들고 라운드마다 저장
5장 배포 및 출시, 도메인 연결
자신의 프로젝트를 온라인에 배포해 컴퓨터를 꺼도 열 수 있게 하기
6장 운동 체크인에 데이터베이스 연결하기
자신의 프로젝트에 데이터 계층을 만들어 재시작해도 데이터가 남게 하기
7장 이커머스 소재 공장: 카피, 이미지, 영상
실제로 AI 모델을 호출하는 앱 만들기
아이디어가 없으면 SNS 최적화 도우미 만들기: 카피 최적화 후 이미지 한 장 붙이기
8장 로그인, 개인 센터, 데이터 격리 추가하기
앱이 회원가입과 로그인을 지원하게 하고, 두 번째 계정으로 남의 데이터가 보이지 않는지 확인하기
9장 AI 천기각: 모바일 앱+공유 포스터
자신의 모바일 앱을 만들어 공유 포스터 생성 및 휴대폰 홈 화면에 추가 가능하게 하기
10장 Codex와 Agent로 새 기능 반복 개발하기
자신의 프로젝트에 v1.1 새 기능 만들기
11장 템플릿 기반으로 AI SaaS 본체 만들기
실제로 생성되는 AI 도구 세 개를 만들고 포인트와 소재 라이브러리 추가하기
12장 랜딩 페이지, 결제, 이메일, 백오피스, 고객센터
자신만의 AI SaaS 웹사이트를 만들어 결제와 운영을 모두 연결하기
13장 AI 에이전트가 있는 WeChat 미니프로그램
휴대폰 WeChat에서 QR로 실행되고 AI 에이전트가 있는 미니프로그램 만들기, 주제 무관
과제로 쭉 만든 것이 바로 자신의 제품이다
2장에서 주제를 정하고 이후 각 장의 과제는 최대한 이 프로젝트에 반영한다. 따라 만들기는 연습일 뿐이고, 이것이 배우고 가져가는 것이다.
라이트 과정
8장까지 배우기
개인 홈페이지 출시; 프로젝트 파일 이해, Git 저장 및 되돌리기 사용; 프로젝트에 데이터베이스와 AI 연결; 다중 사용자 앱 만들기; 문제가 생겼을 때 무엇을 먼저 할지 알기.
스탠다드 과정
12장까지 배우기
라이트 과정 전부에 더해 자신의 AI SaaS 웹사이트 만들기: 랜딩 페이지, 포인트, 결제, 이메일, 관리자 백오피스.
풀 과정
13장 모두 배우기
스탠다드 과정 전부에 더해 AI 에이전트가 있는 WeChat 미니프로그램 만들기.
03·이 과정은 무엇이 다른가
이 과정은 돈을 받을 수 있는 제품 만드는 법을 가르치지만 유료 사용자가 생긴다고 보장하지 않는다. 트래픽, 전환, 수익은 이후 직접 검증해야 한다.
따라 만드는 것만이 아니라,
제대로 했는지 아는 것이다.
01
첫 수업에서는 아무 소프트웨어도 설치하지 않는다
1장은 브라우저만으로 한마디에 플레이 가능한 게임을 만든다. 먼저 성취감을 맛보고 천천히 엔진 뚜껑을 연다.
02
코드는 쓰지 않지만 AI가 뭘 하는지는 이해한다
AI가 생성한 각 파일 종류를 알고, 이번에 어디를 고쳤는지 파악하며, 무엇을 검수하는지 안다.
03
챕터마다 과제, 선생님 첨삭
제대로 했는지는 느낌이나 AI의 "완료했다"는 말에 기대지 않는다. 각 과제에 통과 기준이 명시되어 있고, 제출 후 선생님이 첨삭해 어디를 더 고쳐야 할지 알려준다.
04
오류가 나도 당황하지 않기
저장도 하고, 롤백도 하고, 문제를 명확히 설명해 AI에게 넘깁니다. 과정을 마친 뒤 가장 자주 쓰게 되는 것이 바로 이것입니다.
05
방법은 특정 도구에 묶이지 않습니다
도우바오에서 TraeCode로, 다시 Codex로 넘어가며 중간에 한 번 도구를 바꿉니다. 도구는 세대가 바뀌지만 방법은 바뀌지 않습니다.
이 과정이 당신에게 맞나요
다음에 해당하면 맞습니다
직장인, 미디어 크리에이터, 또는 제품, 운영, 디자인을 하며 AI로 아이디어를 실현하고 싶은 분
부업이나 자신만의 작은 제품을 만들고 싶지만 프로그래밍을 1년 배우고 싶지는 않은 분
AI 채팅은 써봤지만 AI로 완성된 결과물을 아직 만들어보지 못한 분
다음에 해당하면 맞지 않을 수 있습니다
전통적인 프로그래밍을 체계적으로 배우거나 프로그래머로 전직하려는 분
iOS, 안드로이드 네이티브 앱을 만들고 싶은 분
과정을 사기만 하면 누군가 돈 벌도록 이끌어주길 바라는 분
매주 몇 시간도 직접 손을 움직일 시간을 낼 수 없는 분
공통 전제: 스스로 소프트웨어를 설치하고, 계정을 등록하고, 컴퓨터 파일을 관리할 줄 알아야 합니다
1.AI 프로그래밍이란 무엇인가(1)
2.먼저 명확히 생각한 뒤 AI에게 일을 시키기
2.1 요구사항을 명확히 논의하고 첫 번째 홈페이지 만들기(1)
2.1 요구사항을 명확히 논의하고 첫 번째 홈페이지 만들기
2.2 홈페이지를 보기 좋게 수정하고 공유하기(1)
2.2 홈페이지를 보기 좋게 수정하고 공유하기
3.온실 해체: 프로그래밍이란 무엇인가
3.1 도우바오에서 벗어나 첫 프로젝트 실행하기(1)
3.2 엔진 뚜껑을 열어 AI가 한 일 이해하기(1)
3.3 Todo에 날씨 추가하기, API와 SDK 이해하기(1)
4.오류가 나도 당황하지 않기: 반복과 디버깅
4.1 프로젝트에 복원 가능한 저장본 남기기(1)
4.2 프로젝트를 GitHub에 동기화하기(1)
4.3 잘못 고쳤을 때: 피드백, 수정, 복구(1)
이 강의에는 자료 팩이 포함됩니다. 회원은 신청 후 이메일로 접속 링크를 받습니다.