[GIT] 내 컴퓨터에서 만든 프로젝트를 github에 올리기

기존에 내가 만들어놓은 프로젝트를 github에 올리기위해서는

프로젝트에 git을 설치하고 github 레포지토리에 연결을 해주어야 합니다

 

github에 올리고 싶은 프로젝트에서 터미널을 열고, 프로젝트에 git을 심어줍니다

$ git init

 

github에서 새로운 레포지토리를 하나 생성하여 레포지토리 연결 주소를 복사합니다

 

 

git 을 생성한 레포지토리에 연결하고, 정상적으로 연결이 되었는지 확인해주세요

$ git remote add origin https://github.com/gaeundev/chat-socket.git
$ git remote -v

 

연결을 하고나면 파일들에 색상이 변합니다 (Vscode 에디터 기준)

 

github에 파일들을 업로드하기 전 .gitignore 와 README.md 두개의 파일을 추가해줍니다

 

 

우선 .gitignore 파일에 아래와 같이 적고 저장해주면

/node_modules

 

node_modules 폴더가 색상이 회색으로 비활성화 된 것처럼 보입니다

그 이유는 .gitignore은 github에 올리지 않을 파일 또는 폴더를 입력하는 파일이기 때문입니다

 

nodejs 프로젝트를 만들어서 github에 올릴 때에는

보통 node_modules를 .gitignore파일에 적어주어 올려주고

패키지들을 관리하는 package.json과 package-lock.json 파일을

github에 올려 git repository를 같은 모듈을 다운받아 실행할 수 있도록 합니다

 

 

다음으로는 README.md를 작성합니다

해당 파일은 github에서 레포지토리에 들어왔을 때 가장 먼저 보이는 화면의 글을 작성하는 파일입니다

 

markdown 문법을 기본으로 작성하며 아래 링크에서 자세한 사용 문법들을 확인할 수 있습니다

https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax

Basic writing and formatting syntax - GitHub Docs

 

저는 아래와 같이 작성했고, 이제 github에 올릴 차례입니다

## chat-socket

socket.io를 이용한 서버-클라이언트 코드입니다  
socket.io의 공식문서에 작성된 내용을 따라 만들었습니다

</br>

### 프로젝트 관련 작성한 포스팅 :pencil:

[[NodeJs] 채팅 서버 만들어서 실행하기](https://stirringdev.tistory.com/50)

[[GIT] 내 컴퓨터에서 만든 프로젝트를 github에 올리기](https://stirringdev.tistory.com/51)

 

 

vscode 왼쪽 아래에 보면 내가 현재 어떤 브랜치에 있는지 보여주는데요,

현재 저는 master라는 브랜치에 있었습니다

하지만 전 github의 정책에 따라 이 브랜치의 이름을 main으로 변경해 올려보도록 하겠습니다

 

git branch의 이름을 변경하는 방법은 git branch -m (기존이름) (변경할이름) 입니다

$ git branch -m master main

 

위 명령어를 실행하면 master라는 이름의 브랜치가 main으로 변경이 됩니다

 

이제 커밋을 기록할 차례입니다

저는 커밋을 npm init & setting, [feature] chat, git init 이렇게 세가지로 나누어 기록하였습니다

 

아래 커밋들은 들은 vscode에서 제공하는 기능으로 commit을 해서 명령어를 따로 작성하지 않았습니다

 

💡팁

명령어로 git을 push할 때 -u 라는 옵션을 붙히면

이 다음부터는 git push 만 해도 remote와 branch 이름을 작성하지 않아도 된다

$ git push -u origin main

 

 

 

커밋을 작성한 후 푸시를 하여 github에 프로젝트를 올리는데 성공했습니다

https://github.com/gaeundev/chat-socket