04강 Git은 타임머신이다 — 인터랙티브 시연 도구

① 세이브포인트 타임라인 (커밋)

잘 된 순간을 콱 찍으면 점이 쌓이고, 아무 점이나 누르면 그때로 되감긴다.

지금 화면 (작업 중)

작업 미리보기 — 우리가 AI와 함께 만드는 가게 홈페이지

☕ 김지백 북카페

책과 커피가 있는 동네 사랑방

매일 10:00–22:00 · 월요일 휴무

내 작업의 역사 (커밋 = 세이브 지점)

☁️ 깃허브에 백업됨

아직 커밋이 없어요.
[🔧 작업하기]로 화면을 바꾸고 → [📌 커밋 찍기]로 이 순간을 저장해 보세요.

더 손볼 게 없어요 — 점을 눌러 되감기를 해보세요 점을 클릭하면 그 시점으로 되감기 (미래 점은 안 사라져요)

💻 사실, 위 버튼들의 진짜 이름은 '터미널 명령어'예요

📌 커밋(저장) 찍기  →  git commit -m "수정 완료"
☁️ 깃허브에 백업    →  git push

🙌 근데 이거, 하나도 안 외워도 돼요!

개발자는 위 명령어를 직접 치지만, 여러분은 AI에게 말로 하면 끝이에요 —

“깃허브에 커밋하고 푸쉬해줘”

저장할 이름(커밋 메시지)까지 정하고 싶다면, 그것도 그냥 말로 —

“깃허브에서 커밋 푸쉬 ‘영업시간 안내 추가’로 저장해줘”

→ 그러면 AI가 알아서 git commit -m "영업시간 안내 추가" 하고 git push 까지 해줘요.

잘 된 순간마다 콱 찍어두면 → 점이 쌓이고 → 아무 점이나 눌러 그때로 되감기. 이게 타임머신이에요.

② 망해도 되돌리기 (안전망)

화면이 와르르 망가져도, 버튼 하나면 멀쩡하던 시점으로 한 방 복구.

현재 화면 — 마지막 커밋: 영업시간 안내 추가

✓ 정상

☕ 김지백 북카페

책과 커피가 있는 동네 사랑방

매일 10:00–22:00 · 월요일 휴무

☕ 김지백 북☕카페

책과 커피가 있는… 책과 커피가 있는… 겹침겹침

10:00–22:??

월요일 휴무???

✗

버튼을 눌러보세요. 일부러 망가뜨려도 — 되돌릴 점이 있으면 1초면 복구돼요.

📼 도입부 한 장면: "'아까 그걸로 되돌려줘' 했더니 AI가 '이전 상태가 저장돼 있질 않아서 처음부터 다시…' — 미리 커밋만 찍어뒀으면 안 당할 일이었어요."

🔙 “그냥 Ctrl+Z(실행취소) 누르면 되지 않나요?”

한글(hwp)에서 Ctrl+Z는 잘 되죠. 그런데 코드는 되돌리기(UNDO)를 눌러도 그 전으로 100% 못 돌아갈 때가 많아요(실제로 자주 겪어요). 왜 그럴까요?

🏖️ 실행취소(Ctrl+Z) = 모래사장에 찍힌 내 발자국을 거꾸로 밟기

방금 걸어온 몇 걸음은 되돌아갈 수 있어요.
그런데 바람이 불거나(편집기를 껐다 켜면) · 너무 멀리 오면(고친 게 많이 쌓이면) → 발자국이 지워져서 그 지점으로 못 돌아가요.
게다가 코드는 여러 파일이 한꺼번에 바뀌어요(특히 AI가 자동으로 고칠 때). 실행취소는 ‘방금 친 타자’만 한 칸씩 되돌릴 뿐이라 거기까진 못 따라가요. → 그래서 100% 복구가 보장이 안 돼요.

📸 커밋 = 그 순간을 ‘사진으로 찰칵’ 박아두기 (세이브포인트)

사진이 통째로 남아 있으니 언제든 그 장면으로 정확히(100%) 복귀해요. 실행취소가 ‘직전 몇 걸음 되감기’라면, 커밋은 박아둔 저장 지점 어디로든 점프 — 안전망의 차원이 달라요.

👉 그래서 위험한 작업 전에 커밋(저장 지점)을 찍어둬요. AI에게 “여기까지 커밋해줘” 한마디면 끝이에요.

안전망이 있으면 → 과감해진다. 되돌릴 점 = 용기의 조건.

