[비개발자 사고법 종강] 웹개발 전체가 '식당 한 채'였습니다 | 프론트·백엔드·DB·배포 한 번에 #비개발자사고 #바이브코딩 #풀스택

Did you come to this video because you got stuck while building an app with Agentic Coding & Vibe Coding? You've come to the right place. You saved something, but it disappeared when you refreshed, or you sent a link to a friend and it wouldn't open. If you're on the verge of saying "I'm not doing AI anymore" after repeating "It doesn't work, fix it" until your patience ran out before your tokens— You don't need to learn coding. You can solve the problem simply by understanding the flow of web development and knowing exactly what to ask and how to do it. This video is the final installment of the "Non-Developer Mindset" series, a comprehensive review of full-stack development. We visualize the entirety of web development as a "restaurant" and connect the concepts from Lectures 1 through 10 into a single diagram. ▶ Full Stack: Viewed Through a Single Restaurant · Hall (What Customers See) = Frontend — HTML is the skeleton, CSS is the clothes, JavaScript is the response · Time Machine = Git — How to go back on mistakes, how to save tokens · Lego Pieces = React — "Don't tear it apart the whole thing, just fix this part" · Menu/Order = API — GET/POST, how to read status codes 200, 400, and 500 · Warehouse = Database — How to keep things from disappearing on refreshes · Lock = Authority/Authentication — What customers, employees, and the owner can see is different · Opening = Deployment — localhost is practice, deploy is the real deal ▶ We have also included answers to comments from developers saying, "You can't use business applications like this." Our goal is not to manage tens of thousands of customers, but to start with small AI services that transform our lives and work. You need that foundation to eventually integrate payments, authentication, and large-scale business operations. ▶ Recommended for: · Those who are stuck while coding with VIVE but don't know where the problem lies · Those who have watched Lectures 1-10 but still have a blurry overall picture · Those who want to move beyond "It doesn't work, fix it" to "Fix this part like this" ▶ Season 2 Preview We will cover HTML and CSS types in detail. Even if you don't write code, you need to understand the types to issue pinpoint commands. ▶ Inquiries regarding AI education, lectures, and consulting https://www.aiacademykim.co.kr External Instructor: Kim Ji-baek | Korea Institute of Management Education Let's survive together in the AI ​​era where no one is left behind. #NonDeveloper #VibeCoding #FullStack #ClaudeCode Timestamps 0:00 - Introduction: Building Apps with Claude Code & Introduction to Lecture 11 0:44 - Limitations of AI Coding and the Importance of a Non-Developer Mindset 1:32 - Overview of the 10 Full-Stack Steps (Restaurant Analogy) 2:31 - HTML (Framework) & CSS (Clothes) - Frontend Basics 4:08 - JavaScript (Bringing Life to It) - Understanding Interactions 5:50 - Git (Time Machine) - The Importance of Version Control 6:30 - React (Components/Lego Pieces) - Reusable Code 7:40 - API (Staff/Menu) - HTTP Methods and Communication 9:00 - Database (Warehouse) - Storing in Firebase, Supabase 9:40 - Authorization, Authentication, Deployment (Opening) 10:20 - Summary of the 10 Steps 10:44 - Overall Summary: Frontend → Authorization/Authentication → API → Backend → Database