WORKSHOP · VS CODE

Git & GitHub 입문

VS Code로 배우는 코드 저장과 협업. 명령어 암기가 아니라 “지금 내 코드가 어디에 있지?” 에 답할 수 있게 되는 것이 목표입니다. VS Code 버튼과 터미널 명령을 언제나 나란히 보여줍니다.

자료

SLIDES · 55장

수업 슬라이드

투사용 덱. 문제 제기 → Git/GitHub 구분 → 4공간 → 실습 10개 → 팀 협업 → 확인 문제 순. 실제 GitHub 화면과 SVG 도식으로 설명하며, 강사 노트(S 키)에 진행 요령이 들어 있습니다.

열기 → SUMMARY · 확인용

한 번에 훑어보기

수업에서 지나간 순서 그대로 이어 놓은 요약본. 위에서 아래로 한 번 읽으면 그날 수업이 한 바퀴 돕니다. 확인 문제와 실습 체크리스트로 스스로 점검할 수 있습니다.

열기 →

이 시간의 중심 그림

Working
작업 공간
Staging
준비 공간
Local Repo
내 저장소
Remote
GitHub
→ git add→ git commit→ git push← git pull
앞의 3칸은 전부 내 컴퓨터 안입니다. 인터넷을 타는 동작은 마지막 하나뿐 — 그래서 Commit 을 해도 GitHub 에는 아직 아무것도 없습니다.
학생이 막힐 때 던지는 질문은 언제나 하나: “지금 코드가 어디에 있어?”

실습 10 — 이 순서로 진행합니다

  1. git-study 폴더 + index.html 작성
  2. Initialize Repository (= git init)
  3. + 버튼으로 Stage
  4. 메시지 쓰고 Commit
  5. GitHub에서 Repository 생성
  6. Publish to GitHub — 여기서 처음 인터넷을 탑니다
  7. 한 줄 추가 → Stage → Commit → Push
  8. GitHub 웹에서 직접 수정
  9. VS Code에서 Pull
  10. Git: Clone 으로 받아 보기
실습 중 가장 많이 칠 명령어는 git status 입니다. 이상하다 싶으면 다른 명령어를 치기 전에 이것부터 — 이 습관 하나가 오늘 수업의 절반입니다.

시작 전 준비물

  1. Git 설치 — 터미널에서 git --version 이 버전 번호를 뱉으면 완료
  2. GitHub 계정 — 가입에 쓴 이메일 주소를 기억해 두세요 (설정에 씁니다)
  3. VS Code — 기본 Git 기능만 씁니다. 확장 프로그램은 필요 없습니다
맛만 보고 넘어가는 것 — Conflict(충돌)와 Branch는 “왜 생기는가”까지만 봅니다. 해결법(Merge · Pull Request · Code Review)은 다음 시간입니다. Commit · Push · Pull · Clone 이 정확해진 다음에 가야 합니다.