깃허브(Github)에 소스코드 올리는 방법

내가 볼려고 씀 

어디가서 깃허브도 모르는 개발자 소리를 듣고 싶지 않기에..

 

 

혹시라도 어쩌다 이 글을 보게 되시는 분이 있다면 저 개초보니까 훈수,지적질, 설명충 하시고 싶다

마음껏 해주셨으면 좋겠습니다 

나도 아는 게 많았으면 좋겠어

 

1. 일단 깃허브 계정을 만들고, 깃을 다운로드 해야함

GitHub

GitHub: Let’s build from here

깃허브는 여기고

 

Git - Downloads (git-scm.com) 

Git - Downloads

깃 다운로드는 여기서 하면 됩니다 

운영체제에 맞게 다운로드 해주시면 될듯요

저는 윈도우 써서 그거 다운로드했고, 설치할 때 뜨는 옵션들은 건드리지 않고 그냥 쭉쭉 Next 눌러줌

 

2. 설치가 다 끝났으면 깃허브 들어가줍니다

그리고 New를 눌러서 새로운 레파지토리를 만들어줌

이미 있으신 분은 그거 쓰셔도 되고요

협업을 목적으로 하신다면 public으로 하는게 편함

이름은 하고싶은걸로 하도록 합시다

 

 

그렇게 레파지토리를 만들어주면 이런 창이 뜹니다

 

3. 이제 git Bash를 실행해줍니다(아까 설치했음)

 

그럼 이런 창이 하나 뜰거에요

이제 이 창에 입력해줘야 될 것들이 몇개 있습니다

 

a. git config --global user.name "본인 이름" 

b. git config --global user.email "본인 이메일" (깃허브 가입할 때 기입했던 이메일)

 

이런 식으로 입력해주시면 됩니다

 

잘 되었는지 입력하고 싶다면 

c. git config --list 를 입력해서 확인해줍니다

다른 건 모르겠고 여기만 확인해주면 됨

제대로 들어갔네요

 

4. 이제 소스코드를 올릴 수 있는 만반의 준비가 끝났습니다 

 

그러면 이제 올릴 소스코드를 준비해줍시다

저는 일단 시험삼아 html을 처음 배웠을 때 간단하게 테스트해봤던 코드를 올려 보려고 합니다

 

일단 보통 프로젝트는 폴더 단위니까 폴더를 한번 올려볼게요

그 폴더에서 오른쪽 마우스를 누르고 Open Git Bash Here 클릭

 

이제 아까처럼 명령어를 또 입력해줄겁니다

d. git init

 

Initialized empty Git repository in C:/Users/USER/Desktop/web/.git/ 

제대로 되었다면 이런 문구가 뜰겁니다 저는 폴더가 바탕화면에 있어서 주소가 저렇게 뜸 주소는 당연히 사람마다 다름

ㅇㅇ

근데 아직 이 레파지토리와 내 프로젝트가 연결 된 건 아니다

이제 그 작업을 해주려고 함

e. git remote add origin 본인레파지토리주소

 

레파지토리주소는 여기 있음 

아까 본 사진이죠? 밑에서 두번째줄에 있습니다 이거 복사해서 쓰시면 됨

어라 

왜 오류가 나는?

당황할 필요 없음(사실 전 잠깐 당황하긴 함)

그럴 땐 차분하게 코드를 다시 살펴보면 됩니다 

우리가 살고 있는 건 21세기 문명사회, 어떤 문제든 다 해결할 수 있다

보니깐 git을 빼먹었네요 

이런 실수 하지 마시라고 올려둠 근데 나만 하는 실수같긴 하다 

 

이것마저 끝냈으면 이제 정말 추가해줘야겠죠

 

g. git add . ( . 까지 모두 입력해주셔야 합니다)

.은 폴더 안에 있는 모든 파일을 업로드할때 사용합니다. 특정 하나만 하고 싶으면 그 파일명만 입력하시면 됨

git add index.html 뭐 이런 식으로요

 

그리고 제대로 업로드 되었는지 확인을 해봐야겠죠?

 

h. git status

제대로 들어갔네요

 

그다음에 

i. git commit -m "first commit"

히스토리

파일에 히스토리를 주는겁니다 

괄호 안에 있는 건 이름 임의로 지정하셔도 됩니다

코드를 한번 딱 입력하고 마는 게 아니라 계속 수정하잖아요 

그거 기록 남겨줄 때 쓰는 거 

 

이제 진짜 거의 다 왔습니다

브런치에 올려주기만 하면 끝남

 

j. git push origin master 

 

하고 나면 이제 잘 올라간 거 확인 가능

 

만약에 내가 코드를 수정했다

그럼 이제 다시 같은 작업을 반복하면 됩니다

근데 다 반복할 필요는 없고

git add .

git commit -m "second commit" (말했다시피 이름은 하고 싶으신 대로)

그리고 다시 push를 해주면

저기 index.html 파일이 second commit으로 바뀐 거 보이죠?

저는 저것만 수정했기 때문에 잘 반영되었음

뭐가 새로 추가되었는지도 눈에 띄게 잘 나오네요

 

일단 이 포스팅은 여기서 끝낼게요

아직 알아가야 할 게 산더미지만..

하나씩 배워가다 보면 그래도 어느정도 사람구실은 하지 않을까 싶음

그럼 안녕~