온라인 강의 / AI 웹서비스 만들기 입문

코딩 0줄.
AI에게 시켜서, 내 손으로
진짜 서비스를 만듭니다

Claude Code에게 한국어로 부탁하는 법을 배웁니다.
첫 프로젝트로 독서기록 SNS ‘북노트’를 회원가입·댓글·좋아요부터 인터넷 배포까지 직접 완성합니다.

11개 섹션47개 수업영상 3시간 43분난이도 입문Windows 기준평생 소장
₩49,900런칭가수업당 약 1,060원 · 일회성 결제 · 구독 아님

무료 4강을 먼저 보고 결정하세요. 평생 소장 · 이 강의 업데이트 무료

AI Builder School · 강의 미리보기— □ ×

실제 강의 화면 · 47강 중 발췌무료 4강 전체 보기 →

₩49,900런칭가 · 8월 인상수강 신청
이 강의가 하는 일

이 강의는 코딩을 가르치지 않습니다.
AI에게 시키는 법을 가르칩니다.

“구독은 했는데,
뭘 만들지 모르겠어요”

결제까지 마쳤지만 빈 화면 앞에서 무엇을 어떻게 시켜야 할지 막막합니다.
이 강의는 첫 부탁 문장부터 정해 드립니다.
47강 내내 ‘다음에 할 부탁’이 준비되어 있습니다.

“유튜브는 따라 했는데,
내 것이 안 남아요”

영상이 끝나면 손에 남는 게 없는 경험, 여기서 끝냅니다.
이 강의는 끝까지 따라 하면 인터넷 주소가 있는 내 서비스 ‘북노트’가 실제로 남습니다.

“검은 화면에 영어 한 줄
뜨면 멈춰요”

막힐 수 있다는 전제로 만들었습니다.
에러 문구를 그대로 Claude에게 보여주고 고쳐 달라고 부탁하는 법을 1섹션에서 먼저 익히고 시작합니다.

“혼자라서 막히면
그대로 포기하게 돼요”

수업마다 화면을 그대로 따라가는 별첨 문서(따라하기 가이드)가 붙어 있습니다.
어디서 멈췄는지 확인하고 그 지점부터 다시 시작할 수 있습니다.

수업 방식

부탁하고, 확인합니다.
코드는 AI가 씁니다

01

한국어로 부탁합니다

“읽은 책을 보여주는 목록 페이지를 만들어 줘.”
필요한 건 이 한 문장입니다.

02

AI가 코드를 만듭니다

Claude Code가 파일을 만들고 고칩니다.
파일을 바꾸기 전에는 항상 허락을 묻습니다.

03

눈으로 확인합니다

브라우저에서 결과를 보고, 마음에 안 들면 다시 부탁합니다.
이 반복이 전부입니다.

읽은 책을 보여주는 목록 페이지를 만들어 줘

index.html을 만들고 책 목록 화면을 구성할게요.

index.html 파일을 만들어도 될까요? (y/n)

응, 만들어 줘


완성했어요. 파일을 더블클릭해 브라우저에서 확인해 보세요.

15강 ‘안녕하세요 웹페이지 만들어 더블클릭으로 보기’ 흐름 그대로

현실의 좋은 땅과 건물에는 이미 주인이 있습니다.
하지만 ‘AI’라는 새 땅은 이제 막 열렸습니다.
코딩을 몰라도 AI에게 시켜서 지으면 됩니다.
이 강의에서 첫 건물 ‘북노트’를 올리고 나면, 다음 건물은 당신의 아이디어로 짓게 됩니다.
도구를 빌려 쓰는 사람이 아니라 내 서비스를 소유한 사람이 되는 것.
그것이 이 강의의 목적지입니다.

수강 후 결과물

수업이 끝나면, 인터넷에
내 서비스 ‘북노트’가 살아 있습니다

연습용 예제가 아닙니다.
회원가입부터 배포까지, 아래 기능이 전부 실제로 동작하는 상태로 남습니다.
링크만 보내면 누구나 접속할 수 있습니다.

