Skip to content

Latest commit

 

History

History
119 lines (67 loc) · 5.34 KB

File metadata and controls

119 lines (67 loc) · 5.34 KB

STEP 07: GitHub Desktop에서 커밋 후 푸시하기 (macOS)

🎯 이 단계에서 배우는 것

커밋(Commit)은 수정한 파일을 그냥 저장하는 것을 넘어, 어떤 내용을 바꿨는지 기록으로 남기는 방법입니다. 커밋(Commit)을 통해 작업 내용을 차곡차곡 정리하고 관리하는 흐름을 익힙니다.

푸시(Push)는 내 컴퓨터(노트북)에서 작업한 내용을 깃허브(GitHub)에 올리는 방법입니다. 푸시(Push)를 하면 내 컴퓨터에서 만든 변경 사항을 깃허브(GitHub)에도 반영할 수 있습니다.

📚 커밋(Commit)이 뭔가요?

커밋(Commit)은 변경한 파일을 저장소(Repository)의 히스토리에 기록하는 작업입니다.

Tip

히스토리란 파일을 언제 어떻게 수정했는지 남겨두는 기록을 말합니다. 히스토리 덕분에 나중에 변경 내용을 다시 확인할 수 있습니다.

📚 푸시(Push)가 뭔가요?

푸시(Push)는 내 컴퓨터에서 커밋(Commit)한 변경 사항을 깃허브(GitHub)에 업로드하는 작업입니다.

✍️ 커밋하기

1단계: 깃허브 데스크탑 확인

Tip

깃허브 데스크탑을 실행중이지 않다면, STEP 06 : 변경 사항 확인을 참고해 깃허브 데스크탑을 우선 실행합니다.

깃허브 데스크탑에서 파일의 변경 사항을 확인합니다.

깃허브 데스크탑 변경사항

2단계: 파일 선택

우리가 수정했던 README.md 파일을 선택한 상태인지 확인 후, 안 한 상태라면 README.md 파일을 클릭해 선택합니다.

Tip

기본적으로 모든 변경 사항을 커밋하도록 수정한 내용이 있는 파일들을 모두 선택합니다

깃허브 데스크탑 파일 선택

3단계: 커밋 내용(메시지) 작성

커밋을 위한 내용(메시지)을 작성합니다.

아래 사진 속 화살표 방향 칸에 커밋 제목을 작성합니다.

Tip

커밋 제목 : 이번에 무엇을 바꿨는지 한 줄로 짧게 쓰는 부분입니다.

깃허브 데스크탑 커밋 메시지 : 제목

아래 사진 속 화살표 방향 칸에 커밋 본문을 작성합니다.

Tip

커밋 본문: 제목만으로 설명이 부족할 때, 자세한 내용을 덧붙여 쓰는 부분

깃허브 데스크탑 커밋 메시지 : 본문

4단계: 커밋 버튼 클릭

깃허브 데스크탑 커밋 버튼

Commit 1 file to main 버튼을 클릭하여 커밋합니다.

🔼 푸시하기

1단계: 푸시 버튼 클릭

깃허브 데스크탑 위쪽 부분에서 세 번째 공간에 있는 Push origin 버튼을 클릭합니다.

푸시 버튼

성공적으로 푸시했다면, 다음과 같이 Fetch origin 버튼으로 바뀝니다.

푸시 성공 후 버튼

2단계: 깃허브 웹사이트에서 확인

아래 사진 속 빨간 네모 부분에 마우스 우클릭(또는 트랙패드로 두 손가락 클릭)을 수행합니다.

깃허브 웹사이트 저장소 이동

View on GitHub 버튼을 클릭합니다.

깃허브 웹사이트 저장소 이동

3단계: 저장소 확인

아래 사진과 같은 화면이 보인다면, 빈 공간 아무 곳이나 한 번 클릭한 후, command + R 키를 눌러 새로고침을 합니다.

깃허브 웹사이트 저장소 새로고침

자신이 작성한 리드미 파일 내용이 맞는지 확인합니다.

깃허브 웹사이트 README 파일 확인

자신이 작성한 커밋 메시지도 한 번 확인해봅니다. 아래 사진 속 빨간 네모 부분의 텍스트를 클릭합니다.

깃허브 웹사이트 커밋 메시지 확인

커밋 메시지 제목과 본문이 모두 보이는지 확인합니다.

깃허브 웹사이트 커밋 메시지 제목과 본문 확인

Important

그리고 주소창의 주소를 메모장 등에 복사해둡니다. 다음 단계에서 이 주소가 필요합니다.

복사할 주소는 다음과 같은 형태 입니다 : https://github.com/{{본인 GitHub 아이디}}/my-first-project

깃허브 웹사이트 주소 복사

✅ 완료!

축하합니다! 🎉 수정한 파일을 커밋하고 깃허브까지 성공적으로 업로드했습니다!

이제 우리는 파일을 수정한 뒤, 그 내용을 커밋하고, 푸시를 통해 깃허브에 반영하는 전체 흐름을 한 번 완성했습니다.

다음 단계에서는 커밋 이후 다른 변경 사항을 가져오는 방법인 풀을 배우면서, 협업 흐름까지 더 확장해볼 예정입니다.


👈 이전: STEP 06: 내 컴퓨터에서 파일 수정 또는 생성하기

👉 다음: STEP 08: 원격 저장소에서 깃허브 변경 내용 가져오기