잔재미코딩 · 교육과정 소개서
처음하는 클로드코드 (바이브코딩편·코덱스까지)
Claude Code로 웹페이지를 만들고 회원관리·결제·데이터 저장·인터넷 배포까지 연결합니다. 클로드코드와 Codex 활용법, 앱 개발을 함께 다루는 바이브코딩 입문 강의입니다.
- 과정 구성
- 영상 63개
- 총 영상 시간
- 15시간 4분
- 강사
- Dave Lee · 잔재미코딩
배우는 내용
- 클로드코드·코덱스 활용 웹·앱 개발
- Anthropic 공식 바이브코딩 워크플로우
- 회원관리·결제·관리자 페이지 구현
- 웹 서비스 인터넷 배포
교육 대상
- 만들고 싶은 서비스가 있지만 개발을 배운 적 없는 분
- 웹·앱을 직접 만들어 인터넷에 공개하고 싶은 분
- 외주 없이 아이디어를 스스로 검증해 보고 싶은 분
교육 목표
- 코딩 경험이 없어도 자연어로 웹·앱을 만들어 인터넷에 배포할 수 있게 됩니다.
- 회원관리·결제·관리자 페이지 등 실제 서비스에 필요한 기능을 직접 붙입니다.
- 웹이 동작하는 구조를 이해하고, 만든 결과물을 스스로 수정·확장합니다.
- 클로드코드를 중심으로 코덱스를 함께 쓰는 실전 작업 방식을 익힙니다.
수업별 전체 목차
01. 강의 소개
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 학습 플레이어 소개 | 영상 |
| 02 | 강의 소개 | 영상 |
| 03 | 수강 전 꼭 알아두실 사항(UP_260908) | 영상 |
| 04 | 완전 입문자를 위한 학습 가이드 (IT입문자시면 필수시청) | 영상 |
| 05 | 실제 바이브 코딩 기반 서비스 개발 운영 경험 공유 (업데이트) | 영상 |
02. Claude Code 설치와 환경 셋업
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 클로드 시리즈와 클로드코드, 코덱스 소개(UP_260908) | 영상 |
| 02 | 클로드코드 설치 (윈도우 | 맥 모두) (UP_260908) | 영상 |
| 03 | 가장 쉬운 클로드코드 작업별 실행 방법(UP_260908) | 영상 |
| 04 | 클로드코드 작업을 편리하게 하는 설정(UP_260908) | 영상 |
| 05 | 가장 쉬운 클로드코드 실행과 핵심 워크플로우 | 프롬프트 가이드(UP_260908) | 영상 |
| 06 | [참고] 클로드 데스크탑에서 클로드코드 사용하기(UP_260908) | 영상 |
| 07 | [참고] 클로드 모델 소개와 모델 및 추론 레벨 설정 방법 (UP_260908) | 영상 |
03. 가장 쉽게 세련된 웹페이지 만들고 인터넷에 오픈하기
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 클로드코드로 가장 빠른 웹페이지 작성법 (UP_260504) | 영상 |
| 02 | 보다 쉽게 다양한 웹페이지 만드는 방법 (UP_260504) | 영상 |
| 03 | 이것만 들으셔도 전문 웹페이지 디자인도 가능 (UP_260504) | 영상 |
| 04 | 이제 프롬프트 퀄러티도 달라집니다 (UP_260504) | 영상 |
| 05 | IT 지식, 비용없이 바로 인터넷에 웹페이지 평생 오픈하는 방법 (UP_260504) | 영상 |
| 06 | [참고] 나만의 도메인 주소 설정 방법 (이건 큰 그림으로만 보세요) | 영상 |
04. 회원관리,결재까지 포함한 웹서비스 만들고, 인터넷에 오픈하기
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 이것 설정하면 품질이 달라짐 | 가장 핫한 CLAUDE.MD (UP_260504) | 영상 |
| 02 | 앤트로픽 공식 워크플로우, 하네스 엔지니어링, 서브에이전트 이해와 적용 방법 (UP_260504) | 영상 |
| 03 | 토스결재,회원관리,로그인 지원 웹페이지 개발, 인터넷 오픈까지 (UP_260504) | 영상 |
| 04 | 강의 후반부 시작전 알아두시면 좋을 사항들 (UP_260504) | 영상 |
05. 클로드코드 활용도를 한 단계 높이는 핵심 기능
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 강의자료 다운로드 (UP_260707) | 자료 |
| 02 | 클로드코드 스킬(Skill) 이해와 활용 (UP_260522) | 영상 |
| 03 | 플러그인과 공식 마켓플레이스 | 클로드 디자인 활용까지 (UP_260522) | 영상 |
| 04 | 외부 도구를 클로드와 연결하는 기법 | MCP 이해 (UP_260522) | 영상 |
| 05 | 메모리·컨텍스트·자주 쓰는 명령 정리 (UP_260522) | 영상 |
06. 바로 판매, 운영도 가능한 웹서비스 개발을 위한 배경지식 이해
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 판매, 운영도 가능한 웹서비스를 위한 배경지식 이해 (UP_260522) | 영상 |
| 02 | Supabase·토스 키와 RLS 까지 이해 (UP_260522) | 영상 |
07. 클로드코드로 바로 판매, 운영도 가능한 웹서비스 개발하기
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 클로드코드 활용 프로젝트 셋업 (UP_260522) | 영상 |
| 02 | Anthropic 공식 워크플로우 기반 실전 프로젝트 개발 (UP_260522) | 영상 |
| 03 | 나만의 기능 추가 작업 팁 (UP_260522) | 영상 |
08. 클로드코드+코덱스라면 복잡한 개발도 가능
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 가장 빠른 클로드코드+코덱스 기반 개발 | 설치부터 활용팁까지 (UP_260908) | 영상 |
09. 가장 빠른 앱 개발
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 복잡한 앱스토어 등록없이 웹으로 앱 개발 방법 이해 (UP_260522) | 영상 |
| 02 | 가장 빠른 실전 앱 개발 (UP_260522) | 영상 |
10. 클로드코드 최신 주요 기능
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | AI가 멋대로 움직이지 못하게 — 내 규칙대로 통제하는 Hook (UP_260703) | 영상 |
| 02 | 코딩 끝나면 텔레그램이 울린다 — Hook으로 만드는 나만의 알림 비서 (UP_260703) | 영상 |
| 03 | 매번 말 안 해도 알아서 지킨다 — Rules로 AI에게 팀 규칙 심기 (UP_260703) | 영상 |
| 04 | AI 여러 명을 동시에 부리는 법 — Worktree 병렬 작업의 비밀 (UP_260703) | 영상 |
| 05 | 목표만 던져주면 끝까지 해낸다 — Goal로 맡기는 진짜 위임 (UP_260703) | 영상 |
| 06 | 잠든 사이에도 일하는 AI — loop·schedule·sandbox 3종 세트 (UP_260703) | 영상 |
11. 강의 완성 인증서 발급
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 강의 수강평 및 제안사항 | 링크 |
| 02 | 강의 완강 인증서 발급 | 수료증 |
12. Outro
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 클로드코드 활용 및 향후 학습팁 (UP_260523) | 영상 |
13. [참고 ] 웹, 앱 개발을 위한 IT 기술 큰 그림으로 이해하기
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 프로그램 종류와 필요 IT 기술 큰 그림으로 이해하기 | 영상 |
| 02 | 실제 서비스 가능한 웹, 앱 바이브 코딩을 위해 꼭 알아야할 IT 지식1 | 영상 |
| 03 | 실제 서비스 가능한 웹, 앱 바이브 코딩을 위해 꼭 알아야할 IT 지식2 | 영상 |
| 04 | 실제 서비스 가능한 웹, 앱 바이브 코딩을 위해 꼭 알아야할 IT 지식3 | 영상 |
14. [참고] 고급 바이브 코딩 기반 상용 서비스 오픈 및 운영
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 참고: AWS 무료 가입 및 서버 셋업 | 영상 |
| 02 | 참고: 나만의 무료 AWS 서버 접속 방법 | 영상 |
| 03 | 참고: 나만의 무료 AWS 서버상의 웹서비스 구동환경 구축 방법 | 영상 |
| 04 | 나만의 무료 AWS 서버에 바이브코딩 기반 상용 웹서비스 오픈 및 운영 방법1 | 영상 |
| 05 | 나만의 무료 AWS 서버에 바이브코딩 기반 상용 웹서비스 오픈 및 운영 방법2 | 영상 |
| 06 | 나만의 무료 AWS 서버에 바이브코딩 기반 상용 웹서비스 오픈 및 운영 방법3 | 영상 |
15. [참고] Flutter 기반 클로드코드 활용 앱 개발
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | 앱 개발을 위한 Flutter 셋업과 커서AI 기반 개발환경 구축 (윈도우) | 영상 |
| 02 | 앱 개발을 위한 Flutter 셋업과 커서AI 기반 개발환경 구축 (맥) | 영상 |
| 03 | 클로드코드 기반 앱 바이브 코딩과 실전 팁1 | 영상 |
| 04 | 클로드코드 기반 앱 바이브 코딩과 실전 팁2 | 영상 |
| 05 | 클로드코드 기반 앱 바이브 코딩과 실전 팁3 | 영상 |
| 06 | [참고] 앱배포를 위한 작업과 제출 참고 사항 | 영상 |
16. [참고] Codex CLI 이해 및 사용법
| # | 상세 교육내용 | 구분 |
|---|---|---|
| 01 | Codex CLI 이해 및 설치 방법 (윈도우, 맥 모두) | 영상 |
| 02 | Codex CLI 기본 사용법 | 영상 |
| 03 | Codex CLI 주요 슬래시 커멘드 이해 | 영상 |
| 04 | Codex CLI MCP 설정 방법 (윈도우, 맥 모두) | 영상 |
| 05 | Codex CLI 확장 프로그램 이해 | 영상 |
| 06 | Claude Code + Codex CLI 병행 실전 프로젝트 | 영상 |