강의 속 완성된 북노트 화면 · 책 목록과 별점, 좋아요가 보이는 실제 화면
실제 강의 화면 · 1강 ‘완성된 북노트는 이런 모습이에요’
강의 속 Vercel 배포 완료 화면 · 내 인터넷 주소가 발급된 장면
실제 강의 화면 · 45강 ‘주소가 나왔어요’ (Vercel 배포)
회원가입 · 로그인
이메일로 가입하고 로그인·로그아웃까지 동작합니다.
사람마다 자기 공간이 생깁니다.
책 기록 관리
읽은 책을 추가·수정·삭제하고 목록으로 봅니다.
실수 방지 확인창까지 만듭니다.
표지 사진 업로드
표지를 직접 올리고, 없을 때는 기본 이미지가 자동으로 채워집니다.
둘러보기
다른 사람의 독서 기록을 구경하는 둘러보기 화면이 생깁니다.
댓글 · 좋아요
기록에 댓글을 달고 좋아요로 반응합니다.
새 반응은 실시간으로 나타납니다.
권한 관리
내 기록만 수정·삭제할 수 있도록 안전장치를 겁니다.
반응형 디자인
노트북에서도 휴대폰에서도 화면이 자연스럽게 정리됩니다.
인터넷 배포
Vercel로 무료 배포해 전 세계에서 접속되는 공개 주소(URL)를 받습니다.

진짜로 남는 건 북노트를 지으며 익힌 ‘AI로 만드는 법’입니다.
같은 방법으로 두 번째 서비스는 내 아이디어로 만들 수 있습니다.

커리큘럼 · 전체 공개

47개 수업, 순서대로 따라오면
배포까지 도착합니다

환경 준비부터 데이터·로그인·이미지·소셜·배포까지.
모든 수업의 제목과 길이를 그대로 공개합니다.
수업당 3~6분이라 짬짬이 진행할 수 있습니다.

11개 섹션47개 수업영상 3시간 43분무료 맛보기 4수업당 3~6분
01시작하기 전에무료 3강4강 · 15:1201이 강의를 끝내면 무엇이 손에 남는지 본다무료3:3102설치도 없이, 1분 만에 첫 결과물 보기무료4:1703코딩은 안 해요, AI에게 일을 맡긴다는 것무료3:27
04강의 따라가는 법 & 막혔을 때 대처하기3:57
02개발 환경 준비8강 · 32:55
05Claude Code가 무엇이고 무엇을 깔게 되는지 안다4:11
06구독 계정 확인하기4:30
07터미널이 뭔가요, PowerShell 열고 무서움 없애기3:40
08설치 명령 한 줄 입력하기4:14
09새 터미널 열고 설치 잘 됐는지 확인하기3:52
10claude를 못 찾는대요, PATH 문제 해결하기4:30
11처음 claude 실행하고 브라우저로 로그인하기4:09
12(대안) winget으로 설치하는 방법 한눈에3:49
03웹 작동과 첫 요청무료 1강5강 · 21:29
13웹사이트가 화면에 뜨는 원리 (3분 비유)4:29
14Claude에게 첫 부탁: 이 폴더 설명해줘4:03
15안녕하세요 웹페이지 만들어 더블클릭으로 보기무료4:23
16파일을 바꾸기 전 Claude가 허락을 묻는 이유 (승인 모드)4:18
17우리의 작업 골격: 살펴보기→계획→만들기→저장4:16
04프로젝트 기초4강 · 16:56
18북노트 프로젝트 폴더 만들고 시작하기4:05
19첫 화면: 책 목록 페이지 뼈대 만들기4:19
20CLAUDE.md로 프로젝트 규칙 기억시키기 (/init)4:27
21화면 구성이 어떻게 나뉘는지 (역할 분담 개념)4:05
05데이터 · 저장·수정·삭제6강 · 30:55
22데이터베이스가 뭔가요 (엑셀 표 비유)4:55
23책 한 권 저장하기 (입력 폼 만들기)4:39
24저장한 책을 목록으로 보기 (조회·불러오기)4:56
25책 정보 수정하기5:34
26책 기록 삭제하기 (실수 방지 확인창)5:02
27[직접 해보기] 읽는 중·완독 상태 추가하기5:49
06로그인과 인증5강 · 26:49
28왜 로그인이 필요한가 (내 책장은 나만)5:05
29회원가입 화면 만들기 (이메일·비밀번호)5:09
30로그인·로그아웃 만들기5:20
31내 책만 수정·삭제하게 막기 (권한 걸기)5:43
32직접 해보는 내 책장 만들기5:32
07이미지 업로드3강 · 14:12
33사진을 올린다는 게 어떤 일인지5:02
34책 표지 사진 업로드 기능 만들기5:02
35표지 없을 때 기본 이미지 보여주기4:08
08소셜 기능5강 · 24:54
36다른 사람 기록 구경하기 (둘러보기 페이지)4:39
37댓글 남기기 기능 만들기4:57
38좋아요 버튼과 좋아요 수 만들기4:39
39새 댓글·좋아요가 바로 뜨게 (실시간)5:19
40내 글에 알림 표시 붙이기 (직접 해보기)5:20
09디자인3강 · 16:34
41밋밋한 화면을 한 번에 예쁘게 (디자인 입히기)5:17
42휴대폰에서도 잘 보이게 (반응형) 만들기5:46
43내 취향대로 색·제목 바꾸기5:31
10배포 · 세상에 공개하기3강 · 17:00
44배포가 뭔가요 (내 컴퓨터 밖으로 내보내기)5:06
45GitHub에 작업물 올리기5:57
46무료로 진짜 인터넷 주소 만들기 (Vercel 배포)5:57
11마무리1강 · 5:36
47완성 점검 & 앞으로 더 키우는 법5:36

