🐙

GitHub 완전 분해
갈아마시는 가이드

밑바닥부터 하나하나 · 아무것도 모르는 사람도 OK
개념 → 설치 → 실전 → 고급까지 완전 정복

🔰 완전 초보용 ⚡ 실전 명령어 🧩 개념 완전 분해

GitHub이 뭔가? 처음부터 분해

창고, 기록, 협업, 배포를 한 번에

📦 한마디로 설명하면?

GitHub는 인터넷에 있는 프로젝트 창고입니다. 파일을 올려 두면 어디서든 볼 수 있고, 변경 기록도 남고, 웹사이트도 바로 배포할 수 있습니다.

📚 핵심 5개만 기억하기

  • Repository 는 프로젝트 폴더
  • Commit 은 저장 지점
  • Push 는 GitHub로 올리기
  • Pull 은 GitHub에서 가져오기
  • Pages 는 웹사이트 배포 기능

핵심 개념

Repository, Commit, Branch, Remote

🧩 꼭 알아야 할 개념

  • Repository 는 프로젝트 전체를 담는 저장소입니다.
  • Commit 은 변경사항을 설명과 함께 저장하는 동작입니다.
  • Branch 는 원본을 건드리지 않고 실험하는 작업 공간입니다.
  • origin 은 원격 저장소의 기본 이름입니다.

가입과 설치

처음 한 번만 해두면 끝

💻 기본 준비

  • GitHub 계정을 만든다.
  • 컴퓨터에서는 Git을 설치한다.
  • git config --global user.nameuser.email 을 설정한다.

명령어 사전

자주 쓰는 명령어만 먼저 익히기

⌨️ 황금 3줄

실전 명령어
git add .
git commit -m "수정 내용"
git push

실전 업로드

HTML 파일을 GitHub에 올리는 실제 흐름

🚀 처음 올릴 때

첫 업로드
git init
git add .
git commit -m "first upload"
git branch -M main
git remote add origin https://github.com/아이디/저장소.git
git push -u origin main

Pages 배포

HTML 파일을 무료 웹사이트로 공개

🌐 GitHub Pages

저장소에 index.html 이 있으면 GitHub Pages로 웹사이트를 배포할 수 있습니다. 보통 주소는 https://사용자명.github.io/저장소명/ 형식입니다.

이 저장소는 이미 GitHub Pages가 연결되어 있어서, 파일을 수정하고 git push 하면 자동으로 다시 배포됩니다.

브랜치와 협업

안전하게 실험하고 함께 작업하기

🌿 브랜치 기본

브랜치는 원본을 건드리지 않고 새 기능을 실험하는 공간입니다. 혼자 작업할 때는 main 만 써도 되지만, 큰 수정은 브랜치로 나누면 더 안전합니다.

용어사전

헷갈리는 단어 빠르게 정리

Repository
프로젝트 폴더 전체를 뜻합니다.
Commit
변경사항을 기록하는 저장 지점입니다.
Push
내 컴퓨터의 변경사항을 GitHub로 올립니다.
Pull
GitHub의 변경사항을 내 컴퓨터로 가져옵니다.

퀴즈 테스트

기초 개념 점검

🧪 빠른 확인 문제

Q1. GitHub로 파일을 올리는 명령어는?

Q2. 첫 페이지 파일명은 보통 무엇인가?

🎬

유튜브 연계

영상과 웹페이지를 함께 운영하기

📺 활용 팁

유튜브 영상 설명란에 GitHub Pages 주소를 넣으면 시청자가 자세한 텍스트 가이드와 링크 모음을 한 번에 볼 수 있습니다.

✏️

파일 수정법

웹에서 수정하거나 컴퓨터에서 편집하기

🛠️ 가장 쉬운 방법

이 사이트를 수정하려면 index.html 을 바꾼 뒤 아래 3줄만 실행하면 됩니다.

다시 배포하기
git add .
git commit -m "update site"
git push