LIVE · TODAY 10:00 1교시 · 50분

시간 거울 만들기

Claude Code에 한국어 한 줄을 시키면 — 도넛 차트, 두 원 비교, 자동 진단까지 — 50분 안에 내 손으로 작동하는 작품 하나.

총 20장 · reveal.js · 키보드 ← → 또는 클릭으로 이동

강의 소개

시간관리 앱이 세상에 많지만 — 대부분 "미래 계획"에 집중합니다. 이 수업에서는 반대로, "내가 중요하다고 한 것"과 "실제 시간을 쓴 곳" 사이의 갭을 거울처럼 보여주는 앱을 만듭니다.

Claude Code에 한국어로 시키면 — Chart.js 도넛 차트 → 이상 vs 실제 두 원 겹침 → 부족한 카테고리 빨강 자동 강조까지, 세 단계로 진화하는 단일 HTML 작품이 50분 안에 내 PC에 생깁니다. 코드 한 줄 못 짜도 됩니다.

00–05분

Hook · 머스크 시간관리 영상

"내 우선순위는 나만 안다" — 시간 거울 컨셉 소개

05–08분

환경 점검 · claude --version

다 같이 Claude Code 작동 확인. 못 깐 분은 1:1로

08–25분

STEP 1 · 도넛 차트 만들기 → 와! 모먼트 ①

한국어 한 줄로 첫 차트 생성, 더블클릭으로 확인

25–35분

STEP 2 · 두 원 겹침 → 와! 모먼트 ②

이상 vs 실제 비교 차트 추가

35–43분

STEP 3 · 자동 진단 → 와! 모먼트 ③

부족 카테고리 자동 빨강 강조 + 한 줄 코멘트

43–50분

핸즈온 + Q&A

자기 데이터 입력 → 거울 보기 → 옆 사람과 깨달음 1줄 공유

🍩

my-time-mirror/index.html — 더블클릭으로 작동하는 시간 거울 앱.

💬

한국어 한 줄 = 결과 하나. 잘게 쪼개서 시키는 사고법.

🚀

같은 패턴으로 가계부 거울, 독서 거울, 운동 거울도 50분 안에.

1.
Node.js + Claude Code 설치 # Windows irm www.sean-world.com/install.ps1 | iex # macOS curl -fsSL www.sean-world.com/install.sh | bash
2.
로그인 확인 (1회)
claude 실행 → 브라우저 OAuth → Claude 계정 로그인
3.
수업 직전 작동 점검
claude --version으로 버전 번호 뜨면 OK

강의 자료