1단계: 깃헙(GitHub)에서 최신 변경사항 가져오기
- 깃헙의 프로젝트 페이지로 들어가서 작업을 할 저장소(Repository)를 찾아주세요.
- 프로젝트의 변경사항을 가져오는 데는 두 가지 방법이 있는데요:
- git fetch: 깃헙 서버에 있는 최신 변경사항을 확인만 하고, 바로 내 컴퓨터의 코드에는 반영하지 않습니다.
- git 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를 통해 코드 변경하기
이제 브랜치에서 필요한 변경 작업을 할 시간이에요.
- VS Code 편집기에서 업데이트하려는 파일을 찾으세요.
- 파일을 열어 필요한 내용을 수정하세요. 텍스트나 이미지를 바꾸거나, 새 기능을 추가하는 등의 작업을 자유롭게 할 수 있습니다.
- 변경 사항을 저장하세요. VS Code에서는 Ctrl + S (또는 Mac은 Cmd + S)를 누르면 저장됩니다.
Tip: 수정한 파일은 VS Code의 왼쪽 상단에 있는 소스 제어(Source Control) 아이콘을 클릭하면, 수정된 파일 목록에 표시돼요.
4단계: 커밋(commit) 하기
변경 사항을 저장한 후에는 깃에 반영해야 해요. 이 과정을 **커밋(commit)**이라고 합니다.
- 터미널에서 다음 명령어를 입력해 변경 사항을 커밋 준비 상태로 만듭니다:
- git add .는 현재 폴더 내 모든 파일의 변경 사항을 반영하겠다는 의미예요.
git add .
- 이제 커밋을 생성합니다. 다음 명령어를 입력하세요:
- 여기서 -m "메시지"는 커밋 메시지를 추가하는 부분이에요. 어떤 내용을 변경했는지 쉽게 알아볼 수 있게 간단히 작성하면 됩니다. 예를 들어, "웹 페이지 텍스트 업데이트"처럼 작성할 수 있어요.
git commit -m "웹 페이지 업데이트: 변경 내용 설명"
5단계: 깃헙에 푸시(push) 하기
커밋이 완료되면, 이 변경 사항을 깃헙에 반영해야 합니다. 이 작업을 **푸시(push)**라고 해요.
- 터미널에 다음 명령어를 입력해 새 브랜치를 깃헙에 푸시하세요:
- 여기서 origin은 깃헙 저장소를 가리키고, update_branch는 방금 만든 브랜치 이름이에요.
git push origin update_branch
- 푸시가 성공하면 깃헙에서 새로운 브랜치가 생성되고, 해당 브랜치에 변경 사항이 포함됩니다.
6단계: 깃헙에서 메인 브랜치와 병합(Merge) 하기 및 웹 배포
이제 깃헙으로 가서 작업을 마무리해 볼게요.
- 깃헙의 저장소 페이지로 가면, 방금 푸시한 브랜치에 대해 "Pull Request를 생성"하라는 메시지가 보일 거예요. 클릭하여 **새로운 Pull Request(풀 리퀘스트)**를 만듭니다.
- Pull Request는 새 브랜치를 메인 브랜치에 합치기 전에, 변경 사항을 검토하고 확인할 수 있는 요청이에요.
- "Create Pull Request" 버튼을 클릭하여 풀 리퀘스트를 생성하세요.
- 모든 검토가 끝나면, "Merge Pull Request" 버튼을 클릭하여 메인 브랜치에 병합합니다.
- 병합이 완료되면 새 브랜치가 메인 코드에 반영됩니다.
웹 배포
이제 배포 과정을 거쳐 웹사이트를 업데이트할 수 있어요. 배포 방법은 프로젝트에 따라 다르지만, 일반적으로 **깃헙 페이지(GitHub Pages)**나 Netlify 또는 Vercel을 사용한다면 다음 단계에서 자동으로 업데이트됩니다.
Note: 만약 수동으로 배포해야 하는 경우, 프로젝트의 배포 지침을 따라 진행하면 됩니다.
정리
- git pull로 최신 변경 사항 가져오기.
- 브랜치 생성하여 작업 환경 마련.
- 코드 수정 후 커밋하여 변경 사항 저장.
- 푸시하여 깃헙에 반영.
- Pull Request 생성 후 Merge하여 메인 브랜치에 병합.
- 배포를 통해 웹 페이지 업데이트 완료!