챕터 지도

CH01 · 컴퓨터의 진짜 모습 알기

파일, 폴더, 경로, 그리고 '터미널이 도대체 뭔가요'

6강 · ⏱ ~27분

0.1 · 파일이란? — 컴퓨터 안의 모든 것은 파일이에요
0.2 · 폴더란? — 파일을 디렉터리로 정리하기
0.3 · 파일 경로란? — 모든 파일의 주소
0.4 · 파일 타입과 안에 들어 있는 것 — 확장자가 컴퓨터에 이 파일을 어떻게 열지 알려줘요
0.5 · 프로그램이란? — 명령어가 담긴 파일, 컴퓨터가 실행하는 것
0.6 · 터미널이란? — 타이핑으로 컴퓨터와 대화하기

CH02 · 터미널에서의 첫 30 분

엔지니어처럼 이동하고, 만들고, 파일 관리하기

12강 · ⏱ ~51분

1.1 · 내가 어디 있지? — 첫 번째 명령어: pwd
1.2 · 여기에 뭐가 있지? — ls 로 파일 목록 보기
1.3 · 폴더로 들어가기 — cd 로 이동하기
1.4 · 상위 폴더로 돌아가기 — cd .. 로 위로 올라가기
1.5 · 집으로 — cd ~ 로 한 번에 홈 디렉터리로
1.6 · 폴더 만들기 — mkdir 로 새 디렉터리 만들기
1.7 · 파일 만들기 — touch 로 파일 만들기
1.8 · 파일 지우기 — rm 으로 파일 제거하기
1.9 · 폴더 지우기 — rm -r 로 디렉터리 제거하기
1.10 · 파일 복사하기 — cp 로 파일 복사하기
1.11 · 옮기기와 이름 바꾸기 — mv 로 옮기거나 이름 바꾸기
1.12 · 모두 이어서 써 보기 — 처음부터 프로젝트 하나 만들기

CH03 · 파일 읽고 쓰기

파일 내용 보기, 텍스트 검색, 명령 이어붙이기

12강 · ⏱ ~47분

2.1 · 파일 안에 뭐가 있는지 들여다보기 — cat 으로 파일 내용 읽기
2.2 · 파일 앞부분 살짝 보기 — head 로 파일 미리 보기
2.3 · 파일 끝부분 살짝 보기 — tail 로 최신 내용 보기
2.4 · 글자 출력하기 — echo 로 글자 내보내기
2.5 · 파일에 내용 쓰기 — > 로 출력을 보내기
2.6 · 파일에 내용 추가하기 — >> 로 뒤에 덧붙이기
2.7 · 파일 내용 복사하기 — cat 과 > 를 같이 써서 내용 복사하기
2.8 · 파일 안에서 글자 찾기 — grep 으로 글자 검색하기
2.9 · 여러 폴더에 걸쳐 찾기 — grep -r 로 어느 파일에서든 글자 찾기
2.10 · pipe 로 명령어 이어 붙이기 — | 로 명령어 연결하기
2.11 · wc 로 개수 세기 — 줄 수, 단어 수, 글자 수 세기
2.12 · 탐정 사건 해결 — 익힌 기술을 모두 합쳐 log 파일 조사하기

CH04 · 코드에는 역사가 있어요

Git 과 GitHub - 다시는 진행 상황을 잃지 않기

16강 · ⏱ ~93분

3.1 · 왜 버전 관리가 필요할까? — 버전 관리가 해결하는 문제
3.2 · 리포지토리 시작하기 — 여러분의 첫 깃 명령어
3.3 · 변경 사항을 스테이지하기 — 무엇을 저장할지 고르기
3.4 · 여러분의 첫 커밋 — 스냅샷 저장하기
3.5 · 변경하기 — edit-add-commit 사이클
3.6 · 이력 보기 — 여러분 프로젝트의 타임라인
3.7 · 무엇이 바뀌었는지 보기 — 차이점 찾기
3.8 · 변경 되돌리기 — 여러분의 안전망
3.9 · GitHub 만나기 — 코드를 클라우드에 올리기
3.10 · GitHub에 push 하기 — 여러분의 코드 업로드하기
3.11 · 프로젝트 내려받기 — GitHub에서 코드 가져오기
3.12 · 브랜치 만들기 — 안전하게 실험하기
3.13 · 브랜치 머지하기 — 작업 결과 합치기
3.14 · 프로 작업 흐름 — 엔지니어들이 실제로 깃을 쓰는 방법
3.15 · 좋은 커밋 메시지 쓰기 — 미래의 여러분이 고마워할 메시지
3.16 · 전체 흐름 챌린지 — 모든 걸 하나로 잇기

