절대 실패하지 않는 무적의 바이브코딩 성공 공식 (w. 100가지 케이스)

평생소장

약 20시간

누구나

1,000번 이상 해보고 터득한, 무조건 이기는 바이브코딩 노하우! 기능 구현부터- 문제 해결- 수익화까지 알려드립니다.

#claude code #cursor #바이브코딩

강의 정보

*선택한 옵션에 따라 상이할 수 있습니다.

온라인

7파트

25.10.02~ 영상 공개

최대43%
월 18,250원~
12개월 무이자 할부 시

권장 소비자 가격: ~~390,000원~~
할인 금액: -171,000원
할인 판매가: 219,000원~

마감까지 8일12시간58분

커리큘럼

파트 7개약 20시간

Part 01 바이브코딩 기초 이해와 환경설정
- 01 강의 소개 - 과정 로드맵 소개
- 01 바이브 코딩을 위한 준비단계 (마음가짐과 목표 그리고 도구들 설명)
- 02 Claude Code Windows OS/Mac OS 설치하기
- 03 Claude Code와 가볍게 대화해보기
- 04 Claude Code 와 Vscode 연동하기
- 05 Claude Code 기본 기능 배우기
- 06 터미널 가독성을 높이기 위한 Starship Shell 설정하기 (선택사항)
Part 02 AI 코딩 에이전트 사용법 익히기
- 01 브라우저 테스트 자동화 도구 Playwright 알아보기
- 02 Playwright MCP 설정하기
- 03 Playwright MCP 설정하기 (설정 오류시 해결방법)
- 04 Playwright MCP 활용하기 (날씨앱 하나 만들어서 Playwright MCP로 테스트하기)
- 05 Playwright MCP 활용하기 (UI 오류 해결하기)
Part 03 바이브 코딩 기본다지기
- 01 클로드코드 자체기능을 클로드에게 질문하여 활용법 습득
- 02 특정단어 반응시 원하는 MCP 자동실행 메모리등록
- 03 이미지파일 저장 후 멘션으로 문제분석 요청하기
- 04 export기능이나 노트작성으로 진행과정 히스토리 보존
- 05 작업완료시마다 Claude 세션 종료하고 새로시작
- 06 작업완료시마다 반드시 커밋 요청으로 롤백지점 확보
- 07 기획보다 러프하게 일단 완성 후 기획서 추출하기
- 08 직접 조정할 값들을 별도 setting파일로 분리요청
- 09 MCP설정으로 supabase mcp 설정하고 context7 활용
- 10 사용량 제한 발생시 keep going으로 작업재개하기
Part 04 바이브 코딩으로 웹개발하기
- 01 Next.js TypeScript 으로 신발 쇼핑몰 셋업
- 02 Playwright로 카카오 개발자 설정 자동화
- 03 Supabase MCP 카카오 OAuth 연동
- 04 닉네임 전화번호 등록 페이지 구현
- 05 이름 전화번호 입력값 검증 로직
- 06 사용자 정보 편집 화면 개선
- 07 장바구니 담기 기능 분석 및 개선
- 08 Alert을 Toast 컴포넌트로 전환
- 09 좋아요 버튼 전역 상태 관리 구현
- 10 마우스 호버 상품 이미지 돋보기 기능구현
- 01 보안성 향상을 위한 독립 도메인(상품판매, 어드민) 구성하기
- 02 인라인 결제 UI로 사용자 경험 개선
- 03 실제 DB 연동 전 테스트 환경 구축
- 04 결제관련 구현 복잡도와 UX 고려사항 비교하기
- 01 MBTI 기반 영화 추천 웹사이트 초기 세팅
- 02 Web Search 도구를 활용한 영화 API 연동 및 설정
- 03 300편 영화를 로컬 SQLite DB에 저장하여 로컬환경에서 빠르게 개발하기
- 04 로딩 스피너 대신 스켈레톤 UI 적용으로 UX 향상
- 05 영화 포스터를 자동 재생되는 캐러셀 형태로 구현
- 06 16가지 MBTI 유형별 맞춤 영화 추천 시스템 구현
- 07 영화 정보를 카드 형태로 보여주는 반응형 UI 구현
- 08 장르, 평점, 인기도별 영화 검색 및 정렬 기능
- 09 로컬 DB를 Supabase 클라우드 DB로 마이그레이션하기
- 01 예산관리 웹사이트 초기 셋업
- 02 구글시트 API 무료 사용 제한과 비용 조사 시키기
- 03 배경색과 텍스트 색상 시각적 대비 개선
- 04 ChatGPT 활용한 효과적인 질문 기법 학습
- 05 브라우저 자동화로 테스트 시키기
- 06 다크모드에서 색상 대비 및 가독성 개선
- 07 구글 클라우드 콘솔 설정부터 실제 연동까지
- 08 실시간 브라우저 조작으로 API 설정 완료
- 09 로컬스토리지와 구글시트 양방향 데이터 동기화
- 01 HTML-CSS-JS 3파일 구조로 단순설계
- 02 4단계 프로그레스바와 섹션별 화면전환
- 03 균등분배모드와 고정인원모드 두가지 제공하기
- 04 CSS keyframes와 JS를 활용한 카드셔플 효과
- 05 HTML2Canvas로 이미지생성 후 SNS공유
- 06 Confetti라이브러리로 3단계 폭죽 애니메이션 넣기
- 01 밈 생성기 웹사이트 셋업하기
- 02 드래그&드롭과 클릭으로 이미지 업로드 지원하기
- 03 상하단 텍스트 입력과 스타일 설정 기능
- 04 HTML5 Canvas로 이미지와 텍스트 합성하는 기능 만들기
- 05 텍스트를 드래그로 이동 및 회전 가능하게 만들기
- 06 완성된 밈을 PNG 파일로 저장 기능 추가하기
- 07 4가지 컬러 배경 템플릿 사전 제공하기
- 08 이미지 크기, 위치, 맞춤 방식 조정
- 09 클립보드 복사와 소셜 미디어 공유
- 10 X,Y 좌표와 회전각도 정밀 입력받게 처리하기
- 01 명언 추천 및 검색 웹서비스 셋업하기
- 02 ChatGPT 조언을 참고하여 2000개 명언 데이터베이스 구축, 복잡한 접근법에서 단순화하기
- 03 로컬 JSON 데이터를 Supabase PostgreSQL로 마이그레이션하여 확장성 확보
- 04 Playwright MCP로 Supabase 대시보드 자동 조작하여 기존 프로젝트 연동하기
- 05 개발 중 AI가 제시한 정보와 실제 상황이 다를 때 확인 요청하기
- 06 v0 도구를 통한 명언 UI 개선 요청했으나 기존 레퍼런스 벗어나지 못하는 한계를 극복하기
Part 05 바이브 코딩으로 앱개발하기
- 01 React Native 앱 개발환경 셋업하기
- 02 복잡한 UI를 간단하게 정리하기
- 03 핵심기능만 남기고 불필요 기능 제거하기
- 04 심플한 wireframe을 제공하여 혼란스러운 카드 디자인을 깔끔하게 만들기
- 05 UI 레이아웃에서 글자 잘림 문제 해결하기
- 06 UI상 디버깅 정보 표시 시키기
- 07 프로필에서 계정 변경 테스트 하기
- 08 목표별 댓글과 응원 메시지 기능 만들기
- 01 React Native 앱 개발환경 셋업하기
- 02 이미지 참고하여 앱 인터페이스 구현시키기
- 03 음식 이미지를 심플한 SVG 아이콘으로 만들어내기
- 04 v0.app으로 칼로리 계산 페이지 개선
- 05 문제 해결위해 라이브러리 변경하기
- 06 특정 날짜 선택하여 식단 확인하는 기능 추가하기
Part 06 바이브 코딩으로 크롬 확장프로그램 개발하기
- 01 페이지별 독립적인 스크롤 위치 저장 시스템 만들기
- 02 실시간 글자 수 카운터와 요약 저장 기능 추가하기
- 03 전체 목록 표시, 새 탭 열기, URL 복사, 삭제 기능넣기
Part 07 프로젝트 수익화 하기
- 01 쿠팡 파트너스로 수익화 하기 프로젝트 바이브 코딩하기 #1
- 02 쿠팡 파트너스로 수익화 하기 프로젝트 바이브 코딩하기 #2

