깃허브 저장소 ( repository ) 만들기 / vscode 코드 업로드 ( push ) 하기

깃허브 홈페이지에서 저장소를 먼저 만들고,
만들어진 코드를 업로드기 하기 위해 git 명령어를 사용할 수 있다.
git init 사용하여 깃허브 저장소를 위한 환경 설정 폴더인 .git를 만든다.
git remote 사용하여 깃허브 저장소를 연결하고,
git add 사용하여 추가 또는 수정된 코드를 설정한다.
마지막으로 git push 사용하여 깃허브 저장소에 업로드를 할 수 있다.

깃허브 저장소 ( repository ) 만들기
vscode 코드 업로드 ( push ) 하기

깃허브는 소스 코드를 업로드하고 버전관리를 하기 위한 플랫폼이다.
지금은 경쟁적인 비슷한 서비스들도 많지만, 가장 많은 사용자들을 보유하고 있다.
하지만, 이슈도 많은 것도 사실이다.
지금은 회사에서도 버전 관리를 위해 팀단위로 사용하고 있다.
IDE에서 코드 프로젝트를 생성하고 깃허브 저장소에 코드를 업로드할 수 있지만,
깃허브 홈페이지에서 먼저 저장소를 만들고 만들어진 코드 프로젝트를 깃허브 저장소에 연결하여 코드를 업로드할 수 있다.
물론, 깃허브 API를 활용한 유틸리티 등을 사용할 수도 있겠지만, 터미널에서 사용하는 커맨드 명령어를 사용하면 더 편할 수 있다.
본인의 경우 코드의 방향성과 같은 것들은 깃허브 GUI를 사용하지만, 코드 관리를 커맨드 명령어를 굳이 사용한다.
어떤 문제인지 모르겟지만, 인증과 로그인이 원활하지 못한 단점이 있다.

깃허브 저장소 만들기 / git init 
코드 업로드 하기 순서 / git push

아래는 위의 설명에 대한 순서를 표현한 것이다.
보통, 코드를 만들고 깃허브에 연결해 코드를 업로드할 것이다.
하지만, 어떤 경우 깃허브에서 저장소( repository )를 먼저 만들고 코드를 업로드할 수 있다.
어떤 방법을 사용해도 상관없지만, 본인의 경우 후자를 사용하고 있다.
아래는 순서이다.
과정이 길고, 번거롭지만 막상 해보면 딱히 어려울 것은 없다.

  1. 깃허브 ( github) 홈페이지 접속하고, 로그인하기
  2. 깃허브 저장소 ( Repository ) 만들기
  3. vscode 에서 만든 코드 위치에서 터미널 ( Terminal ) 열기
  4. git init
    - 현재 폴더를 깃허브 저장소로 만든다.
    - 깃허브 저장소 정보인 .git 폴더 생성됨.
  5. 사용자 지정
    git config user.name "사용자이름"
    - 저장소에 권한이 있는 사용자 이름 설정.
    git config user.email "사용자 email"
    - 저장소에 권한이 있는 사용자 이메일 설정.
  6. git add .
    - 현재 폴더 위치 아래 모든 파일과 폴더를 스테이징한다.
  7. git remote add origin 깃허브 저장소 URL
    - 깃허브 저장소 연결.
  8. git remote -v
    - 깃허브 저장소 목록 보기.
  9. git branch -M main
    - 깃허브의 main 브랜치를 설정한다.
  10. git push -u origin main
    - 깃허브의 main 브랜치에 코드를 업로드.
  11. 깃허브 저장소에서 코드 확인
    - 깃허브 홈페이지의 저장소에서 업로드된 코드 확인.

따라하기

.

1. 깃허브 ( github) 홈페이지 접속하고, 로그인하기

.

2. 깃허브 저장소 ( Repository ) 만들기

.

3. vscode 에서 만든 코드 위치에서 터미널 ( Terminal ) 열기

.

4. git init

- 현재 폴더를 깃허브 저장소로 만든다.
- 깃허브 저장소 정보인 .git 폴더 생성됨.

5. 사용자 지정

git config user.name "사용자이름"
- 저장소에 권한이 있는 사용자 이름 설정.

git config user.email "사용자 email"
- 저장소에 권한이 있는 사용자 이메일 설정.

6. git add .

- 현재 폴더 위치 아래 모든 파일과 폴더를 스테이징한다.

7. git remote add origin 깃허브 저장소 URL

- 깃허브 저장소 연결.

8. git remote -v

- 깃허브 저장소 목록 보기.

9. git branch -M main

- 깃허브의 main 브랜치를 설정한다.

10. git push -u origin main

- 깃허브의 main 브랜치에 코드를 업로드.

11. 깃허브 저장소에서 코드 확인

- 깃허브 홈페이지의 저장소에서 업로드된 코드 확인.

.

댓글