Class · W4

클래스 W4

4주 만에 클로드 코드와 요리하듯 협업해, 본인 홈페이지를 외부 URL에 공개합니다.

— 개요

과정 요약

— 커리큘럼

주차	단계	무엇을 하나요
1주	셰프와 친해지기	'주문서(프롬프트)' 잘 쓰는 법 — 5P 프레임워크·Project·Artifact
2주	셰프와 부엌 차리기	입주 셰프(클로드 코드) 모셔오고, '우리 집 레시피 노트'(CLAUDE.md) 적기
3주	셰프다운 요리하기	MCP로 캘린더·문서를 셰프에게 연결, 내 콘텐츠 채우기
4주	내 가게 차리기	나만의 AI 에이전트, 내 홈페이지 — Vercel 배포로 작은 가게 오픈

2주차

AI 활용의 출발점 — 5P 프롬프트와 클로드 생태계 이해

AI 기초 및 클로드 생태계 지도	LLM의 4가지 한계(컷오프·환각·실시간·개인정보) 이해 컨테이너 × 모드 매트릭스 — Chat·Cowork·Code 위치 이해
5P 프롬프트 프레임워크	Persona·Plot·Pinpoint·Prototype·Policy 5요소 막연한 프롬프트 vs 5P 결과 비교 데모
Chat 핵심 도구 — Project & Artifact	Project — 반복 맥락을 담는 단골 메뉴 노트 Artifact — 결과물을 분리해 다듬는 별도 접시
클로드 코드 진입점 & 설치	4 진입점 비교(데스크탑·웹·IDE·터미널) + 선택 기준 VS Code에 클로드코드 확장 설치·인증으로 '내 부엌' 차리기

3주차

입주 셰프 모셔오기 — CLAUDE.md & 본인 업무 자동화

클로드 코드 첫 사용	첫 파일 1개 생성 워크플로우 Cowork vs Code — 파일 직접 접근의 차이
CLAUDE.md — 우리 집 레시피 노트	매번 자동 로드되는 규칙 파일의 정체 글로벌 vs 프로젝트별 CLAUDE.md 차이 ★
4도구 정체 — 스킬·MCP·슬래시·Hook	4도구 차이 한 장 정리표 + 언제 무엇을 쓰는가 채팅창 안에서 슬래시 1개 시연
본인 자동화 슬래시 제작	본인 업무용 슬래시 명령 1개 작성·등록 실제 업무에서 호출하며 정착 검증

4주차

MCP로 외부 데이터 잇기 — 홈페이지 콘텐츠 채우기

MCP 정체 & 첫 연결	'거래처 명함첩' 표준으로 외부 서비스 연결 이해 OAuth 인증 흐름 + '처음엔 1·2개만' 원칙
MCP 본격 활용	본인 일정 분석·요약 실전 활용 본인 분야에 맞는 추가 MCP 1개 발굴
셰프코딩 6단계 개발 프레임워크	초보를 위해 만든 자세한 개발 절차서 배우기 절차서를 나만의 클로드코드에 적용하기
AI 에이전트 & 홈페이지 구성	AI 에이전트의 목표와 요구사항 수립하기 홈페이지 골격과 콘텐츠 구성안 만들기

5주차

외부 공개 URL 배포 — 5 레벨 회고 & 다음 단계 로드맵

정적 사이트 & 배포 도구 이해	정적 vs 동적 사이트 차이 Vercel·Netlify·GitHub Pages 짧은 비교
GitHub & Vercel 연동	git init·remote add·push 첫 흐름 GitHub과 Vercel 연동으로 자동 배포 파이프라인 구축
자기 도메인 배포 → 외부 URL 확보	자기소개 사이트 1개 → 외부 공개 URL 산출 환경변수 = 비밀 분리 원칙
회고 & 다음 단계 로드맵	5 레벨 ↔ 7 단계 매핑 재현(1주차 회상) 1·3·6개월 로드맵 작성 + 본인 정점 결정

— 대상

— 준비

#	항목	부담	비고
1	Claude 가입 — claude.ai	무료	Google·이메일 가입
2	Claude 데스크탑 앱 설치 — claude.ai/download	무료	Mac/Windows
3	VS Code 설치 (권장) — code.visualstudio.com	무료	강의 안에서 함께 설치 가능하지만 미리가 안전

Claude Code 확장 설치는 1차시 강의에서 함께 진행합니다.