Week 03 · 목표

오늘 50분 후 — 가져갈 것 3가지

git 명령어 외울 필요 없습니다. 한국어 6문장이면 끝 — 오늘 그 6문장을 직접 입력해 봅니다.

개론 · 1.1 · GitHub이 뭔가요

GitHub = 무한 ctrl+z + 공유 가능한 폴더

파일이 바뀐 모든 시점이 자동 저장됩니다. 언제든 되돌릴 수 있고, 누구든 링크 한 줄로 받아 갈 수 있어요.

📌 핵심 — 파일 이름으로 버전을 관리하지 않습니다. "한 개 파일 + 시점 기록"이 GitHub의 본질.

개론 · 1.2 · 어떻게 쓰나요

3 동사로 끝 — 올린다 · 받는다 · 되돌린다

하루의 GitHub 사용은 거의 항상 이 3가지 동작 안에서 일어납니다. 다른 건 변종일 뿐.

💡 오늘 실습 — 이 3 동사를 전부 본인 손으로 Claude에게 시켜 봅니다

개론 · 1.3 · 왜 쓰나요

GitHub 사용 이유

"왜 굳이 복잡한 걸 배우지?" — 답은 이 5가지를 매주 쓰게 되기 때문입니다.

→ 오늘 실습은 이 5가지 중 이전 버전 복구 · 백업 · 공개 URL 3가지를 직접 경험합니다

개론 · 1.4 · 바이브코딩 × GitHub

바이브코딩에서 GitHub가 특히 중요한 이유

바이브코딩은 한 번 시킬 때마다 코드 전체가 바뀝니다. 그래서 안전망이 없으면 오늘의 결과물을 내일 잃어버려요.

용어 · 2.1 · 알아만 두면 되는 7개

개발자가 자주 쓰는 7개 용어

앞으로 동료가 "PR 보내줘"라고 했을 때 멈칫하지 않을 정도면 충분합니다. 외우려 하지 마세요.

용어 · 2.2 · ⭐ 핵심

명령어는 짧게 — 우리는 Claude로 한다

CLI 명령어는 30개가 넘어요. 다 외우는 건 개발자의 일. 우리는 한국어 한 줄이면 됩니다.

💡 git 명령어 30개 → 한국어 6문장이면 일주일치 GitHub 사용 끝

실습 · STAGE 1.1 · 한 줄 입력 (1분)

채팅창에 — 폴더 이름 한 번

가정 — 지난주(2주차) 숙제로 GitHub 아이디만 가입한 직후. gh CLI도 인증도 없는 상태. 그래도 한 줄로 시작 — 나머지는 Claude가 처리합니다.

💡 다음 화면 — Claude는 먼저 "gh CLI가 없네요. 설치할게요" 라고 응답합니다.

실습 · STAGE 1.2 · 도구 자동 설치 (2분)

Claude의 첫 응답 — gh CLI 설치

GitHub과 명령으로 대화하려면 gh (공식 GitHub CLI)가 필요. Claude가 알아서 OS에 맞는 설치 명령을 제안 — 사용자는 y 한 번만 누르면 끝.

💡 보안 경고 / UAC 팝업이 뜨면 "예". 설치 끝나면 자동으로 STAGE 1.3으로 넘어갑니다.

실습 · STAGE 1.3 · 브라우저 로그인 (2분)

브라우저에서 — Authorize 한 번

터미널 명령은 Claude가 처리. 사용자는 평소 쓰는 브라우저에서 GitHub 로그인 → 떠 있는 페이지의 녹색 Authorize 버튼 한 번이면 끝.

✓ 한 번만 거치면 됩니다 — 다음부터 Claude가 알아서 인증 사용.

실습 · STAGE 1.4 · 자동 실행 (1분)

인증 끝 → Claude가 — 알아서 끝까지

인증된 직후 Claude는 1.1의 한 줄을 다시 꺼내 — repo 생성 → 첫 commit → push까지 한 호흡에 처리. 사용자는 가만히 보면 됩니다.

💡 한 줄로 시작했지만 — 내부적으로 6단계가 자동 진행. 다음 화면에서 결과 확인.

실습 · STAGE 1.5 · 결과 확인 (1분)

github.com에 — 본인 repo 보임

브라우저에서 github.com/{내아이디} 접속 — 새 repo가 보입니다. 누구나 클릭만으로 들어올 수 있는 공개 주소를 가입 직후 7분 만에 확보.

📌 다음 STAGE 2 — v2 슬라이드 추가도 같은 한 줄로. 인증·repo 생성은 끝.

실습 · STAGE 2 · 같은 파일 · 새 시점 (4분)

slides.html을 v2로 → 한 줄로 새 시점 저장

