강좌 소개 및 학습 목표
강좌 소개
- 코드를 몰라도 AI와 대화하는 방식으로 소프트웨어를 만드는 "바이브 코딩"을 배웁니다
- Claude Code를 설치하고 실무에 바로 적용 가능한 도구를 매주 하나씩 완성합니다
- 8주 후 본인이 직접 만든 AI 비서·문서 자동화·미니 대시보드 등 결과물을 갖게 됩니다
수강 후 할 수 있는 것
- Claude Code로 웹페이지·자동화·봇을 직접 만들 수 있다
- 인터랙티브 보고서를 v1 → v2 → v3로 발전시켜 GitHub로 팀과 공유할 수 있다
- Telegram 봇·자동 리포트·지식 위키를 운영할 수 있다
- Jarvis(팀 AI 비서)를 만들고 유지관리할 수 있다
주차별 사용 도구
WEEK 01 – 02
기초 환경
VSCode + Claude Code
CLAUDE.md · Hooks
.claude 설정 파일
CLAUDE.md · Hooks
.claude 설정 파일
WEEK 03 – 04
협업 & 도구
GitHub · gh CLI
VS Code Timeline
/frontend-design 스킬
VS Code Timeline
/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
인터랙티브 보고서
03
GitHub 사용법
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 Code로 인터랙티브 보고서 만들기
→ W2: Claude Code로 인터랙티브 보고서 만들기
W02
2주차
정적 자료(PPT/PDF/회의록) → 인터랙티브 HTML · v1 → v2 → v3 점진적 발전 · 비주얼·움짤·체크리스트
이번 주 빌드
📊 인터랙티브 보고서 v3
학습 목표
- 인터랙티브 보고서의 개념·기준을 안다
- 본인 자료(PPT/PDF/링크)에 맞는 인터랙션을 고른다
- 한 줄 입력으로 v1 (첫 결과)를 받는다
- 키워드 한 줄 추가로 v1 → v2 디자인을 발전시킨다
- 이미지·움짤·인터랙션을 채워 v2 → v3로 완성한다
주요 내용
- 정적 → 인터랙티브 — 인터랙션 5종 + 자료 매핑
- 발전·실습 사이클 — 4단계 반복 (주제·입력·점검·발전)
- v1: "이 링크로 만들어 줘" 한 줄 → 첫 결과
- v2: 키워드 5 카테고리 → 다크 카드형 발전
- v3: "가공 없이 그대로" → 원본 이미지·움짤 임베드
- 마지막 팁: 이미지 비교로 픽셀 단위 디테일 보정
🟢 기초 실습
참고 링크 1개 → "이 링크로 만들어 줘" → v1 6장 받기
🔴 고급 실습
본인 자료 → v1 → 키워드로 v2 → 이미지 임베드로 v3
빌드 결과물 & 다음 주
🏗 slides.html (v3까지 진화)
단일 HTML 인터랙티브 보고서 → 8주 후 대시보드의 "발표 자료" 섹션
📌 준비: GitHub 계정 만들어 오기 (github.com · 3분)
→ W3: slides.html을 GitHub repo에 v1·v2·v3 commit 시점으로 보존
→ W3: slides.html을 GitHub repo에 v1·v2·v3 commit 시점으로 보존
W03
3주차
slides.html 한 파일 + commit으로 v1·v2·v3 시점 보존 · STAGE 1~4 + 보너스 2 · Claude로 자연어 git
이번 주 빌드
📦 본인 repo + ⏪ 시점 3개 보존
학습 목표
- GitHub의 본질(같은 파일 + commit 시점)을 설명할 수 있다
- 7개 핵심 용어를 흐름으로 이해한다 (push·pull·commit·branch·PR·revert·repo)
- Claude에게 자연어로 git을 시킨다 ("올려줘"·"받아줘"·"v1로 돌려줘")
- slides.html을 v1 → v2 → v3 commit 시점으로 누적·롤백한다
- /frontend-design 스킬을 설치하고 v3를 다듬는다 (다음 주 맛보기)
주요 내용
- GitHub = 무한 ctrl+z + 공유 가능한 폴더 (비유)
- 3 동사 — 올린다(push)·받는다(pull)·되돌린다(rollback)
- 5가지 사용 이유 — 이전 버전 복구·자동 백업·공개 URL·협업·변경 이력
- CLI ↔ 자연어 매핑 — git 명령어 30개 → 한국어 6문장
- 실습 STAGE 1~4 — repo 생성 → v2/v3 push → 롤백 → frontend-design 맛보기
- 보너스 — VS Code Timeline + .gitignore (안전망)
🟢 기초 실습
repo 생성 + slides.html(v1 상태) 첫 push + commit 확인
🔴 고급 실습
v2·v3 commit 시점 누적 → "v2로 돌려줘" 롤백 → frontend-design 스킬로 v3 다듬기
빌드 결과물 & 숙제
🏗 본인 GitHub repo + commit 3개 시점
slides.html 1개 파일 + commit 3개(v1·v2·v3) → 언제든 "v1·v2 시점으로 돌려줘" 한 줄로 복귀. 다음 주부터 모든 결과물의 고정 저장소.
📝 숙제 없음 — 그냥 오시면 됩니다
→ W4: 스킬 & MCP 원리 — 오늘 본 frontend-design 같은 스킬 수십 가지
→ W4: 스킬 & MCP 원리 — 오늘 본 frontend-design 같은 스킬 수십 가지
학습 목표
- 스킬이 무엇인지 — 실제 SKILL.md를 열어보고 안다
- MCP가 무엇인지 — 실제 도구 코드를 열어보고 안다
- 스킬과 MCP의 결정적 차이를 한 문장으로 설명한다
- 스킬·MCP를 직접 설치하고, 나만의 스킬을 만든다
주요 내용
- 스킬 = 업무 매뉴얼 — frontend-design·impeccable SKILL.md 직접 까보기
- MCP = 외부 연결선 — 헌법 MCP의 도구 코드 직접 까보기
- progressive disclosure · MCP 작동 구조 (Claude↔서버↔API)
- 스킬 vs MCP 비교 — "MCP는 연결, 스킬은 방법"
- 왜 필요한가 · 어떻게 활용하나 · 직접 만들기
🟢 기초 실습
frontend-design · impeccable 스킬 설치 → 컴포넌트 생성·진단
🔴 고급 실습
헌법 MCP 설치(OC키 발급) → "헌법 제1조" 실시간 검색 + 나만의 스킬 만들기
빌드 결과물 & 숙제
🏗 스킬 2 + MCP 1 + 나만의 스킬
frontend-design·impeccable 스킬과 헌법 MCP를 내 워크스페이스에 설치 + 나만의 SKILL.md 1장 → 이후 모든 주차에서 쓰는 확장 도구함
📝 숙제: 내 업무에 쓸 스킬 아이디어 1개 메모
→ 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 코드 리뷰 자동
- 8주차 발표 자료 정리 — 만든 것 · 절약 시간 · 시연 흐름
🟢 기초 실습
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
최종 결과물
🏆 8주 학습 결과물 통합
👥 포트폴리오 (W1)📊 발표 자료 (W2)
✅ 자동화 (W3)🎨 UI (W4)
📚 위키 (W5)🔔 봇 (W6)
📈 리포트 (W7)🤖 Jarvis (W8)★
🎤 최종 발표 · 시연 · 운영 계획 수립
→ 이후: 팀 노하우 축적 · 지속 개선
→ 이후: 팀 노하우 축적 · 지속 개선
평가 및 수료 기준
40%
주차별 실습
매주 기초·고급 실습 완료
30%
주차별 숙제
빌드 결과물 팀 저장소 공유
20%
8주차 미니 프로젝트
개인 작업물 발표 (20분)
10%
8주차 통합 시연
8주 학습 결과물 전체 시연
8주 후 만들어낼 학습 결과물
WEEK 01
포트폴리오 인트로
개인 소개·역할·관심 분야
WEEK 02
발표 자료
인터랙티브 슬라이드
WEEK 03
GitHub 저장소
개인 repo · v1·v2·v3 commit 보존
WEEK 04
스킬·MCP 도구함
스킬 2 + MCP 1 설치
WEEK 05
팀 위키
Obsidian 지식 베이스
WEEK 06
알림 봇
Telegram 24h 응대
WEEK 07
자동 리포트
매주 자동 생성·발송
WEEK 08 ★
Jarvis AI
모든 섹션 통합·AI 비서