본문 바로가기

카테고리 없음

[GitHub] GitBash를 이용하여 GitHub에 파일 올리기

자신이 작성한 코드를 GitBash를 이용하여 GitHub에 올리는 방법을 알아보겠습니다.

 

Git Bash는 Windows에서 Unix 명령어를 실행하고 Git 저장소를 관리할 수 있게 해주는 프로그램입니다.

Git Bash는 Windows, Mac, Linux에서 모두 사용할 수 있으며,

Git을 이용한 버전 관리를 하는 개발자들이 편리하게 사용합니다.

Git Bash를 사용하면 Git 명령어를 편리하게 사용할 수 있으며,

윈도우에서도 리눅스나 맥 버전의 터미널을 사용하는 느낌을 받을 수 있습니다.

 

< 요약 >

처음 올리는 프로젝트의 경우

1) git init

   - 현재 프로젝트에서 변경 사항 추적(버전관리)를 시작하는 명령어

2) git remote add origin https://github.com/gitseodong/html-test.git

   - 2)는 4)의 뒤에 실행해도 됩니다. 다시 말해, 1) 2) 3) 4) 5) 또는 1) 3) 4) 2) 5) 의 순서로 해도 됩니다.

   - origin이란 별칭으로 원격 저장소를 연결

3) git add .   (add 띄고 점입니다.)

   - 모든 파일의 변경사항을 추적하도록 지정

4) git commit -m '원하는 메시지 작성'

   - commit : 버전 생성

5) git push origin master

   - origin이란 별칭의 원격 저장소로 버전 내역을 전송함

 

유저이름과 이메일을 등록하라는 메시지가 뜰 경우 (1번만 하면 됨)

   - 아래의 1), 2)만 해도 됨

 

1) git config --global user.name 'github의 본인 닉네임을 씀'

2) git config --global user.email 'github의 email을 씀'

3) git config --global core.autocrlf true (macOS : git config --global core.autocrlf input)

   - 개행 문자(NewLine) 설정

4) git config --global --list

   - 구성 확인 : 위 3가지가 잘 등록됐는지 확인하는 명령어

 

변경된 내용만 올리는 경우

1) git add .

2) git commit -m '원하는 메시지 작성'

3) git push origin master

 

1. git 다운받기

 

우선 git을 다운받아 설치해야 합니다.

아래와 같이 google에서 'git'을 검색하고,

빨간색 동그라미 부분의 Downloads를 눌러줍니다.

 

git download
git download

 

아래와 같이 우측의 Download for Windows를 눌러줍니다.

 

git download 2
git download 2

아래와 같이 Click here to download를 눌러줍니다.

 

git download 3
git download 3

 

파일을 다운로드 하고 설치를 시작합니다.

수 많은 선택지가 계속 나오는데, 간단하게 'Next'를 눌러주세요.

그러면 설치가 시작됩니다.

 

2. GitBash 실행하기

 

설치가 완료되면, 아래와 같이 파일 탐색기에서 자신의 코드가 있는 곳으로 들어가줍니다.

빈 곳에 대고 마우스 우클릭을 하면 컨텍스트 메뉴가 나오고,

빨간색 동그라미 부분의 'Git Bash Here'를 눌러줍니다.

 

git bash here
git bash here

만약 아래와 같은 컨텍스트 메뉴가 나온다면

추가 옵션 표시를 눌러줍니다.

 

추가옵션표시
추가옵션표시

그러면 아래와 같이 GitBash가 실행됩니다.

ls -al (엘 에스 마이너스 에이 엘)이라는 명령어를 치면 해당 폴더에 들어있는 모든 하위폴더와 파일들이 나옵니다.

 

git bash (ls -al)
git bash (ls -al)

폴더에 아무 파일도 없는 분은

VSCode에서 index.html 파일을 만들고 '! tab'을 눌러서 기본코드를 생성하여 ctrl + s 로 저장해주시면 됩니다.

VSCode에서 index.html 파일을 만드는 방법은 하단에 링크를 첨부하겠습니다.

 

GitBash를 사용하기 전에 저장소의 주소를 복사해오겠습니다.

github.com 에 로그인하시면 아래와 같은 화면이 나옵니다.

빨간색 동그라미 부분을 클릭하여 해당 저장소에 들어갑니다.

 

Copy an address
Copy an address

아래의 빨간색 동그라미 부분을 클릭하면 저장소의 주소가 복사됩니다.

