Level 8 도전

Claude Code로 완전한 프로젝트를 만들고 배포해요

⏱ 예상 ~7분

01 · 읽기

진짜로 하는 거예요. Claude Code로 맨바닥에서 완전한 북마크 매니저 앱 을 만들 거예요 — 완성하면 GitHub에 push 해요.

단계별로 손잡고 안내하는 거 없어요. 시뮬레이션 없어요. 모든 스킬을 가졌어요: - 터미널 (Level 2) — 이동하고 명령 실행 - 파일 시스템 (Level 3) — 파일 만들고 조직 - Git (Level 4) — 버전 컨트롤과 GitHub - 웹 기초 (Level 5) — HTML, CSS, JavaScript - Node.js (Level 7) — 실제 프로젝트 만들기 - Claude Code (Level 8) — AI 가속 개발

아래 각 체크는 추가할 기능 하나예요. Claude Code로 하나씩 만들어요. 각 변경을 git diff 로 검토해요. 기능 브랜치를 써요. 이게 프로 워크플로우예요.

천천히 해요. 서두를 거 없어요. 목표는 빠른 게 아니에요 — 진짜, 동작하는 뭔가를 만드는 거예요.

02 · 체크리스트

Claude Code로 맨바닥에서 북마크 매니저를 만들어요. 각 기능을 순서대로 완성해요. 배운 반복 워크플로우를 써요: Claude에게 prompt 주기, 변경 검토, commit, 다음 기능으로.

새 프로젝트 폴더 만들고 npm 으로 초기화
Claude 로 만들기: 폼이 있는 HTML 페이지 (URL + 제목 + 카테고리 필드)
Claude 로 추가: localStorage 영속화
Claude 로 추가: 카테고리별로 그룹화해서 북마크 표시
Claude 로 추가: 검색/필터 기능
Claude 로 추가: 삭제와 편집 기능
각 변경을 git diff 로 검토
각 기능마다 git branch 사용
완성된 프로젝트를 GitHub에 push

03 · 퀴즈

프로 Claude Code 워크플로우에서 기능을 만든 후엔 뭐예요?

바로 배포
git diff 로 변경 검토
브랜치 삭제
새 기능 시작

04 · 빈칸 채우기

Claude Code가 파일을 수정한 후엔 항상 commit 전에 git _____ 로 검토해요.

05 · 읽기

축하해요. 방금 Claude Code로 실제 앱을 만들고 배포했어요.

이게 자리잡게 해 봐요. 이 코스를 시작했을 때는 터미널이 뭔지도 몰랐어요. 이제는: - 명령줄로 파일 시스템 이동 - 파일과 폴더 만들고 관리 - git 으로 버전 컨트롤 - 웹사이트와 서버가 어떻게 동작하는지 이해 - 맨바닥에서 Node.js 프로젝트 만들기 - AI 페어 프로그래밍 파트너로 완전한 앱 만들기 - 작업을 GitHub에 push 해서 세상에 보이기

튜토리얼을 따라간 게 아니에요. 뭔가를 만들고 있어요. 이게 소프트웨어 작성을 배우는 것과 진짜 할 줄 아는 것의 차이예요.

GitHub 프로필의 북마크 매니저가 증거예요. 여러분이 만들었어요. 실제 도구로. 프로 워크플로우대로요.

그리고 이건 시작일 뿐이에요.

핵심 정리

맨바닥에서 진짜, 동작하는 앱을 만들었어요
Claude Code를 프로 개발 도구로 썼어요
branch-build-review-commit 워크플로우를 따랐어요
프로젝트가 GitHub에 있어요 — 진짜 포트폴리오 작품이에요
다음 정거장: Level 9 — 커스텀 skill 로 Claude에게 여러분의 워크플로우 가르치기

06 · 퀴즈

Claude Code가 기능을 추가했는데, 건드리라고 하지 않은 파일도 바꿨어요. 어떻게 해야 해요?

전부 받아들이기 — Claude가 더 잘 알 거예요
프로젝트 전체를 지우고 다시 시작
git checkout 으로 원치 않은 파일은 되돌리고, 나머지는 남겨요
무시하고 GitHub에 push 계속해요

07 · 빈칸 채우기

새 기능을 만들기 전에 새 브랜치를 만들어요: git checkout -b _____

같은 챕터의 다른 강의

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

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