수업마다 화면을 그대로 따라가는 따라하기 별첨 문서가 붙습니다. 자료팩(체크리스트 · 프롬프트 모음 · CLAUDE.md 스타터 · 기본 표지 이미지)도 함께 드립니다.

무료 맛보기 · 지금 바로 재생

4개 수업을 먼저 보고 결정하세요

가입도 결제도 필요 없습니다.
강의의 말투와 속도, 진행 방식이 나에게 맞는지 15분이면 확인할 수 있습니다.

무료 4강 이어서 보기강의실에서 바로 재생됩니다 · 나머지 43강은 수강 신청 후 열립니다
강사 소개

만드는 사람이 직접 가르칩니다

“코딩을 가르치는 게 아니라,
시키는 법을 가르칩니다.”유기범 · AI Builder School 대표 강사
IT 서버관리 · 개발 실무 8년
서비스가 실제로 어떻게 돌아가는지 현장에서 익혔습니다.
AI 강의 2년
코딩을 모르는 분들이 어디서 막히는지 반복해서 마주했습니다.
바이브코딩 실전
AI에게 한국어로 지시해 웹서비스와 앱을 직접 만들어 왔습니다.
병원 · 중소기업 강의·컨설팅
현장의 업무를 실제로 AI로 바꾸는 일을 하고 있습니다.

안녕하세요, 유기범입니다.
저는 8년 동안 IT 서버 관리와 개발 실무를 하면서 ‘서비스가 실제로 어떻게 돌아가는지’를 몸으로 익혔고, 최근 2년은 AI에게 한국어로 지시해 만드는 방식(바이브코딩)으로 웹서비스와 앱을 직접 만들어 왔습니다.

병원과 중소기업에서 강의와 컨설팅을 하며 확인한 게 하나 있습니다.
비개발자가 멈추는 지점은 언제나 비슷하다는 것입니다.
그래서 이 강의는 그 지점들을 순서대로 미리 밟아 봅니다.
PowerShell이 무서운 것부터, 에러 한 줄에 손이 멈추는 것까지요.

왜 하필 독서기록 SNS냐고요?
회원가입, 데이터 저장, 사진 업로드, 댓글과 좋아요, 배포까지, 실제 서비스에 필요한 거의 모든 부품이 이 하나에 다 들어 있기 때문입니다.
북노트를 지어 본 사람은 다음 서비스도 지을 수 있습니다.

