hero-section-background
hero-section-image

[AI 능력자] 바이브 코딩 with Cursor: 챗봇, DB 배포까지

179,000
90%17,900

이 과정은 고용24에 먼저 신청 후, 내일배움카드로 결제해야 최종 신청이 완료됩니다.

권장 수강 대상

현업 개발자, 프리랜서, 창업 준비자

카테고리

개발

훈련 시간

11시간 38분

강의수

16개

강의 소개

커리큘럼

수강후기

90% 국비지원으로 부담 없이 시작하세요!

🎁 수강하면 얻을 수 있는 것

• 강의 및 자료 평생 소장 - 언제든 복습할 수 있어요. • 1:1 Q&A 지원 - 담당 멘토가 직접 답변해 드려요. • 수료증 발급 - 이력서, 포트폴리오에 활용할 수 있어요. • 실무 프로젝트 실습 - 업무, 일상에 빠르게 적용할 수 있어요.

실제 서비스로 운영 가능한 AI 웹서비스를 직접 만들고 싶으신가요?

AI 코딩 도구 Cursor와 바이브 코딩 방식을 활용해 챗봇, 회원관리, 관리자 대시보드, 배포까지 한 번에!

프론트엔드와 백엔드, 데이터베이스, 클라우드까지 풀스택 개발 전 과정을 완성할 수 있는 실전형 과정입니다.

이런 고민이 있나요?

토이 프로젝트는 해봤지만 실제 서비스 수준의 기능 구현은 처음이라 막막해요

이미지
부트캠프 수강생

수**

로그인, DB 연동, 배포 같은 실무 기능 경험을 쌓고 싶어요

이미지
현업 개발자(프론트/백엔드)

계**

AI 코딩 도구를 활용한 빠른 프로토타이핑 방법을 배우고 싶어요

이미지
스타트업 창업 준비자

사**

서비스 아키텍처가 어떻게 구성되는지 개발 흐름을 이해하고 싶어요

이미지
기획자, PM, 서비스 운영자

아**

이렇게 성장할 수 있어요!

Cursor를 활용한 AI 기반 개발 자동화와 디버깅 노하우를 배워요

이미지
부트캠프 수강생

수**

SvelteKit, Supabase, Vercel로 풀스택 서비스 개발부터 배포까지 경험해요

이미지
현업 개발자(프론트/백엔드)

계**

회원가입, 로그인, 대화 기록 등 실제 서비스 운영 기능을 구현해요

이미지
스타트업 창업 준비자

사**

음성 입력, 챗봇 커스터마이징 등 AI 서비스 고도화 기능을 적용해요

이미지
기획자, PM, 서비스 운영자

아**

강의 맛보기

바이브 코딩, 2분 만에 이해하기

[웨비나] Cursor AI로 웹서비스 만들기

프로젝트 맛보기

1. 영어회화 AI 챗봇 만들기

OpenAI API와 Cursor를 활용한 챗봇 웹앱 제작 (Cursor + OpenAI API)

2. 직접 운영하는 나만의 백오피스 대시보드

사용자 관리, API 사용량, 비용 모니터링이 가능한 백오피스 관리자 대시보드 구축 (Cursor + OpenAI API)

크리에이터

김정현

풀스택 프로덕트 개발자 & AI/ML 엔지니어

아이디어를 빠르게 실현하고, 실제로 서비스로 운영할 수 있도록 돕는 것이 제 목표입니다. 이번 강의에서는 여러분이 실전 서비스 개발의 전 과정을 경험할 수 있도록 안내하겠습니다.

• LLM 기반 서비스 기획·개발, 챗봇·RAG 시스템 구축 경험
• 클라우드·DevOps·데이터베이스 설계 및 운영 전문가
• 교육청·교과서 프로젝트 등 공공·B2B AI 솔루션 다수 개발

커리큘럼

입문

11시간 38분

