본문으로 건너뛰기
C클짐CLGYM

CURRICULUM

AI로 만드는 나의 첫 서비스

3개 시즌 · 23개 모듈 · 69강의 전체 로드맵입니다. 1기는 시즌 1의 전반부(1–12강)를 다룹니다.

매 회차가 도는 훈련 루프

깨지는 것까지가 커리큘럼입니다. 에러를 직접 읽고 고쳐서 배포할 때 AI 근육이 붙습니다.

뭘 만들지 정한다AI에게 설계를 시킨다만든다깨진다에러를 읽는다고친다배포한다
강의
69강
모듈
23개
완성하는 프로젝트
21개

세 개의 시즌

시즌마다 「끝났을 때 손에 남는 것」이 다릅니다.

시즌 1121

내 서비스를 만들어 인터넷에 올린다

끝나면 — 배포된 사이트 3개 + AI 기능 + 로그인/DB

1기는 이 시즌의 112강을 다룹니다.

시즌 22243

일을 대신 시킨다

끝나면 — 돌아가는 자동화 6개

시즌 34469

실전 서비스를 만든다

끝나면 — 지도·영상·예약·매매봇·모바일앱·AI위키 + 캡스톤

모듈 23개

모듈을 누르면 만드는 것과 강별 제목이 열립니다.

01AI 개념 + 개발환경 셋팅1기 범위1강 · 1

만드는 것 · 내 컴퓨터에서 클로드 코드가 돌아가고, 첫 파일을 만들어본 상태

LLM멀티모달클로드 제품군터미널
  1. 1AI 개념 정리 + 개발환경 셋팅
02개발 용어 사전1기 범위2강 · 1

만드는 것 · 웹 전체 지도 한 장 + 에러 읽는 법. 개발용어사전 PDF 배포

웹 전체 지도폴더 해부에러 읽는 4단계
  1. 2개발 용어 한눈에 — 지도를 그린다
03퍼스널 브랜딩 사이트1기 범위3–5강 · 3

만드는 것 · 실제 도메인으로 접속되는 내 소개 사이트. 친구에게 링크를 보낼 수 있는 상태

HTMLCSSGitGitHubVercel도메인
  1. 3페이지를 만든다
  2. 4이력을 남긴다 (Git · GitHub)
  3. 5세상에 올린다 (Vercel · 도메인)
04랜딩페이지 — 애니메이션과 3D1기 범위6–8강 · 3

만드는 것 · 스크롤에 반응하고 3D 요소가 움직이는 제품/서비스 랜딩페이지

CSS 애니메이션스크롤 인터랙션MotionThree.js / SplineTailwind
  1. 6움직임의 원리
  2. 7스크롤에 반응하기
  3. 83D 넣기
05마크다운 블로그 (Next.js)1기 범위9–12강 · 4

만드는 것 · .md 파일을 넣으면 글이 자동으로 올라가는 블로그. 이후 자동화의 발행 대상이 됨

npmNode.jsNext.jsReact 컴포넌트라우팅빌드
  1. 9프로젝트를 연다
  2. 10컴포넌트로 쪼갠다
  3. 11마크다운을 글로 바꾼다
  4. 12완성하고 배포한다
06Claude API 첫 연동13–15강 · 3

만드는 것 · 내 사이트 안에서 도는 AI 도구 (긴 글 요약기 / 문의 분류기)

Claude API.env서버 라우트토큰과 비용스트리밍
  1. 13키를 안전하게 다루는 법
  2. 14첫 호출
  3. 15실전 도구로 만들기
07AI PPT 생성기16–17강 · 2

만드는 것 · 주제를 입력하면 발표용 .pptx 파일을 만들어 내려받는 웹 도구

구조화 출력파일 생성다운로드템플릿 설계
  1. 16구조를 정해서 받기
  2. 17파일로 뽑기
08로그인 + 데이터베이스 (Supabase)18–21강 · 4

만드는 것 · 로그인해서 내 데이터를 저장·조회·수정·삭제하는 서비스 (개인 메모 / 간이 CRM)

Supabase테이블/스키마SQL 맛보기인증RLSCRUD파일 업로드
  1. 18데이터를 표로 설계한다
  2. 19읽고 쓴다 (CRUD)
  3. 20로그인을 붙인다
  4. 21남의 데이터를 못 보게 막는다 (RLS)
09블로그 글 자동 생성 · 멀티 발행22–25강 · 4

만드는 것 · 주제만 넣으면 초안이 생성되고, 승인하면 여러 플랫폼에 동시 발행되는 파이프라인

크론외부 발행 API파이프라인 설계승인 게이트재시도멱등성
  1. 22파이프라인을 설계한다
  2. 23글을 생성한다
  3. 24여러 곳에 동시에 보낸다
  4. 25알아서 돌게 만든다
10[심화] 이미지 · 표 자동 삽입26–27강 · 2

만드는 것 · 본문 흐름에 맞는 이미지와 표가 자동으로 들어간 글

이미지 생성/검색 API이미지 최적화표 데이터 구조화저작권
  1. 26이미지를 넣는다
  2. 27표와 도식을 넣는다
11뉴스레터 자동 발송28–30강 · 3

만드는 것 · 구독 신청을 받고, 정해진 시각에 자동으로 메일이 나가는 뉴스레터 시스템

이메일 발송 APIHTML 메일 템플릿구독자 관리수신거부발송 지표
  1. 28구독을 받는다
  2. 29메일을 만든다
  3. 30자동으로 나가게 한다
12슬랙봇 ① 매일 뉴스 브리핑31–33강 · 3