유기범 드림

수강 대상

이 강의, 나에게 맞을까요?

맞는 분과 아직 이른 분을 솔직하게 구분했습니다.

이런 분께 맞습니다

넷 중 하나만 해당해도 시작할 수 있습니다.

  • 코딩 경험이 한 줄도 없는 비개발자
  • 컴퓨터가 아주 익숙하지 않은 40~50대, 그 속도에 맞춰 만들었습니다
  • Windows 노트북 한 대로 시작하려는 분 (PowerShell 기준 안내)
  • Claude 구독은 해놨지만 무엇부터 시켜야 할지 몰라 멈춰 있는 분
  • 도구 배우기에서 끝내지 않고 내 서비스 하나를 배포까지 완성하고 싶은 분

이런 내용은 다음 과정에서 다룹니다

이 강의는 ‘첫 서비스 완성’에 집중합니다.

  • 고급 프롬프트 기법 · 추후 ‘Claude 사용교육’에서
  • 개발 업무 자동화 심화 · 추후 ‘Codex 사용교육’에서
  • 여러 AI 도구 비교 활용 · 추후 ‘Antigravity·Cursor 과정’에서
  • 블로그·인스타 콘텐츠 자동화 · 추후 ‘자동화 과정’에서
수강료와 신청

강의 정보와 가격, 전부 공개합니다

수강 방식
온라인 동영상 · 평생 소장 · 이 강의 업데이트 무료
분량
11개 섹션 · 47개 수업 · 영상 3시간 43분 + 직접 만드는 실습 시간
난이도
입문 · 코딩 경험 0줄 기준
기기
Windows 10 이상 노트북/PC (강의 화면이 Windows·PowerShell 기준입니다.
Mac은 설치 화면이 다릅니다)
준비물
Claude 유료 구독 (Pro 또는 Max) · 월 약 US$20(약 3만 원)부터 · 달러 결제 · 수강료와 별도.
영상이 총 3시간 43분이라 첫 달 구독만으로도 완강할 수 있습니다
무료 계정
GitHub · Vercel (강의 중에 무료 가입을 화면 그대로 안내합니다)
자료팩
체크리스트 · 프롬프트 모음 · CLAUDE.md 스타터 · 기본 표지 이미지
환불
결제 후 7일 이내·수강 전(진도 0%)이면 전액 환불, 7일 이내·1/3 미만 수강은 부분 환불 정책 전문 보기

7월 한정 런칭가 ₩49,900입니다.
8월부터 강사 직접 시연 영상(유튜브 가이드)이 추가되며 ₩89,000으로 인상 예정입니다.
지금 구매하면 이 강의(북노트)에 추가되는 강사 영상도 무료로 받습니다.

AI 웹서비스 만들기 입문 · 평생 수강

₩49,900런칭가

일회성 결제 · 구독 아님 · 47강 기준 수업당 약 1,060원

지금은 계좌이체로 신청 가능합니다.

  • 전체 47개 수업 (11개 섹션 · 영상 3시간 43분)
  • 수업별 따라하기 별첨 문서 + 자료팩 4종
  • 평생 소장 + 이 강의 업데이트 무료
  • 결제 후 7일 이내·수강 전이면 전액 환불
런칭가 ₩49,900 수강 신청

결제 즉시 전체 47강이 열립니다 · 지금이 가장 저렴한 런칭가입니다 · 먼저 무료 4강을 보셔도 됩니다

자주 묻는 질문

“코딩을 한 줄도 모르는데, 정말 되나요?”

가장 많이 받는 질문들에 강사가 직접 답합니다.

Q1코딩을 정말 몰라도 되나요?

네, 됩니다.
이 강의에서 코드를 직접 쓰는 일은 없습니다.
Claude Code에게 한국어로 ‘무엇을 만들고 싶은지’ 부탁하면 코드는 AI가 씁니다.
터미널 경험도 필요 없습니다.
섹션 2에서 PowerShell에 대한 두려움부터 같이 없앤 뒤, 설치 명령 한 줄을 함께 입력합니다.

