所有课程
바이브코딩 입문 2026년 3월 출시

클로드 코드로 레일즈 풀스택 개발

코드를 한 줄도 쓰지 않고, AI와 함께 풀스택 개발 지식과 경험을 쌓는 강의입니다. Ruby on Rails와 Claude Code를 활용해 모임 플랫폼을 완성합니다.

5.0
价格
45% 199,000원
109,000韩元
수강기간 1년 (결제일로부터 365일)
후 강의료가 인상됩니다
29
课程
3시간 47분
总时长
입문
难度
登录后支付

课程简介

무료 미리보기 4개 제공

아래 커리큘럼에서 미리보기 레슨을 먼저 들어보세요

혹시 이런 고민, 하고 계신가요?

아이디어는 있는데 만들 수가 없다

개발 공부를 시작했는데 6개월이 지나도 뭘 만들 수가 없다

외주 맡기자니 수백만 원, 사이드 프로젝트에 쓰기엔 너무 비싸다

AI로 코딩한다는데 어떻게 하는 건지 모르겠다

포트폴리오에 보여줄 게 아무것도 없다

A frustrated person sitting at a desk surrounded by scattered sticky notes and tangled code on a laptop screen, looking overwhelmed, warm orange ambient lighting

AI 시대, 코딩을 배우는 방법이 완전히 바뀌었습니다

기존 웹 개발 학습 기간

6개월~1년

바이브코딩으로 첫 서비스 완성

이 강의 하나

코드를 한 줄도 직접 쓰지 않고, AI에게 말로 지시해서 웹 서비스를 만들 수 있습니다.

이 강의를 듣고 나면

코드 없이 실제 웹 서비스를 만들고 배포할 수 있게 됩니다

웹의 동작 원리를 이해

서버, 데이터베이스, API가 더 이상 외계어가 아닙니다

AI에게 정확한 지시를 내리는 법

좋은 프롬프트와 나쁜 프롬프트의 차이를 알게 됩니다

풀스택 웹 서비스 완성

회원가입, 댓글, 채팅, 이미지 업로드까지 갖춘 완전한 서비스

인터넷에 배포까지

내가 만든 서비스 주소를 친구에게 보내줄 수 있어요

강사 소개

제임스

개발 에이전시 대표 · YouTube 13,000+ 구독자

· 연세대학교 컴퓨터과학 전공, 20년차 개발자

· 스타트업 CTO 출신, Ruby on Rails 실무 경험 다수

· 개발 에이전시 창업, 연 매출 20억 원 이상

· 비개발자에게 웹 개발 원리를 쉽게 설명하는 강의 다수 진행

"코딩을 몰라도 웹 서비스를 만들 수 있는 시대가 왔습니다. 중요한 건 코드를 아느냐가 아니라, 문제를 해결하는 서비스를 만들 수 있느냐예요."

이 강의를 만든 이유

에이전시를 운영하면서 수많은 비개발자 대표님들을 만났습니다. 아이디어는 훌륭한데, "개발자를 구할 수 없어서" 시작조차 못 하는 분들이 너무 많았어요.

그러다 AI 코딩 도구가 나왔고, 직접 써보니 깜짝 놀랐습니다. 특히 Ruby on Rails와 AI의 조합은 비개발자도 실제 동작하는 서비스를 만들 수 있을 만큼 강력했어요.

"이걸 알려주면 진짜 많은 사람이 자기 아이디어를 직접 만들 수 있겠다" — 그 확신이 이 강의의 시작이었습니다.

A person having a lightbulb moment while looking at a laptop screen showing AI generating code, transitioning from darkness to bright warm orange light

학습 로드맵

STEP 1

준비하기

왜 Rails + AI 조합인지 이해하고, 개발 환경을 세팅합니다 (맥/윈도우 모두 지원)

STEP 2

웹의 원리 이해하기

웹사이트 동작 원리, MVC 패턴을 배우고 Claude Code 사용법을 익힙니다

STEP 3

핵심 기능 만들기

CRUD, 회원가입/로그인, 댓글, 참가 신청, 이미지 업로드를 구현합니다

STEP 4

실시간 기능과 디자인

Hotwire(실시간 기능 도구)로 채팅을 만들고, Tailwind CSS로 디자인을 입힙니다

STEP 5

세상에 공개하기

서비스를 서버에 올려서 누구나 접속할 수 있게 배포합니다

A winding path going upward with five milestone flags, each step showing progress from setup to deployment, warm orange gradient sky in background

강의에서 직접 만드는 서비스: 모여봐

이론만 배우지 않습니다. 모임 플랫폼 "모여봐"를 처음부터 끝까지 직접 만들면서 배웁니다. 코딩을 전혀 몰라도 AI에게 말로 지시하면 됩니다.

모임 CRUD

만들기, 보기, 수정, 삭제 + 카테고리 필터

회원가입 & 로그인

Rails 8 내장 인증, 권한 관리

댓글 & 참가 신청

데이터 관계를 활용한 소셜 기능

이미지 업로드

모임 이미지, 프로필 사진

실시간 채팅

새로고침 없이 메시지가 바로 표시

