BEST
Programming

/

Full-stack

[収益化] VoyagerX開発者が教える VIVEコーディング (超初心者OK)

迅速な実行と検証の時代。VIBEコーディングで、誰よりも速く実行を！ 広告、決済など収益化まで漏れなく、自分の手で実現しましょう。

（5.0）受講レビュー 26件

受講生 347名

React
Web Application
Next.js
cursor
AI

入門者のための講座です。

こんなことが学べます

  • バイブ コーディング を用いた ウェブアプリケーション 開発

  • 広告及び決済モジュールを利用した収益化

  • v0を使った超簡単フロントエンド開発＆デザイン

  • Cursor IDE を利用した ヴァイブ コーディング

  • Next.js ウェブアプリの Vercel デプロイ

✅こんな方におすすめです

  • 頭の中に「一番行くアイデア」を持っているなら

  • または毎月入ってくる「第2の給料」を夢見るなら

  • そしてAI・コーディング・サービス実装、その3つを一度に身につけたいなら

この講義がぴったりです。

✅ 「コーディングにおいては文盲ですが…」

コーディングの👃も知らなくても大丈夫です！

  • 👽 ：コーディングはエイリアンのようで、難しいようです！

    →この講義ではAIと「韓国語プロンプト（コマンド語）」だけを使用します。

  • 😭 ：以前にコーディングを学んでみましたが、難しくてあきらめました。

    →「バイブコーディング」は誰でも涼しく学べます。

  • 💻 ：Webデザインを行うことができませんが、Webアプリを作成できますか？

    →AIでデザインする方法までお知らせします。

📊なぜ今「バイブコーディング」を学ぶべきですか？

今学ぶのは、

「開発の未来」を変えているバイブコーディングです。

バイブコーディングは単なる「ノーコード」ではありません。

AIとコラボレーションする新しい開発方式です。


命令だけでサービスを作成し、

企画から配布まで、全過程を自動化できる時代。

ここではその流れの中心にある技術、

バイブコーディングを学びます。

💡バイブコーディングを活用すると

  • ⏱初歩道、高人物も開発時間が大幅に短縮されます

  • 💻複雑なコードを書くことはAIが代わるものです

  • 📈企画と運営に集中することができます

  • 💰広告、支払いなど、収益を得るサービスを作成できます。

📌この講義を聞くことができます。

  • 私のアイデアで本物のWebサービスを作成できます

  • 広告、決済、購読モデルまで適用して収益化が可能です

  • AIとコラボレーションする開発法を習得します

  • 現業で使うツールを直接使ってみます

  • 配布から運営まで、サービスを完成できます


💡川の特徴

  • フロントエンド+バックエンド+インフラストラクチャ+収益化のプロセスを学びます。

  • 完全初心者向け、ステップバイステップでお知らせします。

  • AIベースの実践バイブコーディング実践が多数実装されています。

サービス企画・実施・運営のため

実際に必要なものだけ、効率的に学びます。


📚カリキュラム

企画→開発→配布→収益化まで

アイデアを実際のサービスにして学ぶように構成しました。

  1. AIとのプロトタイプ製作

  2. Cursor IDEを活用したフロント開発

  3. Supabaseでデータを処理する

  4. 広告を貼る：AdSenseスレッド

  5. トスペイメンツで決済連動する

  6. SEOオートメーションツールの作成

  7. サービスの展開と運用

📚実践プロジェクト

プロジェクト

SEOチップジェネレータ

ポートフォリオウェブサイト

ブログサービス

収益性の高いウェブアプリ

学ぶこと

OpenAI API、Node.jsの活用

Cursor IDEによる静的Web開発

v0 + Supabase、広告の挿入

お支払い機能連携、フリーミアム構成

💰本番収益化講義らしく…

  • 広告挿入法（Google AdSense、Kakao AdFit）

  • 決済連動 (Toss Payments, Stripe)

  • Freemium 収益モデルの設計(クレジットベース)

  • SEO最適化自動化ツールの作成

    などを学べます。