Q2Claude 구독이 꼭 필요한가요? 추가 비용은요?

네, Claude 유료 구독(Pro 또는 Max)이 필요하고 이 비용은 수강료와 별도입니다.
Pro 기준 월 약 US$20(약 3만 원)이며 달러로 결제됩니다.
무료 플랜으로는 강의 흐름을 그대로 진행하기 어렵습니다.
영상이 총 3시간 43분이라 첫 달 구독만으로도 완강할 수 있습니다.
그 외 GitHub·Vercel 계정은 무료이고, 만드는 방법을 강의에서 화면 그대로 안내하니 미리 준비하지 않으셔도 됩니다.

Q3Windows만 되나요? Mac은요?

강의 화면과 설치 안내는 Windows(PowerShell) 기준입니다.
AI에게 부탁해 만드는 흐름 자체는 Mac에서도 같지만, 설치·실행 화면이 달라 처음 그대로 따라 하시기에는 Windows 노트북을 권합니다.

Q4시간이 얼마나 걸리나요?

영상은 47개 수업, 총 3시간 43분입니다.
수업 하나가 3~6분이라 짬짬이 볼 수 있고, 여기에 직접 따라 만드는 실습 시간이 더해집니다.
평생 소장이라 마감 없이 본인 속도로 진행하면 됩니다.

Q5중간에 막히면 어떻게 하나요?

막힐 수 있다는 전제로 설계했습니다.
섹션 1에 ‘막혔을 때 대처법’ 수업이 따로 있어서, 에러가 나면 그 문구를 그대로 Claude에게 보여주고 고쳐 달라고 부탁하는 방법을 처음부터 익힙니다.
수업마다 붙는 따라하기 별첨 문서로 멈춘 지점부터 다시 시작할 수 있습니다.

Q6보기만 하고 끝나지 않을까요?

이 강의의 결과물은 지식이 아니라 ‘동작하는 서비스’입니다.
회원가입·로그인, 기록 추가·수정·삭제, 표지 업로드, 댓글·좋아요까지 들어간 북노트를 직접 만들고 Vercel로 배포해 공개 주소를 갖게 됩니다.
여러 섹션에 [직접 해보기] 과제가 있어 손으로 익히게 됩니다.

Q7무료 맛보기에서는 무엇을 보나요?

4개 수업입니다.
① 완성된 북노트 미리보기 ② 설치 없이 1분 만에 첫 결과물 ③ ‘코딩은 안 해요, AI에게 맡긴다는 것’ ④ 첫 웹페이지를 만들어 더블클릭으로 열어 보기.
전체 커리큘럼도 이 페이지에 전부 공개되어 있으니, 분위기와 진행 방식을 확인한 뒤 결정하시면 됩니다.

Q8환불은 어떻게 되나요?

결제 후 7일 이내에 강의를 하나도 수강하지 않았다면(진도 0%) 전액 환불됩니다.
7일 이내에 전체의 1/3 미만을 수강했다면 부분 환불됩니다.
자세한 기준과 신청 방법은 환불·취소 정책 전문에 그대로 적어 두었습니다.

Q9카드 결제는 안 되나요?

결제사(토스페이먼츠) 심사가 진행 중이라 지금은 계좌이체로 신청할 수 있습니다.
심사가 끝나는 대로 카드·간편결제가 열립니다.
입금 확인은 문자 한 통이면 충분합니다.

다음 과정

Claude 활용 심화 · 또 다른 AI 코딩 도구 (Codex·Cursor) · 블로그·인스타 자동화 · 이 입문 과정 수강생에게 먼저 열립니다

지금 시작하기

도구를 빌려 쓰는 사람에서,
내 서비스를 가진 사람으로

코딩 0줄로 첫 서비스를 직접 완성하는 입문 강의.
무료 4강으로 먼저 확인하세요.

8월부터 ₩89,000 · 지금이 마지막 런칭가

AI Builder School | 코딩 0줄, AI에게 시켜서 만드는 내 웹서비스