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

90%17,900원

179,000원

이 과정은 고용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)

과정 구성 안내

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

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

실습 도구 안내

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

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

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

수강생 전용 커뮤니티 입장하기

모두의연구소 바이브 코딩 소통방에서

다른 수강생들과 자유롭게 콘텐츠를 공유하고,

수강 중 어려운 점도 함께 질문하며 해결해보세요!

함께 배우고 성장하는 커뮤니티가 여러분을 기다리고 있어요 🙌

👉 카카오톡 소통방 입장하기

크리에이터

김정현

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

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

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

커리큘럼

입문

11시간 38분

노드 01

바이브 코딩이란?

AI 코딩 도구인 Cursor와 바이브 코딩 방식을 이해하고, 초보자도 자신만의 AI 웹앱을 만들 수 있도록 전체 개발 흐름을 확인합니다.

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분

노드 02

바이브 코딩을 위한 개발 환경 세팅

AI 기반 개발을 위한 기본 환경을 직접 구축해 봅니다. 초보자도 따라할 수 있는 Cursor, Node.js, Git 등의 설치 및 설정 과정을 실습하며, 운영체제별 환경 차이를 이해합니다.

2-1

개발환경 구성: Cursor 설치

10분

2-2

개발환경 구성: Node 설치

10분

2-3

개발환경 구성: Git 설치

10분

2-4

개발환경 구성: MacOS

10분

노드 03

바이브 코딩을 위한 클라우드 세팅

Google Cloud Platform과 네이버 클라우드를 활용해 가상 머신을 만들고, 원격 서버에 AI 개발 환경을 구축합니다.

3-1

개발환경 구성: 클라우드 VM - GCP

10분

3-2

개발환경 구성: 클라우드 VM II - NCP

10분

3-3

개발환경 구성: 클라우드 OS에서 node 설치하기

5분

3-4

강의 자료 소개

5분

노드 04

서비스 아키텍처 구축하기

Cursor를 활용한 Vibe Coding을 시작합니다. 챗봇을 직접 개발하고, SvelteKit과 Vercel을 이용한 배포까지 전체 개발 흐름을 실습합니다.

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분

노드 05

UI 구현과 API 활용법

자연어 프롬프트, 이미지, 개발자 도구 등을 활용하여 챗봇 UI와 음성 기능을 구현하고, LLM을 통한 코딩 자동화 및 오류 해결 전략을 익힙니다.

5-1

첫 바이브 코드

5분

5-2

UI 다듬기

15분

5-3

파일 컨텍스트 사용법

10분

5-4

API 문서 활용법

15분

5-5

API 구현 및 연결

15분

5-6

Vibe Tactics: 정신일도 하사불성

5분

노드 06

바이브 코딩에서의 디버깅과 배포

ChatGPT API 연동부터 디버깅, 실시간 연결 상태 구현, Vercel을 활용한 배포까지 챗봇의 전 과정을 자동화하고 공개하는 실습을 수행합니다.

6-1

환경변수 정의

5분

6-2

디버거 구현

10분

6-3

API 연결과 챗봇 구현

5분

6-4

배포의 의미

10분

6-5

vercel 가입, 설치 및 배포

5분

노드 07

Git과 Supabase 활용

Supabase와 Git을 연동하여 사용자 정보 관리, AI 챗봇 기능 구현, 실시간 통신 기능을 갖춘 웹앱을 노코드로 개발하는 전 과정을 경험합니다.

7-1

전체 프로젝트 아키텍처 확장 설명

5분

7-2

git 커맨드라인 사용법 회고

15분

7-3

Supabase 가입부터 DB 테스트까지

30분

7-4

데이터베이스 저장 테스트해보기

10분

7-5

주석 달기, 테스트 페이지 삭제

5분

7-6

Vibe Tactics: 검색 기반 답변요청

5분

노드 08

회원 가입과 로그인 기능 구현

이메일/구글 로그인 기능을 구현하고, SMTP 설정을 통해 인증 메일 제한 문제를 해결하며 실시간 로그인 시스템을 완성합니다.

8-1

UI 구현하기

5분

8-2

UI 테스트하기

15분

8-3

리다이렉션 경로 설정하기

