읽지 말고 직접 해보면서 Claude Code 배우기
Learn Claude Code by doing, not reading
TL;DR Highlight
Claude Code 인터랙티브 학습 플랫폼이 설치와 API 키 없이 브라우저에서 바로 터미널 시뮬레이터, Config Builder, 퀴즈를 통해 Claude Code의 핵심 기능 실습을 가능하게 한다.
Who Should Read
Claude Code를 처음 접하거나 slash commands, hooks, CLAUDE.md, MCP 서버 설정 등 고급 기능을 체계적으로 익히고 싶은 개발자. 특히 설치 없이 먼저 기능을 탐색해보고 싶은 입문자에게 적합하다.
Core Mechanics
- Ahmed Nagdy가 만든 claude.nagdy.me는 Claude Code를 브라우저 안에서 인터랙티브하게 학습할 수 있는 플랫폼으로, API 키나 별도 설치 없이 바로 실습 가능하다.
- 총 11개 모듈로 구성되어 있으며 Beginner부터 Advanced까지 단계별로 나뉜다. Slash Commands(30분), Memory & CLAUDE.md(45분), Project Setup(45분), Commands Deep Dive(30분), Skills(1시간) 등의 순서로 진행된다.
- 브라우저 내 터미널 시뮬레이터가 내장되어 있어 slash commands, hooks, skills 같은 기능을 실제로 타이핑하면서 연습할 수 있다. 실제 환경과 동일한 감각을 미리 익힐 수 있는 게 장점이다.
- Config Builder 도구를 통해 CLAUDE.md(프로젝트별 AI 행동 지침 파일), hooks(특정 이벤트에 반응하는 스크립트), MCP 서버 설정, 플러그인 설정 등을 인터랙티브 폼으로 생성하고 바로 복사해서 프로젝트에 붙여넣을 수 있다.
- 각 모듈 마지막에 퀴즈가 있으며, 틀렸을 때 단순히 정답만 알려주는 게 아니라 왜 그 답이 맞는지 설명을 제공해서 개념을 확실히 다질 수 있다.
- Playground(전용 터미널 샌드박스), Cheat Sheet(자주 쓰는 명령어/단축키 요약), Feature Index(기능 전체 목록 검색) 등 학습 외 참고 도구도 함께 제공된다.
- 'Find Your Level' 퀴즈로 자신의 수준을 진단하고 적절한 모듈부터 시작할 수 있도록 설계되어 있다. 다만 커뮤니티 반응에서 보듯이 이 진단의 정확도에는 의문이 제기되고 있다.
Evidence
- 실제로 Claude Code를 매일 사용하고 플러그인, skills, MCP 서버, 서브에이전트 워크플로까지 써본 고급 사용자가 'Find Your Level' 퀴즈를 풀었더니 Beginner 판정을 받았다는 경험담이 여럿 올라왔다. D나 C를 골라도, 심지어 D만 골라도 Beginner가 나온다는 보고가 있어서 퀴즈 로직에 버그나 설계 문제가 있는 것으로 보인다.
- 터미널에 익숙한 개발자라면 그냥 설치하고 직접 써보는 게 더 빠른 '진짜 learning by doing'이라는 의견이 있었다. 이 플랫폼은 오히려 터미널 자체가 낯선 완전 초보자에게 더 유용할 것 같지만, 그런 사용자에게는 '터미널이 뭔지', '명령어가 뭔지'부터 설명하는 더 기초적인 내용이 필요하다는 지적도 함께 나왔다.
- Claude Code의 quota 소진 속도에 대한 불만이 댓글에서 제기됐다. Max5 플랜($100/월)을 쓰는 사용자가 단 하나의 프롬프트로 10분 만에 세션 quota의 약 10%를 소진했다고 하며, 최근 Anthropic이 무언가를 변경한 것 같다는 의심이 있다. 학습 플랫폼 자체와는 별개지만, Claude Code를 실제로 도입하려는 사람에게는 비용 예측이 어렵다는 현실적인 우려다.
- '또 새로운 툴을 외워야 하나'라는 피로감을 표현하는 댓글도 있었다. AI한테 원하는 걸 그냥 말로 하면 되는데 굳이 Claude Code 문법을 따로 배울 필요가 있냐는 시각이다. 이에 대해 암묵적으로는 slash commands나 hooks 같은 구조화된 기능을 활용할 때 정확하게 쓰는 방법을 아는 게 실제로 더 좋은 결과를 낸다는 반론이 존재한다.
- 'RTFM(공식 문서 읽으면 되지 않냐)'이라는 냉소적인 반응도 있었다. 문서를 안 읽으려고 학습 플랫폼을 찾는다는 비판인데, 반대로 공식 문서보다 인터랙티브한 방식이 실제로 더 빠르게 익힌다는 입장도 있어 학습 방식에 대한 취향 차이가 드러났다.
How to Apply
- Claude Code를 처음 도입하려는 팀이라면 claude.nagdy.me의 Config Builder를 활용해서 CLAUDE.md 파일 초안을 인터랙티브하게 생성해보면 좋다. 폼에 프로젝트 정보를 입력하면 바로 복사 가능한 설정 파일이 나오므로, 처음부터 빈 파일에 작성하는 것보다 훨씬 빠르게 시작할 수 있다.
- Claude Code에서 hooks나 MCP 서버를 써보고 싶지만 설정이 복잡하게 느껴진다면, 설치 전에 이 플랫폼의 터미널 시뮬레이터로 먼저 명령어 흐름을 익혀두면 실제 환경에서 실수를 줄일 수 있다. 특히 hooks 설정은 잘못 건드리면 워크플로 전체가 꼬일 수 있어서 사전 연습이 유용하다.
- 팀에 Claude Code 온보딩을 진행해야 하는 경우, 이 플랫폼의 11개 모듈 순서(Slash Commands → Memory & CLAUDE.md → Project Setup → Commands Deep Dive → Skills 순)를 그대로 팀 학습 커리큘럼으로 활용할 수 있다. 모듈별 예상 소요 시간이 명시되어 있어 일정 계획 세우기도 쉽다.
- Claude Code를 $100/월 Max5 플랜으로 도입 검토 중이라면, quota 소진 속도가 예상보다 훨씬 빠를 수 있다는 커뮤니티 경험담을 감안해 초기에는 사용 패턴별로 quota 소비량을 모니터링하면서 비용 예측 모델을 만들어두는 것이 좋다.
Terminology
관련 논문
프로덕션 AI 에이전트를 GPT-5.6으로 마이그레이션: 2.2배 빠르고 27% 저렴
마케팅 웹사이트를 자동 생성하는 프로덕션 AI 에이전트를 Claude Opus 4.8에서 GPT-5.6 Sol로 전환한 실전 경험담으로, 단순 모델 교체가 아니라 eval 하네스, 툴 스키마, 캐싱, 추론 리플레이까지 손봐야 했던 과정을 구체적인 수치와 함께 정리했다.
xAI Grok Build CLI가 xAI 서버로 전송하는 데이터: 네트워크 레벨 분석
xAI의 공식 코딩 CLI 도구 Grok Build가 사용자 동의 없이 전체 Git 저장소와 .env 시크릿 파일을 xAI 서버로 업로드한다는 사실이 네트워크 트래픽 분석으로 밝혀졌다.
중요할 때 기억하라: Long-Horizon 에이전트를 위한 Proactive Memory Agent
LLM 에이전트가 긴 작업 중 중요한 정보를 잊어버리는 문제를 별도의 메모리 에이전트가 '적절한 타이밍에' 끼어들어 해결하는 방법
WebSwarm: 깊고 넓은 웹 검색을 위한 재귀적 Multi-Agent Orchestration
복잡한 웹 검색을 재귀적으로 분해하고 각 노드에 적합한 검색 모드를 동적으로 할당하는 멀티에이전트 프레임워크
웹 앱을 리버스 엔지니어링해서 AI Agent 도구로 자동 변환하기
로그인된 웹 앱의 API 호출을 브라우저에서 감시해 자동으로 MCP 도구로 변환하는 에이전트를 만들었다. 소스 코드나 공식 API 문서 없이도 Jira, Spotify 같은 서비스에 AI 어시스턴트를 붙일 수 있다.
FableCut – AI 에이전트가 조작할 수 있는 브라우저 기반 비디오 에디터 (zero deps)
타임라인 전체를 JSON 파일 하나로 표현하고 MCP/REST로 AI 에이전트가 직접 편집할 수 있는 브라우저 비디오 에디터로, Claude 같은 AI가 프롬프트 하나로 영상을 자동 컷편집하고 결과를 실시간으로 UI에 반영해준다.