③ 브랜치 평행세계 (실험)

본편은 그대로 두고 → 다른 길에서 실험 → 맘에 들면 합치기(머지).

나

동료A

동료B

본편(main) — 손님이 보는 진짜 화면

안 변했죠? 🔒 본편은 안전

☕ 김지백 북카페

책과 커피가 있는 동네 사랑방

실험 브랜치 — 부서져도 본편엔 영향 없음

🔒

아직 실험실이 없어요

본편은 그대로 두고 → 다른 길에서 실험 → 맘에 들면 합치기. 그래서 겁 없이 도전할 수 있어요.

📌 또 언제 써요? — 실전 사례: ‘여름 할인 이벤트 페이지’

북카페 사이트에 여름 할인 이벤트 페이지를 새로 붙이고 싶어요. 그런데 만드는 동안 손님은 계속 들어오죠.
① 손님이 보는 본편(main)은 그대로 영업 → ② 옆 브랜치에서 이벤트 페이지를 마음껏 제작·수정 → ③ 완성돼 맘에 들면 본편에 합치기(머지) → ④ 별로면? 브랜치만 버리면 끝, 본편은 멀쩡해요.

⚠️ 브랜치 없이 ‘본편에서 바로’ 고치면? — 이런 위험이 있어요

손님이 보고 있는 도중에 화면이 깨진 채로 그대로 노출돼요.
실험이 망하면 되돌리기 전까지 사실상 가게 문을 닫아야 해요(영업 중단).
여러 명이 동시에 같은 화면을 고치면 서로 덮어쓰고 충돌나서 누구 작업이 사라져요.

🧠 이거랑 똑같아요 — 일상 비유

🍳 요리 연습용 접시 — 손님상(본편)은 그대로 두고, 연습용 접시(브랜치)에서 새 레시피를 시험해요. 맛있으면 정식 메뉴에 올리고(머지), 실패하면 그 접시만 치우면 끝.
📄 문서 ‘다른 이름으로 저장’ — 원본은 안전하게 두고 사본에서 마음껏 고친 뒤, 좋을 때만 원본에 반영하는 것과 똑같아요.

④ 커밋 메모: 좋은 거 vs 나쁜 거

메모 한 줄이 미래의 나를 구한다. 양쪽에서 같은 시점을 직접 찾아보자.

🎯 3일 뒤의 내가 '예약 버튼 색 바꾼 그 시점'으로 돌아가야 해요. 어느 점일까요? 양쪽에서 직접 눌러 찾아보세요.

✗ 나쁜 메모 타임라인

수정함

ㅁㄴㅇㄹ

asdf

또 수정

수정2

진짜최종

✓ 좋은 메모 타임라인

메인 카드 디자인 완성✓

가게 소개 문구 추가✓

예약 버튼 색 파랑으로 변경✓

영업시간 안내 추가✓

오타 수정: 영엽시간 → 영업시간✓

모바일에서 줄바꿈 깨진 것 고침✓

파일 이름 최종_진짜최종이 슬펐던 이유랑 똑같아요. 메모 한 줄이 미래의 나를 구합니다.

⑤ 좋은 지시 vs 나쁜 지시 (이 강의의 결론)

단어 두 개(커밋·브랜치)를 알면, 사장처럼 시키고 AI 말도 받아친다.

✗ 나쁜 지시

결과가 여기에 나타납니다

안전망이 있으면 → 과감해진다

죽으면 매번 그날 아침 똑같은 지점으로 돌아가니까 → 겁 없이 다 찔러봐요. 그래서 이겨요. 커밋이 딱 이 '돌아갈 아침'이에요.

그날그날 뭘 했는지 빠짐없이 적어놨으니 몇백 년 뒤에도 그 시점을 정확히 찾죠. 커밋 메모가 바로 그 실록이에요.

되돌릴 점 = 용기의 조건

✓ 좋은 지시

결과가 여기에 나타납니다

🤖 AI: "이건 잘못 건드리면 다 깨질 수 있어서요, 새 브랜치를 따서 실험하고 잘 되면 메인에 머지하겠습니다."

"네… 알아서 잘… 해주세요…" (멍, 통과 → 사고 나도 왜인지 모름)

가운데 🎬 / 📜 비유 카드를 눌러보세요. 복사 버튼은 수업 직후 학생이 바로 써먹게.

외부강사 김지백 · AI 교육자료

← 강의 목록 🏠 홈