⚠ Caution 「セキュリティが脆弱であれば、サーバー費爆弾が出る可能性がありますか？」

「苦労して設定したSEOがダンスになることができるんですか？」

初めてサービスを作成するときにできるミスと解決のヒントまで入念に込めました。

💡実務家のツールを学ぶ


実務ですぐに使われるツールを厳選しました。

分類

メインツール

フロントエンド

バックエンド

バージョン管理

デザイン

AI API

ツール

Cursor IDE(AIコーディング)

HTML、CSS、JavaScript、TypeScript、React.js、Next.js

Supabase(BaaS)、インフラ構成のヒント

Git（バージョン管理とコラボレーション必須）

v0(ノーコードUI設計)

OpenAI APIの使用法を含める

プロジェクトに従い終わるのではなく、

継続的に応用して活用できるように構成しました。

✨今、始めましょうか？


世界はもう別の質問をしています。

「どうするか」は徐々に減り、

「何をするか」をもっと尋ねています。


もう「コーディングを知らないから」

アイデアを延期する必要はありません。


この講義は単なるチュートリアルではなく、

あなたの最初のプロダクトを一緒に作る旅です。

  • 頭の中のアイデア→本番Webアプリ

  • 企画→実施→配布→収益化

今あなたのアイデアがサービスになる経験

一緒に始めましょう。

👨‍💼講師紹介

6年以上コーディングを教えました。
開発者＆講師、新製用です。

  • 西江大学電子工学修士（最優秀論文賞受賞）

  • ファーストキャンパス/ゼロベースなどオンライン講義多数

  • LGイノテックなど企業向けAI講義の進行

  • 梨花女子大学など大学対象PCCE特講進行

  • AI、ウェブ開発、データサイエンスまで経験した実務型メンター

💡✅受講前に確認してください

  • このレッスンは完全初心者にも従うように構成されています

  • AIツールを活用するため、従来のコーディング教育とは異なる場合があります

  • 実際の収益化を念頭に置いた本番中心のカリキュラムです。

こんな方に
おすすめです！

学習対象は
誰でしょう？

  • コーディングに初めて触れる方

  • 自分のものを作りながらVibe Codingを学びたい方

前提知識、
必要でしょうか？

  • 予備知識はまったく必要ありません。

こんにちは
jeyongです。

449

受講生

34

受講レビュー

28

回答

5.0

講座評価

2

講座

억대 연봉을 위한 첫걸음을 함께 합니다

성실한 걸론 부족하고 유능해야 한다죠,
저는 성실한 사람을 유능한 사람으로 끌어드리고자 합니다.

경력 사항

  • (현) 6년차 코딩/프로그래밍 강사

    • 파이썬 / 코딩테스트 / 인공지능 / 백엔드 / 프론트엔드 / 데이터사이언스 / Java 등

       

    • 패스트캠퍼스, 제로베이스 등 교육기관 출강

    • 이화여대, 서경대 등 대학 특강 출강

    • LG이노텍 등 기업 강의 출강

    • LG이노텍 베트남지사 등 영어강의 진행

  • (현) 인공지능 스타트업 'VoyagerX' 딥러닝 개발자

  • (전) LG이노텍 CTO 딥러닝 자문
    (전) LG이노텍 소프트웨어 연구원

학력 사항

  • 서강대학교 전자공학과 석사(영상처리/인공 신경망), 2015 최우수 논문상 수상

  • 서강대학교 전자공학과 학사, 2013 최우수 졸업(summa cum laude)

     

포트폴리오: https://abel.even-my-dogs.com

もっと見る

カリキュラム

全体

56件 ∙ (7時間 39分)

講義資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

26件

5.0