영상공개 일정 D-76

해당 강의는 총 4회에 걸쳐 공개됩니다.

1차2025.10.02(목)

2차2025.10.31(금)

3차2025.11.14(금)

최종2025.11.28(금)

이런 강의는 어떠세요?

지금 보는 강의와 유사해요!

10+

AI 생산성

1일 1바이브코딩, 30개 프로젝트 완성! Cursor AI X Claude Code로 돈 버는 웹 & 앱 만들기

약 45시간누구나

학습 규정

* 본 상품은 동영상 형태의 강의를 수강하는 상품입니다.

* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.

* 해당 강의는 사전 예약 상품으로, 강의 영상이 공개 일정에 따라 순차적으로 제작되어 오픈됩니다.

* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다.

총 학습기간:

정상 수강기간(유료 수강기간) 최초 30일, 무료 수강 기간은 31일 일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 20시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
수강시작일: 수강 시작일은 결제일로부터 기간이 산정되며, 결제를 완료하시면 마이페이지를 통해 바로 수강이 가능합니다. (사전 예약 강의는 1차 강의 오픈일)
패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
일부 강의는 아직 모든 영상이 공개되지 않았습니다. 각 상세페이지 하단에 공개 일정이 안내되어 있습니다.

주의 사항

상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인 이벤트 적용이 불가할 수 있습니다.
커리큘럼은 제작 과정에서 일부 추가, 삭제 및 변경될 수 있습니다.
쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