반응형 디자인

모바일, 태블릿, PC 모두 대응

이걸 직접 만들면 얼마의 가치가 있을까요?

모임 플랫폼 (CRUD + 카테고리) 300만원 상당
회원가입/로그인 + 권한 관리 200만원 상당
댓글, 참가 신청, 이미지 업로드 200만원 상당
실시간 채팅 기능 300만원 상당
반응형 디자인 + 서버 배포 200만원 상당
외주 의뢰 시 총 비용 1,200만원 이상
Multiple floating screens showing a completed community meetup platform with user profiles, event listings, chat interface, and mobile responsive views

왜 Ruby on Rails + AI인가?

풀스택: 한 도구로 전부 해결

화면, 데이터, 로그인, 실시간 기능까지 Rails 하나로 만듭니다. 여러 도구를 조합할 필요 없어요.

AI 궁합 최강: 규칙이 명확해서 AI가 실수를 적게

같은 기능을 만들 때 다른 도구는 파일 30~50개, Rails는 15~20개. AI가 더 정확하게 작업합니다.

20년 검증: GitHub, Shopify, Airbnb가 선택

20년간 쌓인 방대한 데이터로 AI가 Rails를 매우 잘 이해합니다.

숫자로 보는 강의 내용

29

수업 수

10

섹션

2개

실습 과제

0줄

직접 쓰는 코드

이런 분들을 위한 강의입니다

아이디어를 직접 만들어보고 싶은 비개발자

바이브코딩을 제대로 배우고 싶은 분

포트폴리오가 필요한 취준생·직장인

사이드 프로젝트나 MVP를 빠르게 만들고 싶은 창업자

이런 분에겐 맞지 않을 수 있어요

· 이미 Rails 개발 경험이 있는 현직 개발자

· React, Next.js 등 프론트엔드 프레임워크를 깊이 배우고 싶으신 분

· 코드를 직접 작성하는 전통적인 개발 학습을 원하시는 분

Before → After

BEFORE

코딩을 몰라서 아이디어만 쌓임

AFTER

AI에게 말로 지시해서 직접 만듦

BEFORE

서버? 데이터베이스? API? 무슨 말인지 모름

AFTER

웹의 동작 원리를 이해하고 설명 가능

BEFORE

AI에게 "만들어줘"만 반복, 엉뚱한 결과

AFTER

정확한 프롬프트로 원하는 기능 구현

BEFORE

내 컴퓨터에서만 작동, 보여줄 수 없음

AFTER

인터넷에 배포, URL로 누구에게나 공유

BEFORE

포트폴리오에 보여줄 게 없음

AFTER

"이 서비스를 제가 AI와 함께 만들었습니다"

Split scene showing a confused person with question marks on the left transforming into a confident person presenting a completed web app on a large screen on the right, warm orange tones

상세 커리큘럼

섹션 1

소개

강의 소개: 코드 없이 AI로 웹 서비스 만들기
왜 Rails와 AI의 조합인가: 바이브코딩에 최적인 이유
섹션 2

개발 환경 준비하기

개발에 필요한 도구 알아보기: Cursor, Claude Code, Ruby, Rails
맥에서 개발 환경 세팅하기 시연
윈도우에서 개발 환경 세팅하기 시연
섹션 3

웹 개발 기초와 첫 앱

웹사이트가 동작하는 원리: HTTP, URL, 서버, HTML/CSS
첫 번째 Rails 앱 만들기 시연
Claude Code로 개발하는 법: 좋은 프롬프트, 되돌리기, 에러 대처 시연
섹션 4

모임 서비스 시작하기

MVC 패턴 이해하기: Route, Controller, Model, View의 역할
모임 목록과 상세 페이지 만들기 시연
섹션 5

데이터베이스와 CRUD

데이터베이스란 무엇인가: 테이블, 컬럼, Migration, SQLite
모임 데이터 저장하기 시연
모임 만들기, 수정, 삭제 완성하기 시연
CRUD 실습: 카테고리 기능 추가하기 실습
섹션 6

회원가입과 로그인

로그인은 어떻게 작동하는가: 세션, 쿠키, 해싱의 원리
회원가입과 로그인 만들기: Rails 8 내장 인증 활용 시연
내 모임만 수정할 수 있게 하기: 권한 관리 시연
섹션 7

기능 확장하기

데이터끼리 연결하기: 1:N과 N:M 관계의 이해
댓글과 참가 신청 기능 만들기 시연
이미지 업로드 구현하기: Active Storage 활용 시연
추가 기능 만들기 실습: 검색, 좋아요, 인원 제한 실습
섹션 8

실시간 기능과 Hotwire

실시간 웹의 원리: WebSocket, Hotwire, Turbo Streams
실시간 채팅과 알림 만들기: ActionCable 활용 시연
섹션 9

디자인 입히기

Tailwind CSS로 예쁘게 꾸미기: 카드, 폼, 레이아웃 디자인 시연
모바일 대응과 인터랙션 추가하기: 반응형, 햄버거 메뉴, 호버 효과 시연
섹션 10

세상에 공개하기

