무료 · 입문자용 · 하루 1강
코딩을 몰라도,
내 홈페이지와 내 앱을 만듭니다.
Claude Code에게 방향을 알려주고 결과를 확인하는 방식으로 하루 한 강씩. 랜딩페이지, 홈페이지, 웹 서비스를 만들고 쇼츠·블로그·SNS 콘텐츠까지 자동으로 생산합니다.
바이브 코딩 강좌
처음이라면 홈페이지 만들기부터.
모션그래픽으로 주제에 맞는 쇼츠 만들기
22가지 톤에서 스타일을 고르고, 영상 스킬로 쇼츠 한 편을 끝까지
주제 하나가 생기면 톤부터 고릅니다. 이야기 세 칸 → 22가지 톤 카탈로그 → 톤 결정 블록 → 방식 선택 → 대본·음성(재사용) → 톤 문구 고정 그림 → Remotion 조립(핵심어가 말하는 순간 그려짐, 한 줄 자막) → 두 겹 게이트와 밀도 측정 → 승인 뒤 업로드. 알리랑 「아리랑 어원」 수묵판 제작 사례로 3부 9강. 지피터스 24기 AX코칭 4주차 과제 교안.
- 대상
- 터미널은 처음이지만 쇼츠를 꾸준히 만들어야 하는 실무자·강사·채널 운영자
- 결과물
- 톤 결정 블록 + 세로 쇼츠 1편 + 검수 기록 + 업로드 메타
랜딩페이지 만들기
15가지 사례로 배우는, 전환율 높은 한 페이지 만들기
제품 출시, 강좌 모집, 앱 다운로드, 이벤트 프로모션, 포트폴리오까지 — 5가지 유형 15개 실전 사례를 Claude Code로 만듭니다. 준비물 정리부터 CTA 최적화, Vercel 배포, 전환 추적까지 8강으로 끝냅니다.
- 대상
- 상품·서비스·강좌·이벤트를 알리는 한 페이지가 당장 필요한 사람
- 결과물
- 전환율 높은 랜딩페이지 1개 + 15가지 사례 템플릿
홈페이지 만들기
가게·개인·포트폴리오 홈페이지를 11일 만에 내 주소로
완전 초보자를 위한 과정입니다. 프레임워크 없이 HTML 한 장부터 시작해 사진, 지도, 문의 폼이 있는 홈페이지를 만들고 내 도메인으로 공개합니다. 모든 설치·터미널 단계는 Windows와 macOS를 나란히 안내합니다.
- 대상
- 터미널을 한 번도 열어본 적 없는 사람
- 결과물
- 내 도메인으로 공개된 여러 페이지짜리 홈페이지
홈페이지 기초 — 유튜브 따라하기
누나IT 영상을 보며 클로드 아티팩트로 홈페이지 만들고 깃허브로 공개하기
이 과정은 누나IT 님의 영상을 보며 따라 하는 과정이에요. 클로드 채팅의 아티팩트로 나를 소개하는 홈페이지를 만들고, 스타일과 사진을 고친 뒤, HTML 파일을 내려받아 깃허브에 올리고 깃허브 페이지로 무료 공개합니다. 강마다 영상 구간(타임스탬프)을 안내하고, 정식 홈페이지로 키우는 길도 알려 줍니다.
- 대상
- 코딩을 전혀 모르고, 영상을 보며 따라 하는 쪽이 편한 사람
- 결과물
- 깃허브 페이지로 공개된 내 소개 홈페이지 1개
홈페이지 만들기 — 고급
지도 API·Analytics·MCP·어드민·SEO·대시보드까지
기본 홈페이지 과정을 마친 뒤 한 단계 더. 네이버·카카오 지도 API, Vercel Analytics, Chrome Extension + Aside Browser(Computer Use), MCP 확장, 도메인 고급 설정, Pocketbase/Supabase 어드민, 카카오 OAuth, SEO 고급(JSON-LD·Core Web Vitals), 구글·네이버 서치 어드바이저, 통합 관리 대시보드까지 단계별로 다룹니다.
- 대상
- 홈페이지 과정을 마쳤고 더 많은 기능을 원하는 사람
- 결과물
- 지도 API, 방문자 통계, MCP 자동화, 어드민 대시보드, 카카오 로그인, SEO 고급, 검색 등록, 통합 관리 대시보드
네이버 블로그 생성 자동화
키워드 하나로 리서치·초안·이미지·에디터 입력까지, 주 3편
네이버 키워드 도구로 주제를 고르고, Claude Code가 출처가 붙은 리서치로 초안을 쓰고, 이미지와 제목·태그를 준비한 뒤, 브라우저 자동화로 스마트에디터에 원고를 채워 임시저장까지 합니다. 발행 버튼은 사람이 누릅니다. 네이버 검색 노출 원리와 저품질을 피하는 경계를 함께 다룹니다.
- 대상
- Claude Code를 설치해본 사람. 네이버 블로그를 꾸준히 쓰고 싶지만 매번 막히는 사람
- 결과물
- 30개 키워드 캘린더, 주제만 넣으면 에디터에 원고가 채워지는 파이프라인, 첫 글 3편
쇼츠 자동화
건축물 이름 하나로 대본·영상·더빙(Typecast·ElevenLabs)·합성까지, 한 달 4편
Claude Code가 레퍼런스 채널을 분석해 대본과 비주얼 프롬프트를 뽑고, Google Flow로 클립을 만들고, Typecast(한국어 최적) 또는 ElevenLabs로 더빙하고, ffmpeg로 9:16 쇼츠를 조립합니다. 구글 콘솔(YouTube Data API)로 자동 업로드까지 구현하며, 마지막엔 전체 파이프라인을 스킬 하나로 저장해 원클릭 실행합니다.
- 대상
- Claude Code를 설치해본 사람 (홈페이지 만들기 3강 또는 웹 서비스 만들기 3강까지)
- 결과물
- 주제만 넣으면 업로드까지 돌아가는 쇼츠 자동화 파이프라인과 첫 영상 1편
영상 자동화
클레이 애니 롱폼 2~3분 + 쇼츠 45초 + 썸네일 3종, 주제 하나로
공개 키트 clay-episode-kit으로 대본 → Typecast 더빙 → 컷 계획 → Google Flow(Veo) 생성 → ffmpeg 조립 → 품질 게이트 → YouTube 업로드까지 한 편을 반자동으로 완성합니다. 예시 대본 「무지개는 왜 생길까」로 전 과정을 한 번 따라간 뒤, 내 주제·내 캐릭터로 바꿔 시리즈로 운영하는 법까지 8강으로 다룹니다.
- 대상
- Claude Code를 설치해본 사람. 롱폼·쇼츠·썸네일을 매번 손으로 만드는 게 지친 사람
- 결과물
- 내 주제·캐릭터로 채운 kit.config.json, 완성한 첫 편(롱폼+쇼츠+썸네일), 시리즈로 돌리는 큐·체크리스트
SNS 배포 자동화
글 하나를 다섯 채널에 맞게 변환하고 예약 발행
블로그 글이나 영상 하나를 X·스레드·인스타그램·링크드인·카카오 채널·Facebook 페이지 형식으로 자동 변환하고, 이미지 카드를 만들고, 스케줄러 API로 예약 발행합니다. Facebook Graph API와 Meta Threads API 직접 연동도 다루고, 주간 성과를 모아 잘 된 후크 패턴을 규칙 파일에 되먹입니다.
- 대상
- Claude Code를 설치해본 사람. 콘텐츠는 있는데 채널마다 올리는 게 일인 사람
- 결과물
- 채널별 변환 규칙, 이미지 카드 템플릿, '이 글 배포해줘' 한 줄로 도는 파이프라인
Aside 업무 자동화
영상·블로그·SNS·수집 — 실제 운영 사례로 배우는 브라우저 업무 자동화
Claude Code 데스크탑 앱의 Aside Browser, Computer Use, MCP 서버, Chrome Extension을 완전히 익히고 실전 자동화에 적용합니다. 서치 콘솔 자동 등록(SEO), 인스타·X·카카오채널 자동 배포(SNS), 네이버·티스토리 자동 포스팅(블로그), YouTube·쇼츠·릴스·틱톡 영상 파이프라인, HyperFrames(/hyperframes)로 모션그래픽, Remotion으로 데이터 기반 반복 렌더까지. 마지막에는 반복 작업을 스킬(SKILL.md)로 저장해 한 줄 호출로 실행합니다.
- 대상
- 홈페이지·서비스를 만든 뒤 운영을 자동화하고 싶은 사람
- 결과물
- Computer Use 자동화, SEO 루틴, SNS 5채널 배포, 블로그 원클릭 발행, 유튜브·쇼츠 파이프라인, HyperFrames 모션그래픽, Remotion 데이터 영상, 스킬 파일로 원클릭 자동화
웹 서비스 만들기 20강
코딩을 몰라도, 20일이면 내 서비스가 나옵니다
아이디어 정리부터 화면, 데이터 저장, 로그인, 배포, 앱 출시까지. Next.js와 Supabase로 로그인과 데이터가 있는 진짜 서비스를 만듭니다.
- 대상
- 홈페이지를 넘어 '서비스'를 만들고 싶은 사람
- 결과물
- 로그인·데이터 저장이 되는 웹 서비스와 폰에 설치되는 PWA
개인 위키 만들기와 활용
흩어진 메모를 AI가 읽는 내 지식 창고로, 일정·업무·챗봇까지
폴더와 마크다운 파일만으로 나만의 지식 베이스를 만들고 클로드 데스크탑 Code 탭으로 가꿉니다. 원본과 정리본 나누기, 규칙 파일, 페이지 규칙, 점검(lint), 깃 백업까지 구축하고, 일정·업무·할 일 관리와 관제탑 대시보드, 챗봇 지식 팩으로 꺼내 쓰는 법, 위키를 지식그래프로 그려 보는 법까지 13강으로 배웁니다.
- 대상
- 메모·강의 노트·고객 문의가 흩어져 있어 AI와 함께 쓸 지식 창고가 필요한 사람
- 결과물
- 규칙·점검·백업이 갖춰진 개인 위키 1개 + 일정·업무·할 일 관제탑 + 챗봇 지식 팩
앤티그래비티로 만들기
구글 앤티그래비티로 한 페이지 홈페이지를 만들고 확인하고 저장하기
구글의 에이전트형 개발 도구 앤티그래비티(Google Antigravity) 2.0을 설치하고, 프로젝트를 만들어 에이전트에게 홈페이지를 시킵니다. 계획 읽기, 산출물과 브라우저로 결과 확인, 깃 저장, 클로드 데스크탑과 나눠 쓰는 기준까지 8강으로 배웁니다. 공식 문서에서 확인한 내용만 담았어요.
- 대상
- 클로드 데스크탑에 이어 두 번째 도구로 앤티그래비티를 써 보고 싶은 사람
- 결과물
- 앤티그래비티로 만든 한 페이지 소개 사이트 1개 + 깃 커밋 + 도구 선택 기준
책 발간 후 쇼츠 홍보 자동화
책 원고에서 한 문장을 뽑아 쇼츠로 만들고, 요일마다 루틴으로 내보내기
내가 쓴 책 원고에서 쇼츠로 만들 한 문장·한 장면을 클로드와 함께 뽑고, 자막 카드 쇼츠(음성·ffmpeg 조립·썸네일)로 만든 뒤, 유튜브 예약 업로드와 블로그·SNS로 내보냅니다. 단톡방 챗봇 발송은 큰 그림과 지켜야 할 선만 개념으로 다루고, 주간 루틴표와 조회·클릭 기록으로 마무리합니다. 제작·업로드 방법은 이 사이트의 쇼츠·영상·Aside·SNS 과정을 다시 활용해요.
- 대상
- 내 책을 냈거나 곧 내고, 쇼츠로 꾸준히 알리고 싶은 사람 (클로드 데스크탑 Code 탭을 열어본 적이 있으면 좋아요)
- 결과물
- 책 쇼츠 첫 편 mp4와 썸네일·제목·설명, 유튜브 예약 1편, 주간 루틴표와 성과 기록표, 이론 쇼츠 1편(정지판·움직이는 컷판)
카톡 오픈채팅 챗봇 만들기
내 방에서 호출어로 답하고, 정해진 시각에 안내하는 챗봇을 직접 만들고 운영하기
카톡에는 오픈채팅용 공식 봇 API가 없어서, 부계정을 로그인한 안드로이드 공기계와 메신저봇R의 알림 답장, 클라우드 /ask API, 지식 팩, 정정표로 챗봇을 만듭니다. 호출어 첫 응답부터 지식 팩 만들기, 평가, 정정, 예약 발송, 방에서 가르치기, 끊김 감시까지 클로드 Code 탭에게 시켜 실습하고, 약관·동의·광고 표시·개인정보의 선을 규칙표로 정합니다. 비공식 방식이라 약관·계정 제한 위험이 있고, 내가 운영하는 방에서만 씁니다.
- 대상
- 내가 운영하는 단톡방·오픈채팅방의 반복 질문과 정기 안내를 줄이고 싶은 운영자 (안드로이드 공기계와 부계정을 준비할 수 있는 사람)
- 결과물
- 시험 방에서 답하는 챗봇, 내 자료의 지식 팩·정정표·평가표, Vercel의 /ask API, 예약 발송 1건, 방 규칙표
강의 밖에서도
막혔을 때, 다음 단계가 궁금할 때, 무엇을 만들지 모를 때.
바이브 스킬
Claude Code의 승인 모드, 계획 모드, 규칙 파일, 외부 연결까지 실전 가이드 6편.
프롬프트 골라 쓰기
복사해서 붙여넣고 [대괄호]만 바꾸면 되는 요청문 20여 개. 상황별 분류와 검색.
짧은 팁
command not found부터 hydration 에러까지, 막히는 지점 15개의 1분 해결책.
추천 오픈소스
과정에서 쓰는 도구와 다음 단계 도구. 왜 쓰는지, 몇 강에서 나오는지 함께.
프로젝트 아이디어
20일 크기로 기획해둔 프로젝트 6개. PLAN.md에 바로 옮길 수 있는 형식.
구축 사례
이 과정의 도구로 실제 사업자에게 만들어 드린 것. 홈페이지 + 24시간 챗봇 + 카드뉴스, 무엇을 어떻게 만들었는지.
자주 묻는 질문
- 정말 코딩을 하나도 몰라도 되나요?
- 네. 문법을 외우는 대신 Claude Code에게 무엇을 원하는지 정확히 말하는 법을 익힙니다. 코드는 읽을 줄만 알면 되고, 그것도 강의 중에 자연스럽게 익숙해집니다.
- 어느 과정부터 시작하나요?
- 터미널을 열어본 적이 없다면 '홈페이지 만들기'부터. 여기서 설치·터미널·Git·배포를 전부 겪습니다. 그다음 '20강'으로 가면 준비 단계를 빠르게 넘길 수 있습니다.
- Windows에서도 되나요?
- 네. '홈페이지 만들기' 과정의 설치와 터미널 단계는 Windows와 macOS를 나란히 안내하고, 화면 위 버튼으로 내 컴퓨터에 맞는 설명만 볼 수 있습니다.
- 무엇이 필요한가요?
- 노트북 한 대와 Claude 계정(Claude Code 사용을 위한 구독 또는 API), 그리고 만들고 싶은 것 하나. 도구 설치는 각 과정의 준비 단계에서 전부 합니다.