무료 코스 · 01
클로드 코드로 첫 페이지 만들기
for 클로드 구독자 — 설치부터 내 페이지 무료 배포까지, 여섯 단계.
레슨 6개 · 무료 · 모든 프롬프트 공개 · 순서대로
레슨 01부터 시작 →
진도는 이 브라우저에만 저장돼요 — 계정도, 전송도 없어요.
Claude를 유료 구독 중이라면 딱 맞는 코스예요. 요금제에 이미 들어 있는 코딩 에이전트 Claude Code로, 말로 시켜 첫 페이지를 만들고 무료로 배포하는 것까지 끝내요. 코딩 배경은 필요 없고, Windows와 Mac 모두 괜찮아요. ChatGPT를 쓴다면 Codex 코스, Gemini를 쓴다면 Antigravity 코스로 가세요.
완주하면 손에 남는 것
여섯 단계를 따라가면 인터넷에 올라간 나만의 페이지가 하나 남아요. VS Code에 Claude Code를 설치하고, 말로 시켜서 페이지를 만들고, 무료로 배포하는 것까지 전부 직접 해봐요. 코드는 한 줄도 안 써요.
일부러 텍스트로 만들었어요. 모든 프롬프트는 멈췄다 받아 적는 대신 그대로 복사해 붙여넣고, 러닝타임 때문에 잘리는 단계도 없고, 삶이 레슨 중간에 끼어들어도 떠난 줄 그 자리에서 다시 시작해요 — 영상 강의가 조용히 어렵게 만드는 것들이죠. 그리고 무료는 진짜 무료예요: 코스 전체가요. 레슨 8에서 기다리는 업셀은 없어요.
메뉴
- 01VS Code와 Claude Code 설치하기오늘의 접시: Claude Code가 설치되고, 첫 파일을 만들어 브라우저로 열어줘요
- 02바이브 코딩으로 첫 페이지 만들기오늘의 접시: 나를 소개하는 한 페이지가 내 컴퓨터에서 돌아가요
- 03다시 시키면서 원하는 대로 고치기오늘의 접시: 원하는 변경 다섯 번 적용, 한 번은 되돌리기
- 04내 규칙을 기억시키기 (CLAUDE.md)오늘의 접시: 내 취향과 규칙을 기억하는 프로젝트 설정
- 05되돌리기 안전장치 만들기 (git)오늘의 접시: 일부러 망가뜨리고, 안전하게 되돌리기 성공
- 06내 페이지 인터넷에 무료로 배포하기오늘의 접시: 진짜 URL에 올라간 내 페이지 — 폰에서 열려요
메뉴 전체가 서빙됐어요
레슨 6개가 모두 준비됐어요. 레슨 01부터 순서대로 따라가세요. 막히면 모든 레슨 아래에 질문 상자가 있고, 답변은 본문에 반영돼서 코스가 계속 좋아져요. 새 레슨과 다음 코스 소식은 구독으로 받아보세요.