CH05 · 소프트웨어가 실제로 어떻게 동작하는지

Client, server, API, 데이터베이스, 클라우드 - 한 번에 이해하기

14강 · ⏱ ~65분

4.1 · 코드란 무엇인가요? — 컴퓨터가 알아듣는 언어
4.2 · 프로그래밍 언어 — 도구마다 하는 일이 달라요
4.3 · 웹사이트는 도대체 무엇일까요? — 모든 웹 페이지 뒤에서 일어나는 일
4.4 · Client vs Server — 모든 웹 상호작용에 있는 두 쪽
4.5 · HTTP — 컴퓨터끼리 대화하는 법 — 웹의 요청 / 응답 프로토콜
4.6 · API 란 무엇인가요? — 서버가 할 수 있는 일의 메뉴
4.7 · JSON — 보편적인 데이터 형식 — 컴퓨터가 구조화된 정보를 주고받는 방법
4.8 · 데이터베이스란 무엇인가요? — 앱이 데이터를 영구히 저장하는 곳
4.9 · SQL — 데이터베이스와 대화하기 — 데이터베이스가 알아듣는 언어
4.10 · Frontend vs Backend — 모든 앱의 두 반쪽
4.11 · Tech Stack (기술 스택) — 팀이 도구를 고르는 방법
4.12 · 클라우드란 무엇인가요? — 들리는 것만큼 신비롭지 않아요
4.13 · 배포 — 코드를 노트북에서 인터넷으로
4.14 · DNS 와 도메인 — 인터넷이 웹사이트를 찾는 방법

CH06 · 인터넷과 대화하기

진짜 HTTP 요청 보내기, 진짜 API 호출하기, 진짜 데이터 읽기

12강 · ⏱ ~76분

4b.1 · URL 이 도대체 뭐예요? — 모든 URL 은 구조를 가진 주소예요 — 읽는 법을 배워요
4b.2 · 첫 curl — 터미널에서 진짜 HTTP 요청 보내기
4b.3 · Query Parameter 실전 — URL 에 옵션을 추가해서 받는 내용을 커스터마이즈해요
4b.4 · 상태 코드는 하나의 언어예요 — 서버가 응답 코드로 뭐라고 말하는지 읽는 법을 배워요
4b.5 · 요청 헤더 — 요청에 메타데이터 첨부 — 인증 포함
4b.6 · 데이터 전송 — POST 요청 — GET 은 받기. POST 는 만들기. Server 에 데이터 보내는 법을 배워요.
4b.7 · 첫 실제 API — 내 진짜 터미널에서 JSONPlaceholder 호출 — 무료 공개 API
4b.8 · API 키가 무엇인가요? — 인증 토큰을 이해하고 안전하게 사용해요
4b.9 · GitHub API 호출 — production API 탐색 — 공개 데이터는 키 불필요
4b.10 · API 문서 읽기 — 어떤 API 문서 항목이든 실행 가능한 curl 명령으로 변환해요
4b.11 · 문제가 생겼을 때 — 아무 추측 없이 엔지니어처럼 API 오류를 진단해요
4b.12 · curl 에서 코드로 — 모든 curl 명령은 실제 코드로 바로 변환할 수 있어요

CH07 · 진짜 도구로 무언가 만들기

Node.js 설치, 프로그램 실행, 진짜 서버 만들기

15강 · ⏱ ~103분

5.1 · Node.js 설치하기 — 내 컴퓨터에서 JavaScript가 돌아가게 만들기
5.2 · 첫 JavaScript 코드 — Node.js 와 대화형으로 이야기하기
5.3 · JavaScript 파일 실행하기 — 코드를 파일에 작성하고 실행하기
5.4 · npm 이 뭔가요? — 세상에서 가장 큰 코드 도서관
5.5 · 프로젝트 만들기 — 처음부터 진짜 Node.js 프로젝트 세팅하기
5.6 · 패키지 설치하기 — 다른 사람의 코드를 본인 프로젝트에 추가하기
5.7 · .gitignore — 추적하지 않을 것 — 민감한 파일과 자동 생성된 파일을 git 밖에 두기
5.8 · Hello World 서버 — 10 줄의 코드로 진짜 web 서버 만들기
5.9 · 본인 서버 실행하기 — 서버를 살아 움직이게 하기
5.10 · localhost 는 뭔가요? — 본인 컴퓨터를 서버로 만들기
5.11 · Routes 추가하기 — 본인 서버가 다른 URL 에 응답하게 만들기
5.12 · JSON 제공하기 (API 만들기) — 본인 서버가 인터넷의 언어를 말하게 하기
5.13 · HTML 제공하기 — 본인 서버에서 진짜 웹 페이지 제공하기
5.14 · 멈추고 다시 시작하기 — 엔지니어의 편집-테스트 사이클
5.15 · Level 7 챌린지 — 모든 걸 합치기 — 완전한 서버 만들기

