(주)글로벌비전 아카데미

혼자 공부하는 바이브 코딩 with 클로드 코드 |

Fri, 22 May 2026 06:26:24 +0000

"코드는 AI가 짜는 시대, 어쩌면 이 책이 마지막 코딩 책이 될지도 모릅니다."

코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.

'무엇을 만들고 싶은지'에 집중하는 순간, 클로드 코드가 함께 움직이기 시작합니다. 지금, 첫 프롬프트를 입력해 보세요. ୧( “̮ )୨

『혼자 공부하는 바이브 코딩 with 클로드 코드』
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube

#바이브코딩 #클로드코드 #AI

[바이브 코딩 입문 강의] 1강. 바이브 코딩의 시작과 효과적인 프롬프트 작성법

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 01. 나의 첫 바이브 코딩
Ch 02. 효과적인 프롬프트로 AI 200% 활용하기

01:01 강의의 순서와 전체 내용
02:46 강의 개요
03:03 ✦[PART 1. 바이브 코딩의 개념]
03:10 바이브 코딩이란?
04:07 AI 코딩 도구의 종류
05:42 AI 어시스턴트의 발전 과정
07:00 ✦[PART 2. 클로드로 웹페이지 만들기]
07:08 아티팩트(Artifacts) 기능
08:24 클로드 아티팩트로 웹페이지 만들기
11:33 웹페이지 수정하기
12:51 커스터마이즈 기능으로 개성 더하기
13:52 ✦[PART 3. 효과적인 프롬프트 작성법]
14:02 프롬프트의 중요성
14:35 좋은 프롬프트의 3가지 조건
15:03 5W1H 프레임워크
15:44 PRD(Product Requirements Document)
17:10 PART 4. 마케팅 포트폴리오 제작
17:17 PRD(제품 기획서) 초안 작성하기
18:02 단계별 프롬프트 요청하기
22:43 4단계 전략
23:32 마무리: 핵심 키워드

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #프롬프트 #PRD #5W1H

[바이브 코딩 입문 강의] 2강. 클로드 코드 시작하기

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 03. 클로드 코드 시작하기