15분

8-4

확인 메일 테스트하기

10분

8-5

SMTP 설정하기

10분

노드 09

개인화된 대화 기록 구현

챗봇 서비스에 필요한 대화 데이터, 세션, 사용량 등을 효과적으로 저장하고, LLM 기반 챗봇의 구조와 효율적인 개발 전략을 설계합니다.

9-1

필요한 DB 목록과 내용 검토

10분

9-2

기록용 DB 테이블 생성

20분

9-3

대화 기록 UI 구현

10분

9-4

대화 기록 구현 돌아보기

10분

9-5

Vibe Tactics: 빅 스텝 스몰 스텝

5분

노드 10

챗봇 프롬프트 커스터마이징

AI 챗봇의 톤과 프롬프트를 사용자 맞춤형으로 저장하고, 대형 코드 베이스를 컴포넌트화하여 유지보수 효율을 높이는 리팩토링 전략을 배웁니다.

10-1

여러 톤 설정하기

5분

10-2

대화 기록에 프롬프트 톤 기록하기

15분

10-3

나만의 대화 프롬프트 저장해서 쓰기

15분

10-4

긴 코드 파일 리팩토링하기

10분

노드 11

개인 정보 보호 정책 구현 및 리팩토링

AI 서비스의 개인정보 처리, 요금 계산, 사용자 동의 처리 등 실 서비스에 필요한 기능을 추가하며 보안성과 완성도를 높입니다.

11-1

개인 정보 보호 정책 구현하기

5분

11-2

약관 동의 구현하기

15분

11-3

Vibe Tactics: 코드, 파일의 적절한 리팩토링

5분

노드 12

사용 화면 고도화

API 사용량, 토큰, 비용 데이터를 시각화하여 대시보드에서 실시간 확인하고, 오픈AI와 개인 기록을 비교하여 정확한 지출 관리를 실현합니다.

12-1

개인 정보 관리

10분

12-2

사용량 및 요금 계산

5분

12-3

API 사용량 관리하기

15분

12-4

API 데이터 추적하기

15분

노드 13

배포 및 프로젝트 클로닝

관리자 페이지를 구축하고, 사용자 접근 제한, 통계 기능, 버그 디버깅 등을 수행합니다.

13-1

배포 및 구현 마일스톤 점검

5분

13-2

관리자 페이지 프로젝트 클로닝 1

10분

13-3

관리자 페이지 프로젝트 클로닝 2

10분

13-4

Show your hidden vibe

10분

노드 14

관리 페이지 구현

DB 및 관리자 권한 설정을 통해, 보안 강화, 실시간 통계 컴포넌트 개발, 보안 취약점 분석 등 서비스 운영에 필요한 고급 기능을 구현합니다.

14-1

관리자 기능 구현하기

5분

14-2

사용량 조회 페이지 구현하기

10분

14-3

API 사용량 시각화하기

10분

14-4

서비스 보안 검증하기

10분

노드 15

전체 아키텍쳐 리뷰 및 마무리

AI 기반 음성 챗봇을 상용화하기 위한 기능 고도화, 사용자 분석 및 결제 연동을 실습하고, 바이브 코딩을 통해 미래 개발 흐름에 대비합니다.

15-1

전체 아키텍쳐 리뷰

10분

15-2

서비스 고도화 가이드

5분

15-3

바이브 코딩의 의미

10분

노드 16

최종 프로젝트 제출

지금까지 학습한 AI 코딩 도구(Curator, Vercel, Supabase 등)를 활용하여 직접 챗봇 웹 서비스를 제작하고 인터넷에 배포합니다. 단순히 동작하는 코드 수준을 넘어서, 실제 외부 사용자가 접근 가능한 서비스로 완성하는 것을 목표로 합니다.

16-1

최종 프로젝트 제출

1시간

수강 후기

김**

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

이**

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

김**

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

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

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

바이브 코딩 로드맵

이런 고민이 있나요?

이렇게 성장할 수 있어요!

강의 맛보기

프로젝트 맛보기

과정 구성 안내

실습 도구 안내

수강생 전용 커뮤니티 입장하기

크리에이터

커리큘럼

수강 후기

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