강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

AI Coding

Learning Web Development Concepts and Vibe Coding from Zero Base

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

(4.9) 37 reviews

414 learners

  • jeyong
수익화
실습 중심
바이브코딩
React
Web Application
Next.js
cursor
AI

Reviews from Early Learners

What you will learn!

  • Web Application Development using VIBE Coding

  • Monetization via ad and payment modules

  • Quick & Easy Frontend Dev & Design using v0

  • Vibe Coding using Cursor IDE

  • Next.js Vercel Deployment

Recommended for these people

  • If you have a ' best idea ' in your head,

  • Or if you dream of a ' second salary ' coming in every month

  • And if you want to learn AI, coding, and service implementation all at once ,

This course will be perfect for you.

'I'm illiterate when it comes to coding...'

It's okay if you don't know anything about coding !

  • 👽 : Coding seems like a foreign language and difficult!

    → In this lecture, we will only use AI and the 'Korean prompt (command)'.

  • 😭 : I tried learning coding before, but it was too difficult, so I gave up.

    → Anyone can learn ‘Vibe Coding’ with ease.

  • 💻 : Can I create a web app if I don't know how to design web?

    → We will even teach you how to design with AI.

📊 Why should you learn 'Vibe Coding' now?

What I'm learning now is,

This is Vibe Coding, which is changing the “future of development.”

Vibecoding is not just 'no code'.

A new way of developing that collaborates with AI .


Create a service with just a command,

An era where the entire process, from planning to distribution, can be automated.

Here, the technology at the center of the flow,

Learn vibe coding.

💡 Using Vibe Coding

  • Development time is significantly reduced for both beginners and veterans.

  • 💻 Let AI do the complex code writing for you.

  • 📈 You can focus solely on planning and operation.

  • 💰 You can create services that generate revenue, such as advertising and payments.

📌 You can do it after taking this course

  • I can create a real web service with my idea.

  • Monetization is possible through advertising, payment, and subscription models.

  • You will learn how to develop collaboratively with AI.

  • You will get to use the tools used in the field directly.

  • We can complete your service from distribution to operation .


💡 Course Features

  • Learn the entire process: frontend + backend + infrastructure + monetization.

  • For complete beginners, we'll teach you step by step.

  • There are many AI-based, practical, vibe-based coding exercises implemented.

For service planning / implementation / operation

Learn only what you actually need, efficiently.


📚 Curriculum

From planning → development → distribution → monetization

It's designed to help you learn by turning your ideas into real-world services .

  1. Prototyping with AI

  2. Front-end development using Cursor IDE

  3. Processing data with Supabase

  4. Pasting Ads: AdSense Practice

  5. Link payment with Toss Payments

  6. Building an SEO Automation Tool

  7. Deploying & Operating Services

📚 Hands-on Project

Project

SEO Tip Generator

Portfolio website

Blog service

Revenue-generating web apps

Learning

OpenAI API, Node.js Utilization

Static Web Development with Cursor IDE

v0 + Supabase, ad insertion

Payment function integration, freemium configuration

💰 As a practical monetization lecture…

  • How to Insert Ads (Google AdSense)

  • Payment Integration (Toss Payments)

  • Designing a freemium revenue model (credit-based)

  • Building an automated SEO optimization tool

    You can learn the back.

CautionIf security is weak, server costs may explode?”

“You’re saying that all the SEO you worked so hard to set up could be for nothing?”

We've carefully included tips on how to avoid mistakes you might make when creating your first service.

💡 Learn the tools of practitioners


We've carefully selected tools that are used directly in practice.

classification

Main tool

Front-end

Backend

Version control

design

AI API

equipment

Cursor IDE (AI Coding)

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

Supabase (BaaS), Infrastructure Configuration Tips

Git (essential for version control and collaboration)

v0 (no-code UI design)

Includes instructions for using the OpenAI API

It's not about following a project and ending it,

It is structured so that it can be used continuously and applied.

Now, shall we begin?


The world is now asking different questions.

The question of 'how to make it' is gradually decreasing,

We are asking ourselves more, 'What should we do?'


No more “I don’t know how to code”

You don't have to put off ideas.


This course is not just a tutorial,

This is a journey to create your first product together .

  • Ideas in your head → Real-world web apps

  • Planning → Implementation → Distribution → Monetization

Now, experience your ideas become a service .

Let's start together.

👨‍💼 Instructor Introduction

I've been teaching coding for over 6 years.
Developer & Instructor, Shin Je-yong.

  • Master's degree in Electronic Engineering from Sogang University (Best Thesis Award)

  • Many online courses, including Fast Campus and Zero Base

  • AI lectures for companies such as LG Innotek

  • Special PCCE lectures for universities including Ewha Womans University

  • A practical mentor with experience in AI, web development, and data science.

💡 Please check before taking the class

  • This course is designed so that even complete beginners can follow along.

  • Because it utilizes AI tools , it may be different from traditional coding education.

  • This is a practical curriculum designed with real-world monetization in mind.

Recommended for
these people

Who is this course right for?

  • For those new to coding

  • Learn Vibe Coding while making your own?

Need to know before starting?

  • No prior knowledge is required.

Hello
This is

548

Learners

51

Reviews

38

Answers

4.9

Rating

2

Courses

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

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


경력 사항

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

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

       

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

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

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

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

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

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


학력 사항

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

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

     


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

Curriculum

All

56 lectures ∙ (7hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

37 reviews

4.9

37 reviews

  • kalo님의 프로필 이미지
    kalo

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    강사님이 설명을 정말 쉽게 잘 해주시네요. 많은 도움이 되었습니다. 감사합니다.

    • 신제용
      Instructor

      많은 도움이 되었다니 기분이 좋네요! :) 감사합니다. 즐거운 개발 생활 되세요~!

  • Jong Kwan Lee님의 프로필 이미지
    Jong Kwan Lee

    Reviews 1

    Average Rating 5.0

    5

    30% enrolled

    • 신제용
      Instructor

      후기 감사드립니다 :)

  • Joodae Kim님의 프로필 이미지
    Joodae Kim

    Reviews 1

    Average Rating 5.0

    5

    32% enrolled

    • 신제용
      Instructor

      후기 감사드립니다 :)

  • 퍼스트스텝 무인당구장님의 프로필 이미지
    퍼스트스텝 무인당구장

    Reviews 1

    Average Rating 5.0

    5

    30% enrolled

    • 신제용
      Instructor

      후기 감사드립니다! :)

  • lipper2501님의 프로필 이미지
    lipper2501

    Reviews 2

    Average Rating 5.0

    5

    30% enrolled

    • 신제용
      Instructor

      후기 감사드립니다! :)

$93.50

jeyong's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!