Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
1일 완성 AI 바이브 코딩(Vibe Coding) - 비개발자,초보자도 웹앱 뚝딱!
Highest Rated
Rating: 4.7 out of 5(533 ratings)
2,500 students

1일 완성 AI 바이브 코딩(Vibe Coding) - 비개발자,초보자도 웹앱 뚝딱!

비전공자도 하루만에! AI 바이브 코딩으로 웹앱 기획부터 배포까지
Created bySeongjoon Chung
Last updated 10/2025
Korean
English [Auto],English [Auto],

What you'll learn

  • 바이브 코딩의 핵심 개념과 수익화 전략
  • 커서(Cursor), 러버블(Lovable)을 활용한 실전 SaaS 웹앱 개발
  • Next.js API 라우트 기반 백엔드 구현
  • Supabase와 커서 MCP를 활용한 데이터베이스 설계
  • 사용자 인증 시스템과 RLS 보안 구현
  • Vercel 배포와 프로덕션 환경 관리
  • itHub을 통한 프로젝트 관리와 협업

Course content

9 sections • 38 lectures • 3h 34m total length
  • 1%의 아이디어만 있으면 누구나 개발할 수 있는 AI 시대4:26
  • 개발 지식 1도 없어도 시작할 수 있는 이유3:27
  • AI가 코딩 다 해주는 시대, 우리는 이제 '질문'을 잘해야 합니다4:35

Requirements

  • HTML, CSS, JavaScript 등 기초적인 코딩 스킬
  • ChatGPT 같은 LLM을 사용하는 프롬프팅 스킬

Description

아이디어는 있는데 코딩이 고민이라고요? 이제 AI가 다 만듭니다!

더 이상 웹사이트나 앱을 만들려고 밤샘 코딩할 필요 없습니다. AI에게 설명만 하면 뚝딱 완성되는 '바이브 코딩' 시대가 왔으니까요. 아이디어는 넘치는데 개발 지식이나 비싼 외주 비용 때문에 망설였던 분들을 위해, 이 강의는 AI 코딩 툴로 여러분의 아이디어를 현실로 만들고, 나아가 실전 웹앱으로 운영하는 방법을 알려드립니다. 이제 당신은 AI 시대의 기획자, 디렉터, 그리고 프롬프트 엔지니어가 될 겁니다.


---


아이디어를 현실로, 초보자도 1일만에 배우는 바이브 코딩 마스터클래스

이 강의는 단순히 코드를 가르치는 것을 넘어, 여러분의 아이디어를 실제로 작동하는 서비스로 만드는 완전한 실전 흐름을 제공합니다.


코딩 지식, 전혀 없어도 괜찮습니다!

강력한 AI 코딩 툴인 Cursor와 Lovable을 활용해 설명만으로 웹사이트나 앱을 자동으로 만들고 실행하는 방법을 익힙니다. AI가 코드를 생성하고 실행까지 해주니, 여러분은 이제 아이디어를 AI에게 정확하게 전달하는 '프롬프트 엔지니어링' 능력에만 집중하면 됩니다.


사용자 중심의 실용적인 서비스 개발 경험을 배웁니다

  • 사용자 경험(UX) 설계: 직관적이고 매력적인 인터페이스 설계부터 사용자 여정(User Journey) 최적화까지, 실제 사용자들이 만족할 수 있는 서비스를 만드는 방법을 배웁니다.

  • 확장 가능한 아키텍처: 처음엔 간단하게 시작하되, 사용자가 늘어나도 안정적으로 운영될 수 있는 확장 가능 구조로 설계하는 노하우를 익힙니다.

  • 피드백 수집 & 개선: 실제 사용자들의 피드백을 받아 서비스를 지속적으로 개선하는 데이터 기반 개발 프로세스를 체험합니다.

  • 무료 도구 활용 극대화: 구글 클라우드, Vercel, Supabase 등의 무료 티어를 최대한 활용하여 초기 운영비용 없이 서비스를 시작하고 운영하는 실전 노하우를 공유합니다.


실제 서비스에 쓰는 기술들을 AI와 함께 배웁니다

  • Next.JS 프레임워크와 TypeScript를 사용하여 안정적이고 효율적인 웹앱 개발 환경을 구축합니다. AI가 더 정확한 코드를 생성하도록 돕는 TypeScript와 화면 구성부터 서버 처리, 페이지 이동까지 모두 포함된 올인원 프레임워크인 Next.JS를 활용합니다.

  • Supabase (백엔드/DB) 연동: 복잡했던 데이터베이스 설정을 Supabase로 간편하게 해결하고, 인증(Authentication) 및 RLS(Row Level Security) 정책을 적용하여 사용자별 맞춤형 서비스와 강력한 보안을 확보합니다.

  • OpenAI API 통합: ChatGPT와 같은 LLM을 연동하여 AI 기반의 콘텐츠 생성, 요약, 추천 등 실제 AI 기능을 웹앱에 통합하는 방법을 배웁니다.

  • MCP 서버 활용: Supabase, Next.JS, ShadCN UI 등 최신 기술 스택의 연동을 AI가 알아서 처리하도록 도와주는 MCP 서버 활용법으로 개발 효율을 높입니다.


실전 배포부터 효율적인 운영까지

  • GitHub를 통한 버전 컨트롤로 코드 변경 사항을 체계적으로 관리하고, 오류 발생 시 이전 버전으로 되돌리는 방법을 익힙니다.

  • Vercel을 활용하여 Next.JS 프로젝트를 실전 배포하고, 외부 사용자도 접속 가능한 웹앱 서비스를 런칭합니다.

  • AI와 함께하는 디버깅: 배포 과정에서 발생하는 오류조차 AI와 함께 해결하는 실전 디버깅 능력을 길러드립니다.

  • Notion 템플릿: 아이디어 구상부터 개발 진행 상황, 완료 프로젝트까지 효율적으로 관리하는 노션 템플릿 사용법을 배울 수 있습니다.


손에 잡히는 결과물: 실전형 AI SaaS 웹앱을 직접 만듭니다

  • 포트폴리오 웹사이트, 할 일 목록 앱, AI 콘텐츠 자동 생성기, PDF 요약기 등 다양한 실전 프로젝트를 직접 개발하고 운영하는 경험을 하게 될 것입니다.


---


아이디어, 더 이상 망설이지 마세요!

프로그래밍 경험이 전혀 없어도 괜찮습니다. 이 강의는 여러분의 아이디어를 코드로 만들고, 실제로 쓸 수 있는 서비스를 완성하도록 모든 과정을 알려드립니다. 지금 바로 시작해서, 생각만 하고 있던 아이디어를 현실로 만들고 수익화까지 도전해보세요!

Who this course is for:

  • 바이브 코딩을 통해 수익화에 도전해 보고 싶은 비전공자
  • AI 코딩을 활용해 서비스 웹앱을 처음부터 개발하고 싶은 개발자 지망생
  • ChatGPT, Claude 같은 LLM과 Cursor 같은 AI 코딩 도구를 활용해 개발 생산성을 높이고 싶은 현직 개발자
  • 스타트업이나 사이드 프로젝트를 위해 웹앱을 직접 개발하고 싶은 창업가 & 프리랜서
  • AI 기반의 자동화 기능을 갖춘 웹앱을 기획하고 싶은 기획자 & 마케터