26件の受講レビュー

  • antivimeo7062

    受講レビュー 2

    ∙

    平均評価 5.0

    修正済み

    5

    100% 受講後に作成

    講座の序盤で、バックエンドとフロントエンドの概念について説明してくれたのが良かったと思います。概念が少し掴めたような気がします？ サービス企画ベースのジュニアPM/POの方々も、きっと役立つでしょう。 後のプロジェクトの講義は、私の場合、手を動かさずに、ただサッと運動しながら見ました。最初は一つずつ手を動かしてやってみようかと思ったのですが、どうせ講師の実装方法やエラーケースは私とは異なるだろうと思ったからです。プロジェクトは、よく理解できなくても、まずはさっと目を通して、後で参考にするときにまた見ようと思います。 良い講義をありがとうございました。

    • jeyong
      知識共有者

      レビューありがとうございます！ :) 講義の意図がよく伝わったようで嬉しいです！楽しい開発ライフを送ってください！ :)

    • antivimeo7062

      あ、あと講義は1.7倍速で聞いても大丈夫です。それでも先生の声は聞きやすいですよ😆😆

  • juda018919

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    講師の方の説明が本当に分かりやすくて、大変助かりました。ありがとうございました。

    • jeyong
      知識共有者

      大変お役に立てたようで嬉しいです！ :) ありがとうございます。楽しい開発生活を送ってください〜！

  • blze05154198

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます:)

  • snllycon4502

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます:)

  • skwogusdld4028

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

    • jeyong
      知識共有者

      レビューありがとうございます！ :)

jeyongの他の講座

知識共有者の他の講座を見てみましょう！

[AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문講義サムネイル

[AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문

신제용

￥33,000

30%

￥23,100

入門 / Python, 업무 생산성, 인공지능(AI)

5.0

(8)

100+
頻繁な回答
頻繁な回答

코딩을 전혀 몰라도 돼요. 바이브코딩 공부 반나절이면 코드를 짜지 않고도 프로그램을 만들수 있게 될거예요. 웹 스크래핑, TTS, 챗봇, 게임 등 단계별 예제 10개를 직접 만들며 최신 AI코딩법을 익혀봅시다.

入門

入門

Python, 업무 생산성, 인공지능(AI)

似ている講座

同じ分野の他の講座を見てみましょう！

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)講義サムネイル

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

FreAiner Harris

￥38,500

30%

￥26,950

入門 / cursor, No-code, Firebase, vercel, 웹 디자인, React

4.1

(25)

300+

제가 이 강의를 만든 이유는 하나입니다. “나 같은 비전공자가 자신의 아이디어를 실현할 수 있도록 돕고 싶다”는 마음 때문입니다.

入門

入門

cursor, No-code, Firebase

비개발 초보자를 위한 바이브 코딩 입문 (주의! 개발자 수강신청 금지!)講義サムネイル

비개발 초보자를 위한 바이브 코딩 입문 (주의! 개발자 수강신청 금지!)

박형주

￥165,000

10%

￥148,500

入門 / 바이브코딩, VSCode, cursor, Git, GitHub

New
New

본 강의는 비개발자를 위한 코딩 입문 과정으로, 코딩에 대한 막연한 두려움을 없애고 직접 웹 서비스와 애플리케이션을 만들 수 있는 자신감을 심어주는 것을 목표로 합니다.

入門

入門

바이브코딩, VSCode, cursor

[프리미엄] AI와 대화하며 웹 서비스 만들기講義サムネイル

[프리미엄] AI와 대화하며 웹 서비스 만들기

에이크

￥328,900

30%

￥230,230

入門 / cursor, nextjs, 인공지능(AI), Google Sheets, Google Analytics

5.0

(2)

AI와 대화로 3개월 만에 3개의 서비스를 만들었습니다. 개발자도 코딩도 필요 없이, AI와 함께 실용적인 웹 서비스를 구축합니다.

入門

入門

cursor, nextjs, 인공지능(AI)

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)講義サムネイル

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

￥9,900

30%

￥6,930

入門 / Firebase, Next.js, vercel, CursorAI

4.6

(7)

100+
New
New

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

入門

入門

Firebase, Next.js, vercel

[AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문講義サムネイル

[AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문

신제용

￥33,000

30%

￥23,100

入門 / Python, 업무 생산성, 인공지능(AI)

5.0

(8)

100+
頻繁な回答
頻繁な回答

코딩을 전혀 몰라도 돼요. 바이브코딩 공부 반나절이면 코드를 짜지 않고도 프로그램을 만들수 있게 될거예요. 웹 스크래핑, TTS, 챗봇, 게임 등 단계별 예제 10개를 직접 만들며 최신 AI코딩법을 익혀봅시다.

入門

入門

Python, 업무 생산성, 인공지능(AI)

ChatGPT 프롬프트 엔지니어링 마스터 가이드 : 내 연봉의 숫자가 달라지는 마법 도구講義サムネイル

ChatGPT 프롬프트 엔지니어링 마스터 가이드 : 내 연봉의 숫자가 달라지는 마법 도구

Masocampus

￥79,200

30%

￥55,440

入門 / ChatGPT, 인공지능(AI), 카피라이팅, 콘텐츠 마케팅

4.7

(24)

100+

생성형 인공지능 ChatGPT로 프롬프트 엔지니어링 활용법 배우고, 비즈니스에서 업무효율 UP! 인공지능 기본부터 업무에 쓰는 방법까지 한 번에 커리어 완성 😀

入門

入門

ChatGPT, 인공지능(AI), 카피라이팅

(기획자를 위한) LLM 애플리케이션 사용자 요구 사항 수집과 분석 방법의 이해講義サムネイル

(기획자를 위한) LLM 애플리케이션 사용자 요구 사항 수집과 분석 방법의 이해

아리가람

￥27,500

入門 / 프로젝트 관리, 서비스 기획, 인공지능(AI), LLM

Update
Update

LLM 서비스를 기획하기 위해 사용자가 요구하는 사항을 수집하고 분석하는 방법을 살펴봅니다.

入門

入門

프로젝트 관리, 서비스 기획, 인공지능(AI)

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React講義サムネイル

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

￥38,500

30%

￥26,950

初級 / MongoDB, Express, React, Node.js, Firebase

4.7

(27)

300+

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

初級

初級

MongoDB, Express, React

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)講義サムネイル

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

￥33,000

30%

￥23,100

初級 / MongoDB, Express, React, Node.js, TypeScript

5.0

(4)

100+

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

初級

初級

MongoDB, Express, React

나도! 스프링으로 인공지능을 할 수 있다(인프1탄)講義サムネイル

나도! 스프링으로 인공지능을 할 수 있다(인프1탄)

박매일

￥49,500

30%

￥34,650

初級 / Java, Spring, Spring Boot, Spring AI, 인공지능(AI)

4.8

(25)

300+

Spring Boot와 Spring AI를 이용한 AI 애플리케이션 개발: 실제 솔루션을 위한 OpenAI 마스터링 하기

初級

初級

Java, Spring, Spring Boot

AI 입문자를 위한 MS AI 핵심기술 완전정복講義サムネイル

AI 입문자를 위한 MS AI 핵심기술 완전정복

이상희강사

￥140,800

30%

￥98,560

入門 / 머신러닝, Azure, NLP, 인공지능(AI), 생성형AI

Microsoft AI-900 자격을 동시에 대비 할 수 있는 특강이며 2025년 5월기준의 출제 범위를 반영한 최신 콘텐트로서 AI 개요, 머신러닝 기초, 컴퓨터 비전, 자연어 처리, 문서 인텔리전스, 지식 마이닝, 그리고 생성형 AI를 포함한 이론과 실습이 겸비된 형태로 제공합니다

入門

入門

머신러닝, Azure, NLP

기획자,PM을 위한 누구나 이해할 수 있는 인공지능講義サムネイル

기획자,PM을 위한 누구나 이해할 수 있는 인공지능

최진영

￥28,600

30%

￥20,020

入門 / 머신러닝, 딥러닝, 추천 시스템, 인공지능(AI), 생성형AI

5.0

(2)

500+
Update
Update

기획자, PM의 눈높이에 맞춘 인공지능 입문 강의! 데이터부터 생성형 AI까지, 성공적인 인공지능 기획을 위한 핵심 개념을 쉽게 정리했습니다. 인공지능을 만드는 것이 아닌 질문하고 설명할 수 있는 수준의 실무 이해를 목표로 합니다.

入門

入門

머신러닝, 딥러닝, 추천 시스템

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)講義サムネイル

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

