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, 서비스 운영자

아**

프로젝트 맛보기

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

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

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

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

강의 미리보기

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

크리에이터

김정현

풀스택 프로덕트 개발자 & 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시간

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