Even without coding knowledge · From deployment to operationReal Vibe Coding
All-in-one Class
Claude Code
Core Usage
Essential
Development Knowledge
Service
Practical Development
Launch and
Operation
Agent
Automation
The era where anyone can develop with AI has arrived,
but why are services that work properlyare actually usedgenerate profitpeople keep usingwork properly services
Why do only a few people create them?
Just by knowing how to use the tools, you can whip up the first screen.
The problem is what comes next.
Day 1
Make a restaurant log app
10 minutes
Day 2
Add a feature to save favorites
40 minutes
Day 3
Saved items disappear when I refresh
1 hour
Day 5
Fixed it, but now I can see other people's favorites too
3 hours
✗ And I couldn't go any further from here.
Why isn't it created the way I intended?
1Because you don't know how to communicate with AI using precise terminology. If you speak vaguely, like "Just handle it yourself," the AI will also understand it differently every time.
2Because there is no environment for the AI to act as intended. If the standards to follow and the workflow are not maintained within the project, the results will vary every time you give an instruction.
Then, should I learn more tools?Even if you learn new tools, you'll get stuck in the same spot again.
Because the reason you're stuck isn't the tools.
To excel at vibe coding,
these two things are absolutely necessary.
① Criteria for my own judgmentThe language of AI communication and the big picture of services
Learn how the screen, server, and data are connected, starting with the essential terminology used. That way, you can understand the AI's explanations and judge for yourself whether the results are correct.
Same situation, the language changes like thisIf you learn now Um, that thing... I don't know why it's like that, but just fix it all for me. 🙏
The notification covers the screen, so change it to a toast instead of a modal. The reason it's not saving is because the response isn't being put into the bookmark table. Please connect it there.
② Environment for AI to repeatMaking the AI work the same way without having to explain every time
Instead of explaining "do it like this" every time, write down the work sequence and rules in a single file. Even when you give a new command, the AI reads that file first and works in the same way every time.
In the same order every time you give a new task
1Requirements
2Work Plan
3Implementation
4Check results
The environment built up in my project📋RulesStandards to follow
🪝HookRuns automatically
✅ChecklistVerify when finished
🧩SkillsFrequently used tasks
A service operated with Vibe Coding,
we will build Kagong-map together from scratch.
Cagongmap, a tool for finding cafes good for working, is not just a lecture example; it is an actual service currently in operation built with Vibe Coding. By integrating the previous two elements into this service, we will build it together from scratch, from research to operation.
It doesn't end with just following examples.
With Cagongmap, we build these things properly.
01
A real web app with loginFrom research to deployment, a Cagongmap service where signup, photos, and maps actually work
02
Preparing for Launch and OperationShare previews, search/AI exposure (SEO·GEO), admin, security, and monitoring
03
Web Crawling AutomationA collector that automatically runs a real browser to gather potential locations
04
Autonomous agentsA development environment where the agent completes tasks on its own just by assigning them.
Even if you don't know coding,
we designed it so you can make it to the end.
STEP 01
Step-by-step, one step at a timeFrom essential development knowledge for communicating with AI to the overall big picture of service development.
Screen · Server · Data · Deployment
STEP 02
We don't hold back on explanationsWe explain AI's responses simply and help you understand them immediately with diagrams and screenshots.
140+ Diagrams · Screenshots
STEP 03
Learn by creating it yourselfDon't just use someone else's work. Learn by making what you need yourself.
70+ Prompts · Skills · References
I have meticulously prepared the lecture materials to ensure that even beginners don't miss a thing.
80+lessons
140+Diagrams · Screenshots
70+Copy-and-paste prompts
10+Skills used
Difficult concepts made easy

Ready-to-use prompts