00:13 강의 개요
00:35 ✦[PART 1. 클로드 코드 설치하기]
00:38 실습 환경 준비: 두 가지 필수 도구(Node.js, Git)
01:30 Node.js 설치(https://nodejs.org/ko)
02:32 Git 설치(https://git-scm.com)
03:18 터미널 실행하기
05:15 클로드 코드 설치
08:21 ✦[PART 2. 손글씨 인식 프로그램 만들기]
08:37 MNIST 데이터세트
09:57 프로젝트 폴더 준비하기
13:23 MNIST 데이터세트로 숫자 인식 프로그램 만들기
17:55 독립적인 실행 파일 만들기
20:00 ✦[PART 3. CLAUDE.md로 프로그램 확장하기]
20:17 CLAUDE.md 파일의 역할
21:01 CLAUDE.md 파일 만들기
25:09 계층적 구조 활용하여 웹 버전 손글씨 인식 프로그램 만들기
30:00 핵심 키워드 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #Node.js #Git #MNIST #손글씨인식프로그램

[바이브 코딩 입문 강의] 3강. 클로드 코드 실전 활용

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 04. 클로드 코드 실전 활용

00:38 ✦[PART 1. 단계별 프롬프트와 할 일 관리 앱]
00:49 단계별 프롬프트 전략
01:34 클로드 웹에서 PRD 작성하기
03:11 PRD를 클로드 코드 프롬프트로 변환하기
04:32 단계별 프롬프트 실행하기
12:30 클로드 초기 설정 명령어
13:19 ✦[PART 2. 작업 재개와 효율성 높이기]
13:55 세션 재개하기
16:02 컨텍스트 관리하기
19:12 컨텍스트 압축하기
19:32 ✦[PART 3. 프로젝트 개선과 작업 관리]
19:38 이미지로 UI 개선하기(멀티모달)
19:58 캡처 이미지로 데스크톱 버전 앱의 UI 개선하기
22:30 참조를 통해 코드 빠르게 점검하기
23:57 클로드 코드 프로젝트 관리하기
25:59 핵심 키워드 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #세션 #컨텍스트 #멀티모달

[바이브 코딩 입문 강의] 4강. 게임 제작으로 배우는 체계적인 개발과 관리

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 05. 게임 제작으로 배우는 체계적인 개발과 관리

00:14 강의 구성
00:46 ✦[PART 1. 할루시네이션 없는 AI 콘텐츠]
01:17 1단계: 퀴즈 게임 구현하기
02:00 미니 게임을 위한 PRD 작성하기
05:53 퀴즈 게임 구현하기
07:49 게임 테스트
08:59 할루시네이션(Hallucination)이란?
10:13 프로젝트 라이브 데모(https://github.com/taehojo/vibecoding)
13:45 /memory 명령어로 가이드라인 구축
20:01 /clear 컨텍스트 초기화하기
20:30 ✦[PART 2. 자동화로 개발 효율 높이기]
20:56 커스텀 명령어(Custom command)란?
21:27 2단계: 게임 확장하기
24:08 전역 명령어 vs 프로젝트 명령어
24:40 첫 번째 커스텀 명령어 만들기
28:47 인수(Argument)로 명령어 확장하기
36:36 ✦[PART 3. 명령어 체이닝과 유지보수 전략]
37:05 3단계: 데이터 저장 및 순위 시스템
38:36 명령어 체이닝(Command Chaining)
38: 41 게임 제작 워크플로 자동화하기
42:41 통합 커스텀 명령어
44:47 AI가 스스로 만드는 커스텀 명령어
49:20 핵심 키워드 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #할루시네이션 #게임만들기 #명령어

[바이브 코딩 입문 강의] 5강. 클로드 코드에서 API 설정하기

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 06. 클로드 코드에 API 날개 달기

01:01 API란?
02:43 오픈라우터(OpenRouter) 소개(openrouter.ai)
03:26 오픈라우터에서 API 키 발급하기
05:49 무료 AI 모델 탐색
08:52 API 키 등록하기
10:30 API 연동 테스트하기
13:08 ✦[PART 2. '냉장고를 부탁해' 앱 만들기]
13:13 프로젝트 개요: 냉장고를 부탁해
13:44 3단계 개발 계획
14:39 클로드 코드에서 PRD 생성하기
16:58 1단계: 냉장고 이미지에서 재료 인식하기
18:31 2단계: 레시피 생성하기
22:48 3단계: 사용자 프로필에 레시피 저장하기
23:33 핵심 키워드 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자
#바이브코딩 #클로드코드 #AI #오픈라우터 #openrouter #API #PRD

[바이브 코딩 입문 강의] 6강. 클로드 코드 AI 에이전트로 개발팀 구성하기

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 07. 클로드 코드 AI 에이전트로 개발팀 구성하기

00:07 강의 구성
00:27 ✦[PART 1. 클로드 코드의 AI 에이전트 이해하기]
00:31 에이전트(Agent)란 무엇인가?
01:03 AI 서브에이전트 개념
01:37 서브에이전트의 특징
02:13 /agents 명령어로 에이전트 생성하기
02:30 코드 리뷰어 에이전트 생성하기
11:30 최적화 에이전트 & UX 디자인 에이전트
23:01 ✦[PART 2. AI 에이전트로 소프트웨어 개발 자동화하기]
23:08 AI 개발팀 서브에이전트 생성
24:26 서브에이전트 생성하기
30:31 AI 공감 다이어리 앱 만들기
35:51 PDF 요약 AI 앱 만들기
43:34 핵심 키워드 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #에이전트 #서브에이전트 #agents

[바이브 코딩 입문 강의] 7강. MCP로 클로드 코드의 한계 넘어서기(완강)

Fri, 22 May 2026 06:26:24 +0000

본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding/issues
🔗현존하는 모든 MCP, 스킬, 플러그인, 마켓플레이스를 한 곳에 모은 사이트: https://www.vibeindex.ai

👨‍🏫주요 강의 내용
Ch 08. MCP로 클로드 코드의 한계 넘어서기

00:11 강의 구성
00:36 ✦[PART 1. MCP 이해하고 클로드 코드와 연결하기]
00:49 MCP(Model Context Protocol)란?
01:58 API vs MCP 차이점
05:28 클로드 코드와 노션 연결하기
12:14 로컬 MCP와 원격 MCP
20:13 ✦[PART 2. MCP로 구현하는 완전 자동화 개발 환경]
20:18 자동화를 위한 MCP 예제
21:14 Context7 MCP 설치하기
24:14 Playwright MCP 설치하기
26:12 쇼핑리스트 앱 만들기
30:30 깃허브 MCP로 프로젝트 영구 보관하기
36:21 ✦[PART 3. 데이터베이스 연결해 진짜 서비스 만들기]
36:47 배포(Deploy)란?
37:20 로컬 스토리지 vs 클라우드 스토리지
38:16 Supabase로 데이터베이스 연동
39:08 Vercel 계정 만들고 깃허브 연결하기
39:38 프로젝트 배포하기
40:34 배포된 내 웹사이트 확인하기
41:55 Supabase 가입하고 조직 생성하기
43:11 Supabase MCP 서버 설치와 API 토큰 발급
47:25 클로드 코드로 데이터베이스 자동 연동하기
49:31 데이터베이스 테이블 생성 확인하기
49:55 데이터베이스와의 실시간 동기화 확인하기
53:48 핵심 용어 정리

-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/look.php?p_code=B1785590517&type=book&utm_source=youtube&utm_medium=lecture&utm_campaign=50004
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자

#바이브코딩 #클로드코드 #AI #MCP #노션 #Context7 #Playwright #깃허브 #github #배포 #supabase #vercel #데이터베이스

AI 에이전트 엔지니어링 | 1강. 에이전트