￥16,500

20%

￥13,200

中級以上 / Next.js, React, GraphQL, Prisma, AWS

5.0

(2)

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

中級以上

中級以上

Next.js, React, GraphQL

[연재형] WE CAN Cusor AI ! - 커서AI 우리도 할 수 있습니다.講義サムネイル

[연재형] WE CAN Cusor AI ! - 커서AI 우리도 할 수 있습니다.

이프로

無料

入門 / cursor, 인공지능(AI), 생성형AI, frontend, 웹앱

5.0

(29)

1,100+

< WE CAN Cursor AI ALL-IN-ONE 마스터 클래스 > 코딩 지식 ZERO도 괜찮아요! #AI와 함께 시작하는 스마트 코딩 여정 #매주 새로운 성장 스토리 #당신만의 AI 개발 파트너가 되어드립니다 #비개발자도_가능 #AI코딩 #CursorAI #코딩초보환영

入門

入門

cursor, 인공지능(AI), 생성형AI

챗GPT로 응용하는 파이썬 실전 예제들 (입문자용)講義サムネイル

챗GPT로 응용하는 파이썬 실전 예제들 (입문자용)

박가네 데이터랩

￥38,500

30%

￥26,950

入門 / Python, 인공지능(AI), 생성형AI, RPA

5.0

(4)

지루한 문법부터 소개하는 강의는 그만! 일단 활용부터 하고 보는 파이썬 실전 응용 예제들

入門

入門

Python, 인공지능(AI), 생성형AI

[리액트 2부] 고급 주제와 훅講義サムネイル

[리액트 2부] 고급 주제와 훅

김정환

￥77,000

20%

￥61,600

中級以上 / React, React Context, react-component, react-router, react-hooks

4.9

(22)

700+

리액트(React)는 실무에서 가장 많이 찾는 인기 프론트엔드 기술입니다. 리액트를 이용해 애플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요.

中級以上

中級以上

React, React Context, react-component

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)講義サムネイル

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

도도(코딩루팡)

￥46,200

30%

￥32,340

初級 / Next.js, React, TailwindCSS, zustand, 클론코딩, 인터랙티브 웹

4.4

(35)

400+

React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand 으로 YoutubeMusic 웹사이트를 클론합니다. NextJS 기초부터 UI 중점으로 웹프론트 기초를 마스터 할 수 있어요.!

初級

初級

Next.js, React, TailwindCSS

[Sionic MCP 시리즈 1] Model Context Protocol 을 이용하여 IntelliJ 와 코딩해보자!講義サムネイル

[Sionic MCP 시리즈 1] Model Context Protocol 을 이용하여 IntelliJ 와 코딩해보자!

Sionic AI

無料

入門 / IntelliJ IDEA, LLM, 인공지능(AI), MCP

4.9

(33)

700+

Model Context Protocol (MCP) 를 이용하여 IntelliJ와 연동하여 빠르게 개발할 수 있는 방법에 대해 핸즈온 하는 튜토리얼입니다.

入門

入門

IntelliJ IDEA, LLM, 인공지능(AI)

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스講義サムネイル

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

￥22,000

30%

￥15,400

入門 / JavaScript, React, Node.js, React Native, TypeScript

2.2

(6)

100+

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

入門

入門

JavaScript, React, Node.js

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크講義サムネイル

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

￥48,400

30%

￥33,880

初級 / React, Next.js, expo, React Native

4.7

(3)

頻繁な回答
頻繁な回答

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

初級

初級

React, Next.js, expo

￥84,700

30%

￥13,861