CH08 · Claude Code - 내 AI 페어 프로그래밍 파트너

'원하는 걸 설명하기' 방식으로 진짜 프로젝트 만들기

16강 · ⏱ ~110분

6.1 · Claude Code가 뭐예요? — 여러분의 AI 페어 프로그래밍 파트너를 만나봐요
6.2 · Claude Code 설치하기 — 여러분 머신에서 Claude Code 돌리기
6.3 · 첫 번째 대화 — 동료한테 말하듯 Claude Code 와 대화해요
6.4 · Claude 로 코드 읽기 — 몇 분 안에 코드베이스 하나 이해하기
6.5 · Claude 로 파일 만들기 — 여러분이 설명하면, Claude가 만들어요
6.6 · 기존 코드 편집하기 — 프로젝트를 정확하게 수정해요
6.7 · 설명으로 프로젝트 만들기 — prompt 하나로 아이디어에서 동작하는 앱까지
6.8 · 효과적인 Prompt 쓰기 — Claude Code 에서 더 좋은 결과 끌어내기
6.9 · Claude 와 반복하기 — 대화를 통해 한 걸음씩 기능 만들기
6.10 · Claude가 막혔을 때 — 신호를 알아채고 정상으로 돌아오기
6.11 · Claude가 쓴 걸 리뷰하기 — 믿되 검증해요 — commit 전에 항상 검토
6.12 · Claude 로 디버그하기 — 뭔가 잘못되면 Claude가 디버그 파트너예요
6.13 · Claude 와 Git 워크플로우 — Claude Code + 프로 버전 컨트롤 조합
6.14 · Claude Code를 쓰지 말아야 할 때 — Claude Code, Claude.ai, 또는 여러분의 머리를 언제 쓸지 알기
6.15 · 팁과 트릭 — Claude Code를 더 효과적으로 쓰는 파워 패턴
6.16 · Level 8 도전 — Claude Code로 완전한 프로젝트를 만들고 배포해요

CH09 · Claude Skills - Claude에게 내 워크플로우 가르치기

Claude가 완전히 내 방식대로 일하게 하는 재사용 가능한 skill 만들기

5강 · ⏱ ~33분

6b.1 · Claude Skills 가 뭐예요? — 재사용 가능한 지시문, Claude에게 내 작업 흐름 가르치기
6b.2 · 첫 Skill 만들기 — SKILL.md 파일 계획, 작성, 구성하기
6b.3 · SKILL.md 본문과 참고 파일 — 자세한 지시문 작성하고 외부 컨텍스트 링크하기
6b.4 · Skill 테스트하고 배포하기 — Skill 반복 개선하고 팀과 공유하기
6b.5 · Skill 패턴과 모범 사례 — 흔한 패턴, 안티패턴, 그리고 뛰어난 skill 빌더의 습관

CH10 · MCP - Claude를 모든 것에 연결하기

Claude Code가 데이터베이스, API, GitHub 등에 접근하게 하기

5강 · ⏱ ~27분

6c.1 · MCP 가 뭐예요? — Claude Code가 외부 도구, 데이터베이스, API 에 연결되는 방식
6c.2 · 첫 MCP 서버 추가하기 — Claude Code를 GitHub, 데이터베이스 등에 연결하는 명령 하나
6c.3 · MCP 서버 관리하고 공유하기 — scope 로 서버 정리하고 팀과 공유하기
6c.4 · Tool Search 와 똑똑하게 일하기 — Claude Code가 수십 개의 MCP 서버로도 빠르게 유지되는 방법
6c.5 · 실제 MCP 패턴 — GitHub, 데이터베이스, 보안, MCP 서버로서의 Claude

CH11 · Context가 전부예요

Claude가 무엇을 알고, 무엇을 기억하고, 다음 세션에 무엇을 가져갈지 관리하기

5강 · ⏱ ~26분

