hero-section-background
hero-section-image

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

90%17,900
179,000

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

훈련과정 탐색표 보기

권장 수강 대상

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

카테고리

🪙 국비지원

수강시간

11시간 38분

강의수

16개

강의 소개

커리큘럼

수강후기

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

🎁 수강하면 얻을 수 있는 것

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

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


코딩이 처음이어도 AI 코딩 도구 Cursor와 바이브 코딩 방식으로 챗봇부터 회원관리, 관리자 페이지, 배포까지 직접 완성해 보세요.

AI와 함께 만들고 수정하며 배우는 실전 프로젝트를 통해,


"내 서비스가 실제로 동작한다!"는 첫 개발 경험을 만들 수 있습니다.

왜 지금, 이 과정이어야 할까요?


1️⃣ AI와 함께하는 풀스택 개발 경험

Cursor를 활용한 바이브 코딩으로 프론트엔드, 백엔드, 데이터베이스, 클라우드까지 AI와 협업하며 개발하는 전 과정을 경험합니다.



2️⃣ 결과물 중심의 실전 프로젝트

챗봇 개발부터 회원가입·로그인, 관리자 대시보드, 배포까지 실제 서비스 운영에 필요한 기능을 직접 구현하고 인터넷에 배포합니다.



3️⃣ 서비스 개발의 전체 흐름을 한 번에

개발 환경 구축부터 Git, Supabase, API 연동, 디버깅, 배포, 프로젝트 완성까지 실제 AI 웹서비스 제작의 Full Cycle을 경험할 수 있습니다.

어떤 강의를 들어야 할지 고민되시나요?

국비지원 바이브 코딩 웹 개발 학습 추천 로드맵

TIP. 바이브 코딩이나 웹 개발이 처음이라면 순차적 수강을 권장드립니다.

[국비지원] 바이브 코딩 과정 확인하기

비개발자도 할 수 있는  바이브 코딩 업무 자동화

비개발자도 할 수 있는 바이브 코딩 업무 자동화

업무에 활용하는 모든 바이브 코딩을 한번에! Python, GAS, VBA, 웹 스크랩핑까지

AI와 함께 코딩하자!  인공지능/데이터 커리어 첫걸음

AI와 함께 코딩하자! 인공지능/데이터 커리어 첫걸음

Python 기초부터 머신러닝/딥러닝까지 AI 직무 전체 흐름을 한번에!

비개발자도 할 수 있는  바이브 코딩 웹 개발

비개발자도 할 수 있는 바이브 코딩 웹 개발

나만의 웹 페이지를 만들고 싶다면? 바이브 코딩으로 개발 입문하기!

바이브 코딩 with Cursor:  챗봇, DB 배포까지

바이브 코딩 with Cursor: 챗봇, DB 배포까지

실시간 영어 회화 챗봇, DB , 회원 가입 등 실제 서비스를 바이브 코딩으로 구현해요

이런 고민이 있나요?

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

이미지
부트캠프 수강생

수**

로그인, 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)

과정 구성 안내

본 과정은 아래의 강의를 기반으로 재구성한 과정입니다.

Vibe Coding Pro: Cursor로 완성하는 AI 챗봇 서비스

실습 도구 안내

본 강의에서는 다양한 AI 도구 활용 사례를 제공하고 있습니다.

이에 따라 일부 실습 도구는 유료 구독이 필요합니다.


  1. OpenAI api 사용을 위한 충전이 필요합니다. (최대 5$ 이내로 실습 가능)
  2. Cursor 유료 모델 구독 필요. (1주 간 유료 모델 체험 가능)

이런 스킬을 배울 수 있어요

Cursor

Node.js

GitHub

Supabase

Vercel

SvelteKit

Google Cloud Platform

Naver Cloud Platform

크리에이터

김정현

풀스택 프로덕트 개발자 & 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
바이브 코딩 툴 (IDE, Agent) 이해
10분
3-2
어떤 바이브 코딩 툴이 좋을까?
10분
3-3
Cursor 기초 사용방법
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% 할인가에 시작하세요.