1-1
Hello! Vibekode?
5분
1-2
What's the vibe?
10분
1-3
Beware your vibe
10분
1-4
The vibe we're going to build
5분
2-1
개발환경 구성: Cursor 설치
10분
2-2
개발환경 구성: Node 설치
10분
2-3
개발환경 구성: Git 설치
10분
2-4
개발환경 구성: MacOS
10분
3-1
개발환경 구성: 클라우드 VM - GCP
10분
3-2
개발환경 구성: 클라우드 VM II - NCP
10분
3-3
개발환경 구성: 클라우드 OS에서 node 설치하기
5분
3-4
강의 자료 소개
5분
4-1
What vibe are we gonna be in?
10분
4-2
The vibe-ground
10분
4-3
Go further vibe
5분
4-4
스벨트 프로젝트 생성
3분
4-5
IDE 사용 세부 설정 설정
10분
4-6
나만의 영어회화 챗봇 서비스 아키텍처
10분
5-1
첫 바이브 코드
5분
5-2
UI 다듬기
15분
5-3
파일 컨텍스트 사용법
10분
5-4
API 문서 활용법
15분
5-5
API 구현 및 연결
15분
5-6
Vibe Tactics: 정신일도 하사불성
5분
6-1
환경변수 정의
5분
6-2
디버거 구현
10분
6-3
API 연결과 챗봇 구현
5분
6-4
배포의 의미
10분
6-5
vercel 가입, 설치 및 배포
5분
7-1
전체 프로젝트 아키텍처 확장 설명
5분
7-2
git 커맨드라인 사용법 회고
15분
7-3
Supabase 가입부터 DB 테스트까지
30분
7-4
데이터베이스 저장 테스트해보기
10분
7-5
주석 달기, 테스트 페이지 삭제
5분
7-6
Vibe Tactics: 검색 기반 답변요청
5분
8-1
UI 구현하기
5분
8-2
UI 테스트하기
15분
8-3
리다이렉션 경로 설정하기
15분
8-4
확인 메일 테스트하기
10분
8-5
SMTP 설정하기
10분
9-1
필요한 DB 목록과 내용 검토
10분
9-2
기록용 DB 테이블 생성
20분
9-3
대화 기록 UI 구현
10분
9-4
대화 기록 구현 돌아보기
10분
9-5
Vibe Tactics: 빅 스텝 스몰 스텝
5분
10-1
여러 톤 설정하기
5분
10-2
대화 기록에 프롬프트 톤 기록하기
15분
10-3
나만의 대화 프롬프트 저장해서 쓰기
15분
10-4
긴 코드 파일 리팩토링하기
10분
11-1
개인 정보 보호 정책 구현하기
5분
11-2
약관 동의 구현하기
15분
11-3
Vibe Tactics: 코드, 파일의 적절한 리팩토링
5분
12-1
개인 정보 관리
10분
12-2
사용량 및 요금 계산
5분
12-3
API 사용량 관리하기
15분
12-4
API 데이터 추적하기
15분
13-1
배포 및 구현 마일스톤 점검
5분
13-2
관리자 페이지 프로젝트 클로닝 1
10분
13-3
관리자 페이지 프로젝트 클로닝 2
10분
13-4
Show your hidden vibe
10분
14-1
관리자 기능 구현하기
5분
14-2
사용량 조회 페이지 구현하기
10분
14-3
API 사용량 시각화하기
10분
14-4
서비스 보안 검증하기
10분
15-1
전체 아키텍쳐 리뷰
10분
15-2
서비스 고도화 가이드
5분
15-3
바이브 코딩의 의미
10분
16-1
최종 프로젝트 제출
1시간
이미지

김**

강사님의 경험을 들으며, 바이브코딩할 때는 먼 길 돌아갈 일은 없겠다는 확신이 들었어요.

이미지

이**

Cursor에 관심이 있었지만 에러를 해결하지 못해 포기했었는데, 오늘 강의를 통해 다시 도전할 용기가 생겼어요.

이미지

김**

강사님의 설명이 명확해서 이해가 잘됐고, 끝까지 집중할 수 있었어요!

지금 90% 할인가에 시작하세요.