STAGE 1에서 slides.html(v1 상태)을 올렸습니다. 같은 파일을 v2로 개선해 다시 push — 이전 v1 시점은 GitHub에 그대로 남고, v2가 새 commit으로 추가됩니다. "v1 시점으로 돌려줘"가 가능한 이유.

→ 파일은 1개(slides.html), commit은 3개(시점 3개). 언제든 "v1로 돌려줘"·"v2로 돌려줘" 가능 — 이게 GitHub 본질.

실습 · STAGE 2 · v3 마무리 push (3분)

v3까지 — 패턴 한 번 더

v2 push와 완전히 같은 한 줄 패턴. slides.html을 v3로 마지막 다듬고 push — commit 시점 3개(v1·v2·v3)가 모두 GitHub에 보존됩니다.

→ GitHub Commits 페이지 → 시점 3개 보임. 이제 다음 STAGE 3 — 안전망(롤백) 사용해 봅니다.

실습 · STAGE 3 · ⏪ 롤백 — 이전 시점 복구 (4분)

실수했을 때 — "v2 시점으로 다시"

v3까지 push했는데 "v3가 별로네 — v2가 나았다" 싶으면 한 줄로 되돌리기. commit 시점 3개를 만들어 둔 덕분. 3가지 자주 쓰는 시나리오:

💡 안전 — Claude는 git reset --hard 같은 위험 명령은 확인 묻고 진행. 작업 사라질 일 거의 없음.

실습 · STAGE 3 보너스 · 🕰 VS Code Timeline (2분)

설치 없이 — VS Code Timeline에서 시점 비교

VS Code 내장 기능. 익스텐션 설치 불필요. 파일 1개 클릭 → 좌측 사이드바 하단 TIMELINE 탭 → slides.html의 v1·v2·v3 시점이 시간순으로 보입니다.

💡 STAGE 3 안전망의 시각화 — VS Code만 열면 v1·v2·v3 시점이 마우스 한 번에 비교됩니다.

실습 · STAGE 3 보너스 · 🚫 .gitignore (2분)

올리면 안 되는 파일 — .gitignore에 적어두기

GitHub은 공개 폴더입니다. 비밀번호·API 키는 한 번 push되면 인터넷에 영원히 박제 — 그래서 .gitignore 파일에 미리 적어두면 Claude가 자동으로 제외합니다. 안전망의 또 한 축.

실습 · STAGE 4.1 · 다음 주 맛보기 (1분)

마지막 — 스킬 하나로 v3 더 쉽게 다듬기

지금까지는 git/GitHub 사용. 마지막으로 Claude에 "스킬"이라는 확장 기능을 하나만 깔아봅니다. 새로 만드는 게 아니라, 오늘 만든 slides.html v3를 더 보기 좋게 다듬는 데 써봅니다.

📌 스킬 = Claude의 전문 분야 확장팩. 수십 가지 존재 — 원리·종류는 다음 주, 오늘은 동작 한 번만.

실습 · STAGE 4.2 · 한 줄로 설치 (1분)

Claude에게 — "설치해줘" 한 줄

마켓플레이스 검색·다운로드·활성화는 Claude가 자동으로 처리. 사용자는 평소처럼 자연어 한 줄.

💡 한 번 설치 → 영구 활성. 다음 프로젝트·다음 주에도 자동 사용 가능.

실습 · STAGE 4.3 · v3 업데이트 (3분)

기존 slides.html v3 — 스킬로 한 단계 다듬기

새 파일 만드는 게 아닙니다. STAGE 2에서 만든 slides.html v3를 같은 스킬로 spacing·hierarchy·hover까지 끌어올림 — Claude가 알아서 적용합니다.

→ 결과는 새 commit으로 자동 저장 (v3 → v3.1 시점). 마음에 안 들면 STAGE 3에서 배운 "v3 시점으로 돌려줘"로 안전 복귀.

실습 · STAGE 4.4 · 결과 (1분)

v3 → v3 + 스킬 — 같은 콘텐츠, 다른 품질

텍스트·정보는 그대로. spacing·hierarchy·motion만 한 단계 위로 — 스킬이 한 일.

→ 다음 주 — 이런 스킬이 수십 가지 있다는 걸 배우고, 본인 업무에 맞춰 골라 쓸 수 있게 됩니다

Week 03 완료

수고하셨습니다 — 다음 주에 만나요

오늘 STAGE 4에서 /frontend-design 맛보기로 본 그 흐름 — 다음 주는 스킬·MCP의 원리를 더 깊게 다룹니다.

AI 팀 교육 · Week 03 · GitHub 사용법 (Claude로 자연어 git)