inflearn logo
inflearn logo

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.8) 수강평 46개

강의소개.상단개요.수강생.short

난이도 입문

수강기한 무제한

React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI
React
React
Web Application
Web Application
Next.js
Next.js
cursor
cursor
AI
AI

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.8

5.0

antivimeo

100% 수강 후 작성

The explanation of backend and frontend concepts early in the lecture was good. It felt like the concepts were starting to click. Junior PM/PO professionals focused on service planning will certainly find it helpful too. As for the subsequent project lectures, I didn't follow along; I just quickly watched them while exercising. I initially tried to, but figured the instructor's implementation methods and error cases would likely differ from mine anyway. My plan is to quickly skim through the projects first, even if I don't fully understand them, and then rewatch them later for reference. Thank you for the good lecture.

5.0

토니야

100% 수강 후 작성

I encountered VibeCoding for the first time through this course, and following along with the live coding alongside the instructor's careful explanations was very helpful for understanding the concepts.

5.0

kelo

100% 수강 후 작성

It was a really easy and useful lecture! I honestly knew nothing about coding, but now that I've finished the lecture, I can even build my own blog and create and deploy a small community! I rarely paid for online paid lectures, maybe once a year if that, but after happening to take [AI] 프롬프트만으로 아이디어 구현하기_바이브코딩 입문, I gained tremendous confidence and ended up taking this lecture too. Following the instructor's lectures is easy, and something just starts working, and they give the perfect answers to questions right away! Now I'm looking forward to the instructor's next lecture! Regardless of age or gender, even if you know nothing about coding! The big advantage of this lecture was that you can create services that help with work or when a small idea comes to mind in your daily life! Instructor, please offer your next lecture soon~

강의상세_배울수있는것_타이틀

  • 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.

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • For those new to coding

  • Learn Vibe Coding while making your own?

선수 지식, 필요할까요?

  • No prior knowledge is required.

강의소개.지공자소개

682

수강생

66

수강평

38

답변

4.8

강의 평점

2

강의_other

Taking the first step toward a six-figure salary together

They say being diligent isn't enough and that you must be competent;
I aim to lead diligent people toward becoming competent ones.


Experience

  • (Current) 6th-year coding/programming instructor

    • Python / Coding Test / Artificial Intelligence / Backend / Frontend / Data Science / Java, etc.

      Lectured at educational institutions such as Fast Campus and Zero Base Guest lecturer at universities including Ewha Womans University and Seokyeong University Corporate trainer for companies such as LG Innotek Conducted English lectures for LG Innotek Vietnam branch, etc. (

    • Guest lecturer at educational institutions such as Fast Campus and Zero Base

    • Guest lecturer at universities including Ewha Womans University and Seokyeong University

    • Lectured at corporations including LG Innotek

    • Conducted lectures in English for LG Innotek Vietnam and other branches

  • (Current) Deep Learning Developer at AI startup 'VoyagerX'

  • (Former) Deep Learning Consultant to the CTO at LG Innotek
    (Former) Software Researcher at LG Innotek


Education

  • Master of Science in Electronic Engineering (Image Processing/Artificial Neural Networks), Sogang University, 2015 Best Thesis Award winner

  • B.S. in Electronic Engineering, Sogang University, 2013 Graduated with highest honors (summa cum laude)

    Education M.S. in Electronic Engineering, Sogang University (Image Processing/Artificial Neural Networks), 2015 Best Thesis Award B.S. in Electronic Engineering, Sogang University, 2013 Summa Cum Laude


Portfolio: https://abel.even-my-dogs.com

더보기

커리큘럼

전체

56개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

46개

4.8

46개의 수강평

  • c135252037님의 프로필 이미지
    c135252037

    수강평 1

    평균 평점 5.0

    5

    30% 수강 후 작성

    • jeyong
      지식공유자

      Thank you for the review :)

  • juda018919님의 프로필 이미지
    juda018919

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    The instructor explained things really easily. It was a great help. Thank you.

    • jeyong
      지식공유자

      I'm glad it was a lot of help! :) Thank you. Have an enjoyable development life~!

  • lipper25015163님의 프로필 이미지
    lipper25015163

    수강평 2

    평균 평점 5.0

    5

    30% 수강 후 작성

    • jeyong
      지식공유자

      Thank you for the review! :)

  • fstep2821님의 프로필 이미지
    fstep2821

    수강평 1

    평균 평점 5.0

    5

    30% 수강 후 작성

    • jeyong
      지식공유자

      Thank you for the review! :)

  • zhuda2438님의 프로필 이미지
    zhuda2438

    수강평 1

    평균 평점 5.0

    5

    32% 수강 후 작성

    • jeyong
      지식공유자

      Thank you for the review :)

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

강의상세.할인문구

$84,700.00

30%

$93.50