본문 바로가기
카테고리 없음

깃허브 코드 수정&업데이트 가이드

by ByteGuard 2024. 11. 14.

1단계: 깃헙(GitHub)에서 최신 변경사항 가져오기

  • 깃헙의 프로젝트 페이지로 들어가서 작업을 할 저장소(Repository)를 찾아주세요.
  • 프로젝트의 변경사항을 가져오는 데는 두 가지 방법이 있는데요:
    • git fetch: 깃헙 서버에 있는 최신 변경사항을 확인만 하고, 바로 내 컴퓨터의 코드에는 반영하지 않습니다.
    • git pull: 깃헙 서버에 있는 최신 변경사항을 내 컴퓨터의 코드로 가져와서, 내 코드와 바로 합칩니다.
    여기서는 git pull을 사용할 거예요. pull을 사용하면 깃헙의 최신 코드가 자동으로 업데이트되니 더 간편합니다.
  • VS Code를 열고 터미널(Terminal)을 엽니다. 아래 명령어를 입력해 깃헙의 최신 변경사항을 내 컴퓨터로 가져오세요
git pull origin main

 

  • Note: origin은 기본적으로 깃헙 서버를 가리키고, main은 우리가 작업할 메인 브랜치예요. 각 프로젝트마다 메인 브랜치 이름이 다를 수 있으니, main 대신 master일 수도 있습니다. 이를 확인한 후 명령어를 입력하세요.
    • git pull을 입력하면 깃헙에서 최신 상태의 코드가 내 컴퓨터로 다운로드되고, 내 로컬 코드와 바로 합쳐집니다.

2단계: 브랜치 만들기

이제 업데이트를 위한 새 브랜치를 만들 거예요. 브랜치는 메인 코드와 독립적으로 작업할 수 있는 새로운 공간이라고 생각하면 됩니다.

  • 터미널에 다음 명령어를 입력해 새로운 브랜치를 만듭니다:
git checkout -b update_branch
  •  checkout -b는 새로운 브랜치를 만들고 그 브랜치로 전환하는 명령어예요.
  • 여기서 update_branch는 새 브랜치의 이름이에요. 원하는 다른 이름으로 지정해도 됩니다. 예를 들어, update_nov13처럼 작업 내용과 날짜를 나타내는 이름을 사용할 수도 있어요.
  • 현재 작업 중인 브랜치가 새로 만든 브랜치(update_branch)로 변경되었는지 확인하려면, 다음 명령어를 입력해보세요:
    • 여기서 현재 위치한 브랜치 이름 앞에 *가 표시되면, 해당 브랜치에서 작업 중이라는 뜻입니다.
git branch

3단계: VS Code를 통해 코드 변경하기

이제 브랜치에서 필요한 변경 작업을 할 시간이에요.

  1. VS Code 편집기에서 업데이트하려는 파일을 찾으세요.
  2. 파일을 열어 필요한 내용을 수정하세요. 텍스트나 이미지를 바꾸거나, 새 기능을 추가하는 등의 작업을 자유롭게 할 수 있습니다.
  3. 변경 사항을 저장하세요. VS Code에서는 Ctrl + S (또는 Mac은 Cmd + S)를 누르면 저장됩니다.

Tip: 수정한 파일은 VS Code의 왼쪽 상단에 있는 소스 제어(Source Control) 아이콘을 클릭하면, 수정된 파일 목록에 표시돼요.


4단계: 커밋(commit) 하기

변경 사항을 저장한 후에는 깃에 반영해야 해요. 이 과정을 **커밋(commit)**이라고 합니다.

  1. 터미널에서 다음 명령어를 입력해 변경 사항을 커밋 준비 상태로 만듭니다:
    • git add .는 현재 폴더 내 모든 파일의 변경 사항을 반영하겠다는 의미예요.
git add .
  • 이제 커밋을 생성합니다. 다음 명령어를 입력하세요:
    • 여기서 -m "메시지"는 커밋 메시지를 추가하는 부분이에요. 어떤 내용을 변경했는지 쉽게 알아볼 수 있게 간단히 작성하면 됩니다. 예를 들어, "웹 페이지 텍스트 업데이트"처럼 작성할 수 있어요.
git commit -m "웹 페이지 업데이트: 변경 내용 설명"

5단계: 깃헙에 푸시(push) 하기

커밋이 완료되면, 이 변경 사항을 깃헙에 반영해야 합니다. 이 작업을 **푸시(push)**라고 해요.

  • 터미널에 다음 명령어를 입력해 새 브랜치를 깃헙에 푸시하세요:
    • 여기서 origin은 깃헙 저장소를 가리키고, update_branch는 방금 만든 브랜치 이름이에요.
git push origin update_branch

 

  • 푸시가 성공하면 깃헙에서 새로운 브랜치가 생성되고, 해당 브랜치에 변경 사항이 포함됩니다.

6단계: 깃헙에서 메인 브랜치와 병합(Merge) 하기 및 웹 배포

이제 깃헙으로 가서 작업을 마무리해 볼게요.

  1. 깃헙의 저장소 페이지로 가면, 방금 푸시한 브랜치에 대해 "Pull Request를 생성"하라는 메시지가 보일 거예요. 클릭하여 **새로운 Pull Request(풀 리퀘스트)**를 만듭니다.
    • Pull Request는 새 브랜치를 메인 브랜치에 합치기 전에, 변경 사항을 검토하고 확인할 수 있는 요청이에요.
  2. "Create Pull Request" 버튼을 클릭하여 풀 리퀘스트를 생성하세요.
  3. 모든 검토가 끝나면, "Merge Pull Request" 버튼을 클릭하여 메인 브랜치에 병합합니다.
  4. 병합이 완료되면 새 브랜치가 메인 코드에 반영됩니다.

웹 배포

이제 배포 과정을 거쳐 웹사이트를 업데이트할 수 있어요. 배포 방법은 프로젝트에 따라 다르지만, 일반적으로 **깃헙 페이지(GitHub Pages)**나 Netlify 또는 Vercel을 사용한다면 다음 단계에서 자동으로 업데이트됩니다.

Note: 만약 수동으로 배포해야 하는 경우, 프로젝트의 배포 지침을 따라 진행하면 됩니다.


정리

  1. git pull로 최신 변경 사항 가져오기.
  2. 브랜치 생성하여 작업 환경 마련.
  3. 코드 수정커밋하여 변경 사항 저장.
  4. 푸시하여 깃헙에 반영.
  5. Pull Request 생성Merge하여 메인 브랜치에 병합.
  6. 배포를 통해 웹 페이지 업데이트 완료!