🖤 블랙프라이데이 50% 특가 · 11/19 ~ 11/30 한정
💻 클로드 코드 바이브 코딩 입문
코드 한 줄 몰라도 괜찮습니다,
말하면 완성되는 바이브 코딩
Claude Code와 대화하며 To-Do 앱, 환율 변환기, 스네이크 게임을 직접 만듭니다.
만들고 끝이 아니라, 누구나 접속할 수 있는 나만의 URL로 배포까지 해보세요!
27개학습 강의
4.08H강의 시간
3개직접 만드는 웹앱
✓Claude Code는 요금제 구독이 필요한 서비스 · 요금제별 특징은 강의 초반에 안내
혹시 이런 경험 있으신가요?
“코딩 배워야지…”
작심삼일, 몇 번째인가요?
BEFORE
문법에서 멈추는 코딩
강의 결제, 책 구매, 유튜브 정주행 끝에 for문에서 막혀 포기합니다
아이디어는 넘치는데 개발자가 없어 기획서로만 남아 있습니다
챗봇이 준 코드를 복사·붙여넣기하고 에러를 검색하느라 시간을 씁니다
AFTER
대화로 완성하는 코딩
문법을 외우지 않고, 의도를 말해서 실제로 작동하는 앱을 만듭니다
Claude Code가 파일을 직접 만들고 에러까지 분석해 고칩니다
GitHub와 Vercel로 배포해 나만의 URL로 결과물을 공유합니다
이런 분들을 위해 준비했어요
기획만 하던 당신,
이제 직접 만드는 사람이 될 차례입니다.
💡기획자·마케터 — 아이디어는 넘치는데 개발자가 없어 실행에 옮기지 못했던 분
🚀1인 창업가 — 외주 비용이나 개발팀 도움 없이 나만의 웹 서비스를 런칭하고 싶은 분
🎓취업 준비생 — 내 아이디어를 직접 만들어 포트폴리오로 보여주고 싶은 분
📚코딩을 포기했던 분 — 지루한 문법 공부에 지쳤지만 내 이름으로 된 웹을 완성해보고 싶은 분
말하는 대로 만들어주는 바이브 코딩, Claude Code로 시작하세요!
강의 미리보기
수강 전 직접 확인해보세요
강의 하이라이트 영상으로 수업 방식과 핵심 내용을 미리 경험해보세요.
커리큘럼 특징
환경 세팅부터 내 URL 배포까지,
비전공자 눈높이의 5단계 과정
개발자 없이 내 아이디어를 직접 웹앱으로 만들고 세상에 공개하는 Claude Code 실전 강의입니다.
1
바이브 코딩의 시작, Claude Code 환경 세팅
VS Code 설치부터 Claude Code 연동까지, 코딩 경험이 없어도 따라오는 가이드로 시작합니다.
2
첫 번째 웹앱, To-Do 앱 완성
할 일 추가·삭제와 데이터 저장까지, 실제로 작동하는 앱을 직접 만듭니다.
3
API 연동으로 쓸모 있는 앱 만들기
실시간 환율 데이터를 가져와 계산하는 환율 변환기를 구현합니다.
4
게임까지 만든다! 스네이크 게임 개발
Canvas API와 키보드 입력을 활용한 게임 로직으로 개발의 재미까지 느껴봅니다.
5
내 URL로 세상에 공개, 포트폴리오 배포
GitHub Pages와 Vercel로 웹앱 3개를 묶어 누구나 접속 가능한 포트폴리오를 완성합니다.
강의 수강 이후
수강 후 당신은 이런 사람이 됩니다
🗣️
바이브 코더
문법 대신 의도로 개발하는
Claude Code에게 원하는 기능을 말로 전달해
코드 생성과 수정을 맡깁니다.
🛠️
웹앱 메이커
아이디어를 작동하는 앱으로 바꾸는
To-Do 앱, 환율 변환기, 스네이크 게임을
직접 구현하며 웹의 기본 구조를 익힙니다.
🐞
셀프 디버거
에러 앞에서 멈추지 않는
오류가 나면 Claude에게 디버깅을 요청해
원인을 찾고 바로 고칩니다.
🌐
포트폴리오 소유자
내 URL로 결과물을 보여주는
GitHub Pages와 Vercel로 배포해
누구나 접속할 수 있는 포트폴리오를 갖춥니다.
수강 체험단 후기
먼저 들어본 수강생들은 이렇게 말합니다
“
4시간 만에 나만의 앱 완성
항상 아이디어만 가득했던 제 기획서가 실제 URL이 있는 서비스로 탄생하는 순간이 가장 신기해요. 문법을 하나하나 외우지 않고도 내 의도만으로 앱이 만들어지는 바이브 코딩은 저 같은 비전공자에게는 정말 구원이에요.
수강생 후기 · 체험단 후기 (dks****)
“
진짜 다 해줘서 너무 편해요
코드 몇 줄 던져주는 일반 챗봇과는 차원이 다릅니다. Claude Code가 파일도 직접 생성하고, 에러까지 잡아주니 좋습니다. 현직 전문가인 송태영 박사님의 실무 노하우가 강의 곳곳에 녹아 있어 실전 팁을 많이 얻었습니다.
수강생 후기 · 체험단 후기 (lov****)
“
매번 작심삼일이었는데, 이제 끝!
지루한 문법 공부에 지쳐 코딩을 포기했는데, 이번 강의는 결과물을 바로바로 확인하니까 시간 가는 줄 모르고 완주했습니다! 스네이크 게임부터 환율 변환기까지 제 손으로 직접 배포해본다는 게 믿겨지시나요?
수강생 후기 · 체험단 후기 (cls***)
수강생 전원 제공
배운 내용을 바로 활용할 수 있도록,
실전에 필요한 자료까지 알차게 준비했습니다
📘
강의교안
전체 흐름과 핵심을 정리한 자료
🗂️
실습 파일
강의와 같은 환경에서 따라할 예제
💬
프롬프트 모음집
혼자서도 원하는 앱을 만드는 핵심 프롬프트
🧭
배포 가이드
단계별로 따라 하는 웹앱 배포 안내
* 강의 교안 및 실습파일은 수강 시작 후 <00. 교재 다운로드 센터>에서 받으실 수 있습니다.
🖤 블랙프라이데이 50% 특가 · 11/19 ~ 11/30 한정 · 마감 D-?
문법 암기는 그만,
말로 만드는 첫 웹앱을 시작하세요!
환경 세팅부터 웹앱 3개 배포까지 · 5단계
문법 암기는 그만,
말로 만드는 첫 웹앱을 시작하세요!
🖤 블프 특가 마감까지–일 –:–:–
💻 클로드 코드 바이브 코딩 입문
지식공유자 소개
강의를 이끄는 강사님
사용 프로그램 안내
본 강의에서 사용할 프로그램
🤖
Claude Code Anthropic AI 코딩 어시스턴트
요금제 구독이 필요한 서비스 · Claude 계정 사전 가입 권장
유료 구독 필요
유료 구독 필요
Visual Studio Code VS Code
설치 후 Claude Code와 연동해 실습 진행
🌐
GitHub · Vercel 배포
GitHub Pages와 Vercel로 웹앱을 인터넷에 공개
* 프로그램은 별도로 제공되지 않습니다.
수강 전 확인해주세요듀얼 모니터·Windows OS 권장
실습 위주의 강의로 강의 화면과 실습 화면을 분리할 수 있는 듀얼 모니터 또는 여분 기기를 함께 준비해주시면 좋습니다.
또한 Windows OS 기반으로 실습이 진행되므로, Windows 환경에서의 수강을 추천드립니다.
강의 교안 및 실습파일은 <00. 교재 다운로드 센터> 섹션에 있습니다.
자주 묻는 질문
예상 질문 Q&A
Q. 인공지능에 대한 선수지식이 필요한가요?
필요하지 않습니다. 인공지능에 관심이 생긴 누구나 바로 들어 실무에 활용할 수 있도록 설계된 강의입니다.
Q. 수강을 위한 요구 사항이나 필요 조건이 있나요?
특별한 사전 지식이나 기술은 필요하지 않습니다. 다만 생성형 AI 툴 접속을 위해 Claude 계정이 있으면 더 원활하게 진행할 수 있으니, 강의 전에 미리 가입해 두시길 추천드립니다.
Q. Claude Code를 유료 구독해야만 수강할 수 있나요?
주요 도구인 Claude Code는 요금제 구독이 필요한 서비스입니다. 강의 초반에 요금제별 특징을 설명하므로 자신에게 맞는 요금제를 고를 수 있습니다. 환경 설정과 사용법을 참고하려는 목적이라면 강의 수강만으로도 목표를 달성하실 수 있습니다.
커리큘럼 상세
8개 파트, 27강으로 설치부터 웹앱 3개 배포까지
총 27강 · 8개 파트 · 4.08H · 파트를 누르면 세부 강의가 펼쳐집니다
무료 공개표시된 강의는 클릭해서 바로 미리 볼 수 있어요
01학습 내용 안내과정 소개 · 학습 흐름무료 1강
- 01-1학습 내용 안내무료 공개04:34
02AI 기반 바이브코딩 이해대화형 개발 · Claude Code 특징 · 도구 비교무료 4강
- 02-1생성형 AI와 대화형 개발 개념무료 공개03:20
- 02-2Claude Code 소개 및 특징무료 공개03:24
- 02-3Cursor·Copilot과의 차이 (포지셔닝)무료 공개02:29
- 02-4이번 강의에서 만들 결과물 전체 소개무료 공개03:22
03Claude Code 기본 사용설치 · Hello World · 자기소개 페이지
- 03-1(실습) VS Code & Claude Code 설치10:35
- 03-2(실습) 첫 프로젝트 – Hello World12:15
- 03-3(실습) 자기소개 페이지 만들기07:10
- 03-4Claude Code 필수 사용법12:20
04웹 기초 익히기HTML·CSS·JS 구조 · 인터랙션 · 디버깅
- 04-1HTML·CSS·JavaScript 핵심 구조07:05
- 04-2(실습) 버튼 클릭 인터랙션 만들기09:29
- 04-3(실습) Claude로 기본 스타일 개선04:05
- 04-4(실습) Claude에게 오류 디버깅 요청하기08:48
05실습: To-Do 웹앱 만들기UI · 추가/삭제/완료 · 데이터 저장
- 05-1(실습) To-Do 앱 UI 만들기08:33
- 05-2(실습) 추가/삭제/완료 기능15:03
- 05-3(실습) 데이터 저장 기능08:33
- 05-4(실습) 기능 개선하기18:52
06실습: 환율 변환기 & API 활용API 개념 · 환율 API 연동 · 통화 스왑
- 06-1API란 무엇인가? 개념과 흐름06:55
- 06-2(실습) 환율 API 연동 코드 생성12:36
- 06-3(실습) 기능 개선 – 통화 스왑06:24
07실전 프로젝트: Snake Game 만들기Canvas API · 게임 로직 · 난이도
- 07-1Canvas API 기초05:37
- 07-2기본 게임 만들기23:14
- 07-3게임 개선 – 난이도 & 레벨12:05
08GitHub 배포: 웹앱을 인터넷에 공개하기Git 기본 · GitHub · Pages·Vercel 배포
- 08-1배포 개념과 Git 기본 이해07:10
- 08-2(실습) Claude Code로 GitHub에 올리기07:45
- 08-3(실습) GitHub Pages와 Vercel로 배포08:32
- 08-4(실습) README 생성과 강의 마무리14:37
* 강의 교안과 실습 파일은 수강 시작 후 <00. 교재 다운로드 센터>에서 받으실 수 있습니다.
학습 규정 및 환불 규정
학습 규정
- 본 상품은 동영상 형태의 강의를 자유롭게 수강할 수 있는 VOD(온라인 녹화 강의) 상품입니다.
- 수강 신청 및 결제를 완료하시면, ‘내 강좌’를 통해 바로 수강이 가능합니다.
총 학습기간
- 정상 수강기간(유료 수강기간) 최초 30일, 무료 수강 기간은 31일 일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
- 하루 3시간 내외로 학습하시면 정상 수강기간(유료 수강기간) 내에 전체 과정을 모두 수강하실 수 있습니다.
- 수강 시작일은 결제일로부터 산정됩니다.
환불 규정
환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
- 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.
- 31일차 이후 무료로 제공되는 기간은 환불 산정에 포함되지 않습니다.
- 강의 자료(교재 등)를 다운로드한 경우에는 위 기준과 무관하게 환불이 불가합니다.
* 보다 자세한 환불 규정은 마소캠퍼스 [주의사항 및 환불규정]페이지에서 확인 가능합니다.
기타 환불 관련 안내
환불 요청은 cs@masocampus.com으로 주문번호를 함께 보내주시면 접수됩니다.
- 환불 금액은 신청 시점을 기준으로 산정되며, 업무시간 외 요청은 2영업일 오후까지 순차 처리됩니다.
- 환불 금액은 수업 시간을 기준으로 반올림하여 산정합니다.
- 계좌이체로 환불받으실 경우 이체 수수료 500원이 공제된 금액이 지급됩니다.
- 환불 대금은 접수일로부터 7영업일 이내 지급됩니다.
- 취소 및 환불 접수·처리는 평일 오전 10시~오후 4시 (점심시간 12시~1시 제외) 내에만 가능합니다.
- 취소 및 환불은 한국소비자원 고시 소비자분쟁해결기준에 의거하여 처리됩니다.
주의 사항
- 상황에 따라 별도의 사전 안내 없이 할인 혜택이 조기에 마감되거나 연장될 수 있는 점 참고 부탁드립니다.
- 천재지변, 폐업 등 불가피한 사유로 서비스 운영이 어려운 경우, 서비스가 종료될 수 있습니다.
- 커리큘럼은 완성도 향상을 위한 제작 과정에서 일부 내용이 추가, 삭제 또는 변경될 수 있습니다.
마소캠퍼스 정책 안내
마소캠퍼스 ID 공유 금지 정책
- 마소캠퍼스의 모든 온라인 강의에서는 1개의 아이디로 여러 명이 공유하는 형태를 금지하고 있습니다.
- 동시접속에 대한 기록은 내부 시스템을 통해 자동으로 누적되며, 이후 서비스 이용이 제한될 수 있습니다.
저작권 정책
- 마소캠퍼스의 모든 강의는 무단 배포 및 가공하는 행위, 캡처 및 녹화하여 공유하는 행위, 무단으로 판매하는 행위 등 일체의 저작권 침해 행위를 금지합니다.
- 부정 사용이 적발될 경우 저작권법 위반에 의한 법적인 제재를 받으실 수 있습니다.
그 외 공통 사항은 마소캠퍼스 [주의사항 및 환불규정], [이용약관] 페이지를 따릅니다.
