강좌 소개 및 학습 목표
강좌 소개
- 코드를 몰라도 AI와 대화하는 방식으로 소프트웨어를 만드는 "바이브 코딩"을 배웁니다
- Claude Code를 설치하고 실무에 바로 적용 가능한 도구를 매주 하나씩 완성합니다
- 8주 후 팀 전원이 사용하는 AI 워크스페이스(노션 스타일 대시보드)를 완성합니다
수강 후 할 수 있는 것
- Claude Code로 웹페이지·자동화·봇을 직접 만들 수 있다
- CLAUDE.md + Hooks로 팀 AI 환경을 표준화할 수 있다
- Telegram 봇·자동 리포트·지식 위키를 운영할 수 있다
- Jarvis(팀 AI 비서)를 만들고 유지관리할 수 있다
주차별 사용 도구
WEEK 01 – 02
기초 환경
VSCode + Claude Code
CLAUDE.md · Hooks
.claude 설정 파일
CLAUDE.md · Hooks
.claude 설정 파일
WEEK 03 – 04
자동화
CLAUDE.md · Hooks
Figma MCP · STITCH
/frontend-design
Figma MCP · STITCH
/frontend-design
WEEK 05 – 06
협업 & 봇
Obsidian · GitHub
Telegram BotFather
멀티 에이전트
Telegram BotFather
멀티 에이전트
WEEK 07 – 08
운용 & 통합
CronCreate
GitHub Actions
Jarvis · /ingest
GitHub Actions
Jarvis · /ingest
주차별 강의 계획
총 8주 · 각 주 실습 포함
01
환경설정
02
Gemini PPT
03
Claude 길들이기
04
스킬 & MCP
05
Obsidian + GitHub
06
채널 + 봇
07
자동화
08
Jarvis 완성
학습 목표
- 바이브 코딩 개념과 원리를 설명할 수 있다
- Claude Code를 설치하고 첫 실행을 한다
- 핵심 용어 7가지를 이해한다
- CLAUDE.md · Hooks의 역할을 설명할 수 있다
- plan · ask · edit 명령어를 활용할 수 있다
주요 내용
- 바이브 코딩이란 — 코드 없이 대화로 만드는 소프트웨어
- Claude Code 설치 (VSCode 플러그인 방식)
- 핵심 용어 — 컨텍스트 창 · 토큰 · 스킬 · MCP · 에이전트
- Claude 실행 구조 — 입력 → 처리 → 출력 흐름
- CLAUDE.md · Hooks · .claude 설정 파일
- plan · ask · edit — 대화로 코딩하는 3가지 명령어
🟢 기초 실습
첫 프로젝트 만들기 — Claude와 대화로 간단한 웹 페이지 제작
🔴 고급 실습
plan · ask · edit 모두 활용해 코드 수정 · 기능 추가 실전 적용
빌드 결과물 & 숙제
🚀 첫 번째 Claude 프로젝트
plan · ask · edit으로 대화하며 직접 만든 첫 번째 웹 페이지 → Claude Code 실사용 경험
📝 숙제: 작성할 문서 아젠다 선정 · 기존 PPT 준비
→ W2: Claude로 인터랙티브 발표 슬라이드 만들기
→ W2: Claude로 인터랙티브 발표 슬라이드 만들기
W02
2주차
Claude(논리) + Gemini Canvas(시각) 분업 · 인터랙티브 발표 자료
이번 주 빌드
📊 발표 자료 라이브러리
학습 목표
- AI 도구 분업 개념을 이해한다
- Claude + Gemini 파이프라인을 구성한다
- 인터랙티브 슬라이드를 AI로 생성한다
- 링크 하나로 팀과 발표 자료를 공유한다
주요 내용
- AI 도구 분업 — Claude는 두뇌, Gemini Canvas는 손
- 구조화 → 시각화 파이프라인 설계
- 인터랙티브 슬라이드 자동 생성
- 분업 전/후 품질 차이 비교
🟢 기초 실습
Gemini Canvas 단독으로 "Claude 도입 계획" 4장 PPT 생성
🔴 고급 실습
Claude로 구조화 → Gemini로 시각화 → 팀 발표
빌드 결과물 & 숙제
🏗 발표 자료 라이브러리
인터랙티브 슬라이드 · 링크 공유 형태 → 8주 후 대시보드의 "발표 자료" 섹션
📝 숙제: 슬라이드 → 팀 GitHub 업로드
→ W3: CLAUDE.md에서 파일 경로 참조 자동화
→ W3: CLAUDE.md에서 파일 경로 참조 자동화
학습 목표
- CLAUDE.md 위치와 역할을 이해한다
- 팀 공통 CLAUDE.md를 직접 작성한다
- Hooks 3종류를 설명할 수 있다
- 자동 포맷 Hook을 실제 적용한다
- GitHub로 팀 설정을 동기화한다
주요 내용
- CLAUDE.md 전역(~/.claude/) vs 프로젝트(./) 범위
- 팀 규칙 작성 — 역할·언어·금지사항·컨벤션
- Hooks 3종 — PreToolUse · PostToolUse · Stop
- 파일 저장 시 자동 포맷 Hook 설정
- git push → PR → merge → 팀 전체 동기화
🟢 기초 실습
팀 CLAUDE.md 작성 → 규칙·역할·금지사항 포함
🔴 고급 실습
Stop Hook → 세션 종료 시 work-log.md 자동 기록
빌드 결과물 & 숙제
🏗 자동화 설정 허브
팀 CLAUDE.md · Hooks · 할 일 자동 정리 → 8주 후 대시보드의 "자동화 설정" 섹션
📝 숙제: 반복 업무 3가지 스킬(.md) 제작
→ W4: 스킬을 MCP와 연결해 UI 시각화
→ W4: 스킬을 MCP와 연결해 UI 시각화
학습 목표
- 스킬과 MCP의 차이를 설명한다
- 반복 업무를 /스킬로 자동화한다
- Figma MCP로 디자인 스펙을 추출한다
- /frontend-design으로 컴포넌트를 생성한다
주요 내용
- 스킬(.md) vs MCP — 오프라인 vs 실시간 API 연결
- 4도구 파이프라인 — Figma→/frontend→/impeccable→STITCH
- /frontend-design — AI 기반 컴포넌트 자동 생성
- 1~3주 결과물을 예쁜 UI로 통합
🟢 기초 실습
STITCH MCP 설치 → /frontend-design 버튼 컴포넌트 생성
🔴 고급 실습
Figma 디자인 → MCP 스펙 추출 → 실제 코드로 변환
빌드 결과물 & 숙제
🏗 대시보드 UI 완성
MCP 디자인 도구로 1~3주 결과물 통합 → 8주 후 대시보드의 메인 UI 프레임
📝 숙제: 대시보드 "팀 노하우" 섹션 자리 비우기
→ W5: Obsidian 위키로 빈 공간을 채웁니다
→ W5: Obsidian 위키로 빈 공간을 채웁니다
학습 목표
- Obsidian Vault 구조를 이해한다
- 회의록을 Obsidian 페이지로 변환한다
- wikilinks로 지식을 연결한다
- CLAUDE.md·스킬을 팀 GitHub에 공유한다
주요 내용
- 팀 Vault 구조 — sources(불변) / wiki(자동화 영역)
- 회의록 → Claude → Obsidian 페이지 자동 변환
- wikilinks로 지식 그래프 연결
- 세션 기억 유지 — session-context.md 활용
🟢 기초 실습
Obsidian 설치 → 회의록 변환 → 그래프 뷰 확인
🔴 고급 실습
CLAUDE.md + 스킬 → GitHub push → 팀 전체 pull
빌드 결과물 & 숙제
🏗 팀 지식 위키
Obsidian 노하우 문서 · GitHub 팀 공유 → 8주 후 대시보드의 "팀 위키" 섹션
📝 숙제: 알림 필요한 위키 업데이트 3개 선정
→ W6: 텔레그램 봇이 이 업데이트를 자동 발송
→ W6: 텔레그램 봇이 이 업데이트를 자동 발송
학습 목표
- Telegram 봇을 Claude와 연결한다
- 채팅에서 AI 명령을 실행한다
- 키워드 트리거로 자동화를 구성한다
- 멀티 에이전트 패턴을 이해한다
주요 내용
- Telegram 봇 세팅 — BotFather → 토큰 → Claude 연결
- 채팅 명령 → Claude 처리 → 결과 응답 흐름
- 키워드 트리거 — "회의록" → /ingest 자동 실행
- 멀티 에이전트 — 병렬(편향 제거) · 파이프라인
🟢 기초 실습
봇 생성 → Claude 연결 → "안녕" 첫 응답 테스트
🔴 고급 실습
"회의록" 키워드 → Obsidian 페이지 자동 생성
빌드 결과물 & 숙제
🏗 텔레그램 알림 봇
일정·위키 업데이트 자동 알림 · Q&A 봇 → 8주 후 대시보드와 연동된 알림 채널
📝 숙제: 매주 반복 리포트 항목 목록 작성
→ W7: 항목들을 자동 생성 스케줄에 등록
→ W7: 항목들을 자동 생성 스케줄에 등록
학습 목표
- CronCreate로 시간 기반 자동화를 구성한다
- GAN 하네스 구조를 이해한다
- GitHub Actions PR 자동 리뷰를 활성화한다
- 주간 리포트 자동 파이프라인을 완성한다
주요 내용
- CronCreate — 평일 09:00 할 일 · 금요일 주간 보고서
- GAN 루프 — Generator → Evaluator → 반복 개선
- GitHub Actions — PR 생성 → Claude 코드 리뷰 자동
- 미니 프로젝트 발표 (20분) — 만든 것 · 절약 시간
🟢 기초 실습
CronCreate로 "매주 월요일 할 일 알림" 스케줄 등록
🔴 고급 실습
GitHub Actions + GAN 루프로 PR 자동 리뷰 파이프라인
빌드 결과물 & 숙제
🏗 주간 리포트 자동화
매주 자동 생성 · 텔레그램 자동 발송 → 8주 후 대시보드의 "리포트" 섹션
📝 숙제: 1~7주 결과물 목록 정리
→ W8: Jarvis에게 모든 데이터 학습시키기
→ W8: Jarvis에게 모든 데이터 학습시키기
학습 목표
- 3계층 지식 구조를 설계한다
- Jarvis에게 팀 전체 데이터를 학습시킨다
- 텔레그램으로 Jarvis에게 질문하고 답변을 받는다
- 1~7주 결과물을 하나의 대시보드로 통합한다
주요 내용
- 3계층 지식 — conversation(원본)·debate(토론)·concept(핵심)
- Jarvis 학습 — 1~7주 파일·위키·리포트 맥락화
- 통합 대시보드 — 팀 소개·발표·위키·리포트·봇 하나의 화면
- 팀 LLM-Wiki 지속 운영 계획
🟢 기초 실습
텔레그램 → "지난주 리포트 요약해줘" → Jarvis 자동 응답
🔴 고급 실습
팀 Vault 구조 설계 → /ingest 커스터마이즈 → GitHub push
최종 결과물
🏆 팀 AI 워크스페이스 완성
👥 팀 소개 (W1)📊 발표 자료 (W2)
✅ 자동화 (W3)🎨 UI (W4)
📚 위키 (W5)🔔 봇 (W6)
📈 리포트 (W7)🤖 Jarvis (W8)★
🎤 최종 발표 · 시연 · 운영 계획 수립
→ 이후: 팀 노하우 축적 · 지속 개선
→ 이후: 팀 노하우 축적 · 지속 개선
평가 및 수료 기준
40%
주차별 실습
매주 기초·고급 실습 완료
30%
주차별 숙제
빌드 결과물 팀 저장소 공유
20%
7주차 발표
미니 프로젝트 발표 (20분)
10%
8주차 통합 발표
AI 워크스페이스 완성 시연
8주 후 완성되는 팀 AI 워크스페이스
WEEK 01
포트폴리오 인트로
개인 소개·역할·관심 분야
WEEK 02
발표 자료
인터랙티브 슬라이드
WEEK 03
자동화 허브
CLAUDE.md·Hooks
WEEK 04
대시보드 UI
MCP 디자인 통합
WEEK 05
팀 위키
Obsidian 지식 베이스
WEEK 06
알림 봇
Telegram 24h 응대
WEEK 07
자동 리포트
매주 자동 생성·발송
WEEK 08 ★
Jarvis AI
모든 섹션 통합·AI 비서