GitHub & VS Code 연동부터 형상관리까지

1.1 초기 설정

1. Git 설치
Git이 설치되지 않았다면 Git 공식 사이트에서 설치합니다.

 

2. GitHub 계정 생성 및 로그인
GitHub 계정을 생성하고 로그인합니다.

 

3. VS Code 설치
VS Code를 설치하고 실행합니다.
VS Code 다운로드

 

4. GitHub 확장 설치
VS Code의 Extensions 탭에서 "GitHub" 또는 "GitLens" 확장을 설치합니다.

---

1.2 GitHub Repository 생성

1. GitHub 웹사이트에서 Repository 생성

• GitHub에서 New Repository를 클릭하여 새 저장소를 만듭니다.
• 예: 저장소 이름을 example로 지정.

2. 로컬 프로젝트와 GitHub 연결

git init
git remote add origin https://github.com/your-username/example.git

 

3. 파일 생성 및 업로드

• 프로젝트 디렉토리에서 index.html과 같은 파일을 생성 후 스테이지 및 커밋:

git add index.html
git commit -m "(날짜 ex.241205) (이름) (커밋 메시지)"
git push origin main

 

---

1.3 VS Code 연동

1. VS Code에서 Repository Clone

• Ctrl+Shift+P를 누르고 Git: Clone 명령 실행.
• GitHub URL을 입력하여 로컬 디렉토리에 클론.

 

2. 파일 변경 추적 및 커밋

• VS Code의 Source Control 탭에서 파일 변경 내용을 확인하고 커밋.

 

3. Push & Pull

• 변경사항을 GitHub에 Push
• 최신 원격 변경사항을 Pull로 동기화.

---

2. 형상 관리 및 협업

2.1 기본 명령어

1. 파일 추가 및 상태 확인

git add *
git status

 

2. 커밋

git commit -m "커밋 메시지"

 

3. 원격 저장소에 푸시

git push origin main

 

---

2.2 협업 절차

1. Fork & Clone

• 다른 사용자의 저장소를 Fork하고 본인의 GitHub 계정으로 복사.

• 복사한 저장소를 로컬에 Clone:

git clone https://github.com/your-username/example.git

 

2. 브랜치 생성 및 작업

git checkout -b feature-branch

 

3. 작업 후 Push & Pull Request 생성

git push origin feature-branch

• GitHub 웹사이트에서 Pull Request를 생성.

4. 코드 리뷰 및 Merge

• PR에 대한 리뷰 및 의견 댓글 추가.
• Merge Pull Request로 병합.

5. Fork 저장소 동기화

• 원본 저장소와 동기화:

git fetch upstream
git merge upstream/main
git push origin main

---

2.3 충돌 해결

1. 충돌 발생 시

• 충돌 파일 확인:

git status

 

• 파일 내 충돌 부분 수정 후 커밋

git add 파일명
git commit -m "Resolve conflicts"

 

2. 병합 완료

• GitHub에서 Merge Pull Request 클릭 후 Confirm Merge.

---

2.4 Revert

• 잘못된 커밋을 되돌리기:

git revert 커밋ID

---

3. GitHub 협업 설정

1. Collaborator 추가
   • GitHub 저장소 Settings > Manage Access > Invite Collaborator.
   • 이메일 또는 GitHub ID로 협업자를 초대.
2. 권한 관리
   • 권한 수준 설정 (읽기, 쓰기, 관리자 등).