주소를 직접 타이핑할 수 있으면 복사하지 않으셔도 됩니다.

 

Copy an address 2
Copy an address 2

이제 다시 GitBash로 돌아옵니다. 

다음은 GitBash에서 코드를 github에 올리는 명령어의 순서입니다.

아래의 명령어는 GitBash뿐만 아니라 터미널(cmd)에서도 실행 가능합니다.

 

1) git init

2) git remote add origin https://github.com/gitseodong/html-test.git

3) git add .

4) git commit -m '원하는 메시지 작성'

5) git push origin master

 

 

아래와 같이 git init을 치면 .git이라는 폴더가 생성됩니다.

git init은 이 폴더에 github의 성격을 부여해주는 명령어입니다.

 

git init
git init

 

아래와 같이

git remote add origin https://github.com/gitseodong/html-test.git

git add .  (git add 띄고 점)

명령어를 차례로 쳐줍니다.

 

git remote & git add
git remote & git add

remote 명령어는 이 폴더를 github의 저장소와 연결해주는 역할을 합니다.

origin은 리모트 저장소의 이름이고 다른 이름으로 적어주어도 됩니다.

 

만약 이름을 변경하고 싶다면

git remote rename origin myorigin

와 같이 명령어를 치시면 됩니다.

그러면 이름이 origin에서 myorigin으로 변경됩니다.

 

git add . 명령어는 현재 폴더 내의 모든 파일과 폴더를 Staging Area(임시저장소)에 저장하는 역할을 합니다.

만약 특정 파일만 저장하고 싶다면 .(점) 대신에 git add index.html 과 같이 파일명을 적어주시면 됩니다.

 

다음은 아래와 같이 git commit -m '원하는 메시지 작성' 명령어를 치시면 됩니다.

 

git commit
git commit

 

commit 명령어는 파일이나 폴더의 변경사항을 로컬저장소(.git 폴더)에 저장하는 역할을 합니다.

-m 옵션은 message를 작성하는 옵션이고, -m 옵션 뒤의 따옴표 사이에 원하는 메시지를 작성해주면 됩니다.

같은 프로젝트를 진행하는 협업 개발자에게 메시지를 전달하거나

파일의 특성을 기록으로 남겨놓는 역할을 합니다.

 

index.html 파일 1개만 올리는 중이므로 위의 스샷에 1 file changed라고 출력되었습니다.

변경된 사항이 저장된 것입니다.

아직은 실제 git hub의 저장소(리모트 저장소)에 변경사항이 넘어간 상태는 아닙니다.

 

다음은 아래와 같이 git push origin master 명령어를 치시면

commit된 파일과 폴더들이 github의 리모트저장소에 저장됩니다.

 

git push
git push

git push origin master 에서 origin은 git remote 명령어에서 설정했던 리모트저장소의 이름입니다.

master는 master branch를 의미합니다.

1개의 github의 저장소의 코드에 많은 수의 협업 개발자가 접속할 수 있고,

각 개발자는 branch를 갖고 있습니다.

github에 repository(리모트 저장소)를 만들면 master branch가 자동으로 생성됩니다.

git push origin master 명령어는 master branch에 저장된 변경사항을 github의 repository로 저장합니다.

자신의 브랜치가 master branch가 아니면 master 대신에 자신의 branch 이름을 적으면 됩니다.

 

아래와 같이 github 사이트에서 방금 저장한  파일을 확인해볼 수 있습니다.

 

Checking the uploaded file.
Checking the uploaded file.

 

 

 

< 관련 링크 >

[VSCODE] VSCode에서 html 파일 생성하기

 

[VSCODE] VSCode에서 html 파일 생성하기

1. VSCode에서 프로젝트 생성하기 HTML 파일을 생성하여 HTML 코드를 작성해보겠습니다. VSCode에서는 파일 단위가 아닌 프로젝트 단위로 파일을 관리합니다. 프로젝트의 기준은 '폴더'입니다. 기준 폴

webprogramming.tistory.com

[GitHub] GitBash를 이용하여 GitHub의 파일 다운받기

 

[GitHub] GitBash를 이용하여 GitHub의 파일 다운받기

우리는 github에 올린 파일을 어떤 컴퓨터에서든 다운받아서 이어서 코딩을 할 수 있습니다. github에 올린 코드를 다운로드 하는 방법을 알아보겠습니다. 방법은 크게 2가지입니다. 한 가지는 git ba

webprogramming.tistory.com