배포란 무엇인가: 서버, 도메인, HTTPS, Docker의 이해
맥에서 서비스 배포하기: DigitalOcean + Kamal 시연
윈도우에서 서비스 배포하기: WSL + Docker Desktop + Kamal 시연
마무리

마무리

바이브코딩의 다음 단계: 더 만들 수 있는 것들과 학습 방향

수강생 후기

★★★★★

"코딩을 전혀 몰랐는데 진짜로 웹 서비스를 완성했어요. 식당, 놀이공원 비유로 설명해주셔서 서버나 데이터베이스 같은 개념이 바로 이해됐습니다."

이○○ · 비전공자, 사이드 프로젝트 시작

★★★★★

"다른 강의에서 React로 3개월 배웠는데 아무것도 못 만들었어요. 이 강의는 첫 주에 이미 동작하는 서비스가 나왔습니다."

김○○ · 개발 공부 재도전

★★★★★

"창업 아이디어가 있었는데 외주 비용이 부담됐어요. 이 강의 듣고 MVP를 직접 만들어서 투자자에게 보여줄 수 있게 됐습니다."

박○○ · 예비 창업자

혹시 이렇게 생각하고 계신가요?

"바이브코딩으로 진짜 쓸 만한 서비스가 만들어질까?"

CRUD, 로그인, 실시간 채팅, 배포까지 갖춘 완전한 서비스를 만듭니다. GitHub, Shopify도 Rails로 만들었어요.

"나는 코딩 센스가 없어서 안 될 거야"

코드를 직접 쓰지 않습니다. AI에게 말로 지시하면 됩니다. 인테리어 디자이너에게 설명하는 것과 같아요.

"지금 시작해도 너무 늦은 거 아닐까?"

AI 코딩 도구는 지금이 가장 초기입니다. 지금 시작하는 사람이 가장 빠른 사람이에요.

자주 묻는 질문

코딩을 전혀 몰라도 수강할 수 있나요?

네. 비개발자를 위해 만든 강의입니다. 모든 개념을 식당, 놀이공원, 엑셀 같은 일상의 비유로 설명하고, AI가 코드를 작성합니다.

맥이 아니라 윈도우인데 괜찮나요?

네, 맥과 윈도우 모두 지원합니다. 개발 환경 세팅과 배포 수업이 각각 별도로 있어요.

Ruby on Rails를 직접 배워야 하나요?

아니요. 코드를 직접 배우지 않습니다. 웹의 동작 원리와 MVC 구조만 이해하면 AI에게 정확한 지시를 내릴 수 있어요.

Claude Code는 유료인가요?

Claude Code는 월 구독 비용이 있지만, 바이브코딩에 가장 효과적인 도구입니다. 배포에 사용하는 서버는 월 $4(약 5,000원)이고, 가입 시 $200 크레딧을 받아 약 2달간 무료입니다.

강의를 듣고 다른 서비스도 만들 수 있나요?

네. 이 강의에서 배우는 CRUD, 인증, 데이터 관계, 실시간 기능, 배포가 거의 모든 웹 서비스의 기반이에요. 블로그, 쇼핑몰, 예약 시스템 등 원하는 서비스를 만들 수 있습니다.

시작에 부담이 없도록

무료 미리보기

강의 소개, 왜 Rails + AI인지, 웹 동작 원리, MVC 패턴, 모임 페이지 만들기 — 5개 수업을 무료로 확인하세요.

선수 지식 불필요

코딩 경험이 전혀 없어도 괜찮습니다. 중학생도 이해할 수 있는 수준으로 설명합니다.

맥/윈도우 모두 지원

어떤 컴퓨터를 쓰시든 따라올 수 있습니다. 환경 세팅부터 배포까지 OS별로 안내합니다.

A welcoming open door with warm orange light streaming through, showing a clear easy path forward with stepping stones, inviting and low barrier

코드 없이 웹 서비스를 만드는 가장 확실한 방법

코딩을 몰라도, 비개발자도 따라만 하면 됩니다.

수강 신청 후 첫 강의를 바로 시작하세요. 이 강의가 끝나면 "이 서비스를 제가 AI와 함께 만들었습니다"라고 말할 수 있습니다.

课程大纲 29节课

소개

2节课

개발 환경 준비하기

3节课

웹 개발 기초와 첫 앱

3节课

모임 서비스 시작하기

2节课

데이터베이스와 CRUD

4节课

회원가입과 로그인

3节课

기능 확장하기

4节课

실시간 기능과 Hotwire

2节课

디자인 입히기

2节课

세상에 공개하기

3节课

마무리

1节课

수강생 후기 5.0

5.0
2개 리뷰
5
4
3
2
1
뉴비
约1个月 전

너무재밌고 신기해요!!

이성훈
约2个月 전

클로드 코드로 레일즈 풀스택 개발

코드를 한 줄도 쓰지 않고, AI와 함께 풀스택 개발 지식과 경험을 쌓는 강의입니다. Ruby on Rails와 Claude Code를 활용해 모임 플랫폼을 완성합니다.

登录后支付
클로드 코드로 레일즈 풀스택 개발
109,000韩元