![[[search]]](/theme/oklassedu/pix/images/icon_search.png){kind=icon}
![[Bler] 바이브코딩으로 나만의 수익형 웹&앱 서비스 만들기](https://www.ddazua.com/pluginfile.php/382660/local_courselist/thumbnailimg/4463/0.%EB%B0%94%EC%9D%B4%EB%B8%8C%EC%BD%94%EB%94%A9%20%EC%8D%B8%EB%84%A4%EC%9D%BC.png)
[Bler] 바이브코딩으로 나만의 수익형 웹&앱 서비스 만들기
- 강사 홍드로이드
- 수강기간 구매일로부터 45일
- 복습기간 150일
- 학습시간 약 10시간 08분
(20%↓)
210,000원
168,000원
- [Bler] 바이브코딩으로 나만의 수익형 웹&앱 서비스 만들기
20%210,000 원 168,000원
강좌소개
.png)
.png)
.png)
.png)
.png)
.png)
_%EB%A7%88%EC%A7%80%EB%A7%89gif%EC%88%98%EC%A0%95.gif)
.png)
.png)
.png)
.png)
.png)
커리큘럼
전체 닫기
전체 펼치기
Part 1. 바이브 코딩의 세계에 오신 여러분들 환영 합니다!
1-1. 포트폴리오 웹 사이트 만들기
1-2. Tic-Tac-Toe 게임 만들기
1-3. To-Do 리스트 앱 만들기
1-4. 미니 그림판 만들기
1-5. 뽀모도로 타이머 제작하기
2-1. 강사 소개 및 강의 소개
3-1. 바이브 코딩이란? , 아무것도 몰라도 코딩이 가능할까?
3-2. 일반인이 바이브 코딩으로 수익화를 어떻게?
3-3. 일반 코딩 vs AI 코딩 vs 바이브 코딩
3-4. 프롬프트란? 효율적인 프롬프트 작성법 & 피해야할 프롬프트 작성법
3-5. AI 코드 생성시 주의 해야할 사항
4-1. Cursor AI란?
4-2. Cursor AI 설치 및 환경 세팅
4-3. Ask vs Agent
4-4. Cursor Rules로 쾌적한 유지보수 구축하기
4-5. 생산성 100배 업그레이드 시켜주는 MCP
5-1. 바이브 코딩으로 돈버는 현실적인 아이데이션
5-2. 시장 조사 & 경쟁사 분석 해보기
5-3. 나만의 강점 분석으로 수익화 성공 확률 높이기
Part 2. 바이브하게 서비스 기획 + 디자인도 정복하기
6-1. PRD 가 도대체 뭔데!?
6-2. 서비스 기획 문서 만들기
7-1. PRD 문서를 활용한 플로우차트 와이어 프레임 그리기
7-2. Figma로 직접 디자인 해보기
7-3. cursor browser automation으로 레퍼런스 사이트 기반 바이브 하게 디자인 해보기
Part 3. 웹 사이트 수익창출 가이드
8-1. 애드센스란?
Part 4. 실전 프로젝트 사전준비 Part 1
9-1. Git 이란? Git 개발 환경 설정
10-1. NodeJs 설치
11-1. Supabase 환경 세팅
Part 5. (Cursor AI 실전 수익형 프로젝트 1) - 초간단 랜딩페이지 만들기 (Vibe Coder Community)
12-1. 아이데이션 및 PRD 문서 제작
13-1. 파트별 디테일요소 잡아보기(디자인 개선, 로고 이미지 넣기, 타이틀 변경)
14-1. Latpeed 가입 및 모임 상품 세팅
Part 6. (Cursor AI 실전 수익형 프로젝트 2) - 이미지 배경제거 유틸 사이트 (Smart Image Bg Remover)
15-1. 이미지 유틸 사이트의 핵심 서비스 기능, 비즈니스 모델 분석하기
15-2. 타겟 서비스 기반 PRD 문서 제작
16-1. PRD 기반 핵심 기능 개발1(배경 제거, 로그인/회원가입)
16-2. PRD 기반 핵심 기능 개발2(이미지 업스케일링)
17-1. 프로버전 구독 결제 시스템 연동 하는 방법 (feat.토스페이먼츠)
18-1. 테스트 결제 취소 방법
18-2. 서비스 상용 운영 준비하는 방법
Part 7. (Cursor AI 실전 수익형 프로젝트 3) - AI 자동 정리 노트 (AI Copy Note)
19-1. 아이데이션 및 PRD 문서, 와이어 프레임 제작
19-2. 준비된 기획 문서 기반 초도 개발 시작 및 Netlify 배포
20-1. Google AI Studio 가입 및 API KEY 발급 및 Gemini API 연동
21-1. 로그인 / 회원가입 구현
21-2. 메모 요약 정보 조회 / 저장 기능 구현
21-3. 메모 수정 / 삭제 기능 구현
21-4. 메모 검색 / 즐겨찾기 기능 구현
22-1. 날짜 범위로 메모 검색하기
Part 8. Gemini CLI vs Cursor AI 완전 비교 분석
23-1. 터미널 기반 AI 에이전트의 특징 & Cursor AI 와 차이점
24-1. Gemini cli 설치 및 터미널 기반 환경구성
25-1. 자연어로 질문하고 답변 받기
25-2. 슬래시 명령어 활용
26-1. 멀티 디렉토리 기반 프롬프트
26-2. mcp 연동 활용
Part 9. (Gemini CLI 실전 수익형 프로젝트 1) - 슈팅 웹 게임 개발 (Space Shooter)
27-1. 게임 기획, 규칙 잡아보기
27-2. 레벨 디자인 구성으로 게임의 난이도 세팅하기
28-1. 반복되는 우주 배경 구현
28-2. 플레이어, 적, 총알 구현하기
29-1. 라이프 시스템 및 플레이어 피격 판정 구현
29-2. 난이도 조절 기능 만들기
30-1. 게임 타이틀 제목, 시작 버튼 구현
31-1. 게임 오버 타이틀 텍스트 및 점수 시스템 구현
32-1. vercel 호스팅에 배포
Part 10. 실전 프로젝트 사전준비 Part.2
33-1. Firebase Studio를 활용한 노설치 바이브 코딩 소개
Part 11. (Gemini CLI 실전 수익형 프로젝트 2) - 맞춤 여행 플래너 앱 개발 (Travel Planner)
34-1. 여행 플래너 모바일 앱 리서치를 통해 핵심기능 파악하기
35-1. 준비물, 여행관리하기 버튼 구현
36-1. 준비물 리스트 추가/수정/삭제/조회 구현
37-1. 여행 장소 설정 파트 구현
37-2. 여행 기간 설정 파트 구현
37-3. 여행 일정 리스트 파트 구현 (추가/수정/삭제/조회)
37-4. 일정 리스트 스왑기능 구현 및 고도화 마무리
38-1. 애드몹 이란? & 광고단위 설명
38-2. 구현된 모바일 앱에 광고 세팅해보기
39-1. 안드로이드 & 아이폰 앱 배포과정 소개
Part 12. (Gemini CLI 실전 수익형 프로젝트 3) - 유명인과 AI 채팅 앱 개발 (Celebrity AI Chat)
40-1. 유명 인물 데이터 조사 및 데이터 세팅
40-2. Gemini API 연동 및 초도 개발
41-1. 채팅 시나리오 관련 필요 데이터베이스 설계
42-1. 하단 메뉴바 구현
42-2. 채팅 친구 목록 구현
43-1. 채팅방 리스트 조회 구현
43-2. 채팅방 삭제 구현
44-1. AI 롤플레잉 기반 채팅 시스템 구현
45-1. 로그인 정보, 로그아웃 구현
Part 13. (Cursor + Gemini CLI 실전 수익형 프로젝트 4) - AI 주식 종목 분석 서비스 데스크톱 앱 개발 (Dingdong Stock)
46-1. 워렌버핏의 투자원칙 문서화 + 주식 관련 뉴스 AI 분석 프롬프트
47-1. 파이썬 설치 & 프로젝트 초안 작성
48-1. 지정 종목 분석 기능 구현
48-2. 자동 추천 종목 분석 기능 구현
49-1. exe / app 파일로 패키징 하여 배포
Part 14. 바이브 코딩에 감을 잡으신 여러분들에게 강의를 마치며..
50-1. 바이브 코더의 외주 플랫폼 진출
51-1. AI 도입으로 영향을 받은 취업 / 창업 / 프리랜서의 세계는 어떠한가
52-1. 문제 해결적인 관점으로 세상 바라보기
53-1. 개발자, 프리랜서, 창업가 모두 경험한 자의 각각 장단점 정리