환불 규정

환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.

수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
수강시작 후 7일 이내, 5강 이상 수강 시 전체 강의에서 수강한 강의의 비율에 해당하는 수강료를 차감 후 환불 가능합니다.

수강시작 후 7일 초과 시 정상 수강기간 대비 잔여일에 대해 아래 환불규정에 따라 환불 가능합니다.
- 환불요청일 시 기준
- : 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
- : 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
- : 수강시작 후 1/2 경과 후, 환불 금액 없음

* 보다 자세한 환불 규정은 홈페이지 취소/환불 정책에서 확인 가능합니다.

패스트캠퍼스 정책 안내

[패스트캠퍼스 아이디 공유 금지 정책]

패스트캠퍼스의 모든 온라인 강의에서는 1개의 아이디로 여러명이 공유하는 형태를 금지하고 있습니다.

동시접속에 대한 기록은 내부 시스템을 통해 자동으로 누적되며, 이후 서비스 이용이 제한될 수 있습니다.

[기기제한 정책]

패스트캠퍼스 온라인 강의 시청을 위해서는 ID별 최대 4개의 기기를 등록할 수 있으며, 기기 등록은 온라인 강의장 접속 시 자동 등록됩니다.

최대 갯수를 초과하였을 경우 등록된 기기 해제가 필요합니다.

[저작권 정책]

국내 7개 카드사 12개월 무이자 할부 지원! (간편 결제 제외)

삼성카드
신한카드
롯데카드
현대카드
하나카드
KB국민은행
NH농협카드

root layout

절대 실패하지 않는 무적의 바이브코딩 성공 공식 (w. 100가지 케이스)

강의 정보

최대43%월 18,250원~12개월 무이자 할부 시

절대 실패하지 않는 무적의 바이브코딩 성공 공식 (w. 100가지 케이스)

이런 강의는 어떠세요?

학습 규정

주의 사항

환불 규정

패스트캠퍼스 정책 안내

최대43%
월 18,250원~
12개월 무이자 할부 시