All-in-one lectures,
I make them best.
Every course released on Inflearn with 'All-in-One' in the title has all reached BEST status. Over 10,000 people have taken them so far.
And this time, it's Vibe Coding.
Knowledge Sharer · GrabWhether you're a developer or someone who's never coded before
so that you can follow along until the end
I will teach you Vibe Coding properly.
✓Former 10-year Tech Lead at New York · LA startups
✓Currently running an offline Vibe Coding Camp, providing direct feedback to beginners
How is it different from
other Vibe Coding courses?
Common Vibe Coding Courses
THIS COURSE Real Vibe Coding All-in-One
How far it goes
✗ Ends after building the UI and deploying
✓ Covers operation, security, and monitoring after deployment
AI Agents
✗ Stops at introducing skills and sub-agents
✓ Up to designing the environment and automation for agents
Learning Materials
✗ Sample apps for lecture use
✓ Building Kagong Map, an actual service currently in operation, from scratch
When AI is wrong
✗ Repeating "Do it again"
✓ How to narrow down the cause by separating UI, data, and error logs
Development Knowledge
✗ "You don't need to know because AI does everything"
✓ Essential development knowledge to communicate with AI
Review Materials
✗ Only videos; no choice but to rewatch
✓ Permanent access to student-exclusive resources (Lifetime updates)
We don't build multiple things shallowly.
We truly complete one.
Get a quick feel for it with Tetris, and build Kagong Map as the main project from start to finish. It covers everything from creation, deployment, and operation to agent automation.
First, the entire map at a glance.
STAGE 1Building
ResearchGit/GitHubDatabaseLogin and Permissions
Image StorageDesign ImprovementDeployment
STAGE 2Making it actually used
Shared PreviewSearch and AI VisibilityAdmin Screen
Security AuditError HandlingMonitoring
Browser AutomationSeparation of Dev/Prod Environments
STAGE 3Using agents more intelligently
Verification EnvironmentSecure CodebaseAI Working Environment (Harness)
GitHub ActionsTicket Development Automation
While solving the following problems of Kagong Map, learn by connecting them one by one.
You will learn this content in four steps.
UnderstandingGetting a feel for it with TetrisFundamental knowledge for understanding AI explanations
- Learning the Tools - Terminal, VS Code, and Claude Code from scratch
- Core Claude Code Usage - From basic operations to skills, MCP, and memory
- Essential Development Knowledge - How the web, HTTP, UI, server, database, API, and frameworks are connected
By completing a Tetris game yourself, you will learn the necessary knowledge.
CreationConnecting to the Cafe Study MapCreating a real service where login and data are connected
- Starting the project from research - Deciding what to make and preparing the development environment
- Connecting Core Features - Data, Login and Permissions, and Image Storage in order
- Improving Design and Deployment - Enhancing the UI with Vibe design and deploying to a live URL
cagongmap · mainGITHUB
Research
Database
Login
Image Storage
Design
Deploymentcagongmap.xyzLIVE
OperationsAfter actual usersLaunching and operating a service
- Sharing and Search Visibility - From link previews to improving search and AI recommendations (SEO·GEO)
- Admin Dashboard and Response - Directly checking and handling operational needs
- Security & Incident Response - Narrowing down the cause and fixing without service impact
- Performance, Cost, and User Analysis - Checking slow areas and costs, and selecting the next improvement using behavioral data
cagongmap.xyzLIVE
- Share previewNormal
- Search · AI ExposureIndexed
- Security · ErrorChecking
- Data backupNormal
Learn how to manage everything one by one, including security and incident response.
ExpansionAgentic EngineeringCreating an environment to entrust agents with bigger tasksSequential release on August 2nd
- Solidifying the Codebase - Organizing structures and boundaries first so the agent doesn't get lost
- Harness Engineering - Embedding consistent standards into projects using rules, hooks, and skills
- Verification Environment Automation - Automatic types, builds, and tests for every PR (GitHub Actions)
- Ticket Development Automation - Automating a single task from branching, implementation, verification, to PR
① Register Task#42 Bookmark Folder
#43 Search Sorting
#44 Map Filter
→→→② AI works concurrently
#42Plan·Implement·Verify
#43Plan·Implement·Verify
#44Plan·Implement·Verify
→→→③ Human verification#42 Pending review
#43 Pending review
#44 Pending review
Multiple agents divide the work and process it simultaneously, while humans only handle the final approval.
Vibe Coding, if you want to learn it properly,
please trust us and take the course.
Even as tools keep changing, the fundamentals of building and running services remain the same.
Instead of fleeting tips that follow trends, I've focused only on the long-lasting fundamentals.
Start here, following the exact sequence refined while teaching over 10,000+ people.
The Agentic Engineering section is scheduled to be additionally uploaded starting August 2nd.