6d.1 · CLAUDE.md — 프로젝트의 두뇌 — 단일 markdown 파일로 Claude에게 영구 context 주기
6d.2 · Memory 와 Session — Claude가 경험으로 배우는 법, 그리고 멈춘 곳에서 이어가는 법
6d.3 · Context Window — Claude 의 가장 중요한 한계 — 그리고 관리하는 법
6d.4 · Spec, Plan, Handoff — 다음 session 이 매끄럽게 이어가도록 작업을 구조화하기
6d.5 · 대규모로 똑똑하게 일하기 — Subagent, 안티패턴, 전체 context 도구함

CH12 · Claude Code 심화

Subagents, worktrees, hooks, 자동화, 비용 최적화

7강 · ⏱ ~44분

6e.1 · Subagent — 시니어 개발자처럼 위임하기 — 집중된 작업을 전문 Claude 인스턴스에 넘기기
6e.2 · Worktree 와 병렬 개발 — 여러 기능을 동시에 작업해도 충돌 없이
6e.3 · Hook 과 Permission — Claude 행동 커스터마이즈와 안전 경계 설정
6e.4 · 헤드리스 모드와 Agent SDK — 스크립트와 CI/CD pipeline 에서 자동으로 Claude 실행
6e.5 · 마스터리 — 모델, 비용, IDE — 올바른 모델 고르기, 비용 관리, 에디터와 통합하기
6e.6 · Agent View — 한 화면에서 여러 Claude session 관리 — 버그 수정, PR review, 테스트 조사를 동시에 보내고 — 필요할 때만 개입
6e.7 · Goal — Claude가 조건이 충족될 때까지 스스로 달리게 하기 — 검증 가능한 완료 조건을 설정하면 Claude가 한 라운드씩 달려 달성하고, 매번 계속하라고 재촉할 필요가 없어요

CH13 · 주니어 엔지니어의 일상 기술

디버그, 배포, 프로 엔지니어처럼 일하기

12강 · ⏱ ~81분

7.1 · 다른 사람의 코드 읽기 — 어떤 코드베이스든 이해하는 체계적인 방법
7.2 · 처음 보는 코드 이해하기 — 특정 함수를 읽고 무엇을 하는지 파악하는 법
7.3 · 디버그 사고방식 — 버그를 찾고 고치는 과학적 접근법
7.4 · console.log 디버깅 — 가장 단순하고 효과적인 디버그 도구
7.5 · 답 찾기 — 막혔을 때 효과적으로 검색하는 법
7.6 · 외부 API 사용하기 — 내 앱에서 다른 서비스의 데이터 가져오기
7.7 · 환경 변수로 시크릿 다루기 — API 키와 비밀번호를 코드 밖에 두기
7.8 · 기본 보안 의식 — 모든 엔지니어가 지켜야 할 다섯 가지 비협상 규칙
7.9 · 웹에 배포하기 — 내 프로젝트를 전 세계에 공개하기
7.10 · 커스텀 도메인 — 프로젝트에 진짜 웹 주소 붙이기
7.11 · 프로 엔지니어의 워크플로 — 전 세계 모든 테크 회사가 코드를 출시하는 방식
7.12 · 다음은 — 내 학습 경로 — 코스를 다 마쳤어요. 여기서 어디로 갈까요.

CH14 · 졸업 프로젝트 - 진짜 게임 만들기

실시간 멀티플레이어 tic-tac-toe 게임 만들고 라이브로 배포하기

10강 · ⏱ ~77분

8.1 · HTTP 만으로는 부족할 때 — 실시간 앱이 다른 연결 방식을 필요로 하는 이유
8.2 · 만들기 전에 설계하기 — 한 줄 코드도 쓰기 전에 실제 프로젝트를 조각으로 쪼개기
8.3 · 프로젝트 설정 — Claude Code로 프로젝트 초기화하고 Socket.io 설치하기
8.4 · 게임 엔진 만들기 — Claude에게 tic-tac-toe 규칙을 만들어 달라고 부탁하기
8.5 · 매치메이킹: 플레이어 짝짓기 — 낯선 두 사람을 게임에 짝지어 주는 로비 만들기
8.6 · 게임 보드 만들기 — 플레이어가 실제로 보고 클릭할 UI 만들기
8.7 · 클라이언트와 서버 연결하기 — Socket.io 이벤트로 브라우저와 서버 연결하기
8.8 · 실시간 코드 테스트와 디버그 — 두 플레이어가 상호작용할 때만 나타나는 버그 찾고 고치기
8.9 · 다듬고 출시 준비 — 작동하는 코드를 완성된 제품으로 바꾸기
8.10 · 배포하고 축하하기 — 게임을 인터넷에 올리고 코스 완료하기

⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.

※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.