만드는 것 · 매일 아침 관심 주제 뉴스를 모아 요약해 슬랙 채널에 올려주는 봇

슬랙 앱 등록권한(스코프)웹훅메시지 블록스케줄러뉴스 수집
  1. 31슬랙에 봇을 심는다
  2. 32뉴스를 모은다
  3. 33매일 알아서 돌게 한다
13슬랙봇 ② 역할별 에이전트34–35강 · 2

만드는 것 · 한 워크스페이스 안에 역할이 다른 봇 여러 개 (카피 검수봇 · 데이터 조회봇 · 회의 준비봇)

슬래시 커맨드멘션 이벤트스레드 대화역할 프롬프트도구 연결
  1. 34말을 거는 봇
  2. 35역할을 나눈다
14슬랙봇 ③ 회의록 자동화36–38강 · 3

만드는 것 · 녹음 파일을 올리면 회의록을 만들어 담당자별 할 일을 각자에게 DM으로 보내주는 봇

음성→텍스트(STT)화자 분리긴 텍스트 처리담당자 매칭DM 발송
  1. 36소리를 글자로
  2. 37회의록으로 만든다
  3. 38담당자에게 배달한다
15크롬 확장 ① 내 인스타 분석39–41강 · 3

만드는 것 · 내 인스타 계정 화면에서 내 지표를 모아 분석 리포트를 보여주는 크롬 확장

Manifest V3콘텐츠 스크립트서비스 워커확장 저장소권한DOM 읽기
  1. 39확장 프로그램의 구조
  2. 40화면에서 내 데이터를 읽는다
  3. 41분석 리포트를 만든다
16크롬 확장 ② 내 쿠팡 사용내역42–43강 · 2

만드는 것 · 내 주문내역을 정리해 소비 패턴을 분석하고 CSV로 뽑아주는 확장

페이지네이션 처리데이터 정규화CSV 내보내기소비 분석
  1. 42여러 페이지에서 모은다
  2. 43분석하고 뽑아낸다
17상권 · 부동산 데이터 지도44–47강 · 4

만드는 것 · 지역을 선택하면 상권·실거래 데이터가 지도 위에 시각화되는 웹 서비스

지도 API공공데이터 API좌표계지오코딩대용량 데이터 시각화
  1. 44지도를 띄우고 점을 찍는다
  2. 45공공데이터를 길들인다
  3. 46수만 개를 화면에 그린다
  4. 47인사이트를 붙인다
18AI 숏폼 영상 자동화48–51강 · 4

만드는 것 · 주제만 넣으면 대본·음성·자막·영상이 만들어져 유튜브에 자동 업로드되는 파이프라인

TTS자막 타이밍영상 합성(FFmpeg / Remotion)유튜브 Data API
  1. 48기획과 대본
  2. 49목소리와 자막
  3. 50영상으로 합친다
  4. 51올리고 돌린다
19예약 시스템52–54강 · 3

만드는 것 · 시간대를 골라 예약하고, 양쪽에 알림이 가고, 캘린더에 자동 등록되는 예약 서비스

시간 슬롯 설계동시성 처리타임존캘린더 API알림
  1. 52시간을 데이터로 표현한다
  2. 53두 사람이 동시에 누르면
  3. 54알리고 연결한다
20자동매매 봇 (주식 · ETF · 코인)55–59강 · 5

만드는 것 · 전략을 백테스트하고, 모의투자로 검증한 뒤, 실계좌로 소액 자동매매하는 봇

증권/거래소 API시세 데이터지표 계산백테스트리스크 관리주문 멱등성
  1. 55시세를 가져오고 전략을 정의한다
  2. 56과거로 검증한다 (백테스트)
  3. 57리스크를 설계한다
  4. 58모의투자로 돌린다
  5. 59실계좌로 넘어간다
21React Native 앱 — 앱인토스 미니앱60–63강 · 4

만드는 것 · 실기기에서 도는 React Native 앱 + 앱인토스 미니앱 제출 준비 완료

React NativeExpo모바일 UI기기 기능미니앱 플랫폼
  1. 60앱 프로젝트를 연다
  2. 61앱다운 화면을 만든다
  3. 62서버와 연결한다
  4. 63앱인토스 미니앱으로 만든다
22LLM 위키 — 옵시디언 RAG64–66강 · 3

만드는 것 · 내 옵시디언 노트를 근거로 답하고 출처를 함께 보여주는 개인 AI 위키

청킹임베딩벡터 검색RAG출처 표기MCP
  1. 64AI에게 내 자료를 읽히는 원리
  2. 65검색되는 위키를 만든다
  3. 66답변하고 출처를 보여준다
23캡스톤 — 내 업무 자동화67–69강 · 3

만드는 것 · 각자 자기 문제를 풀기 위해 처음부터 끝까지 혼자 만든 서비스

새 기술 없음 — 배운 것을 조합하는 능력
  1. 67기획하고 검증받는다
  2. 68중간 점검
  3. 69발표하고 마무리한다

운영 규격

1강 = 60분. 모든 회차가 같은 골격을 씁니다.

5분

도입

지난 시간 복습 + 오늘 만들 결과물 시연

10분

개념

오늘의 선수지식 — 딱 필요한 만큼

35분

실습

같이 만들기 (강사 화면 + 수강생 따라하기)

10분

마무리

배포/확인 + 자주 나는 에러 + 과제

이 로드맵, 같이 시작할까요?

1기매주 목요일 20:00, 무브먼트강남에서 1–12강을 함께 만듭니다.