Git & GitHub

[GitHub]깃허브에 파일 올리기

Isaac01 2023. 7. 18. 15:43
반응형

1. Git Bath, visualstudio 초기 설정

1-1. Git Bath 초기설정

윈도우 검색창에 Git Bash 검색. 

 

 

 

<입력>

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

git config --global user.email "(본인 이메일)" 

 

 

 

다음과 같이 입력해 본인의 이름과 이메일이 잘 입력되었는지 확인합니다.

git config --global user.name

git config --global user.email

 

 

 

git config --global init.defaultBranch main입력해 브랜치 명을 변경해 줍니다.

 

 

 

1-2. Visualstudio 초기설정

visualstudio를 열어 Ctrl + Shift + ` 로 터미널 열어보기 

 

 

 

powershell로 되어있으면 Ctrl + Shift +p를 눌러서 select default profile입력 엔터 Git Bath선택

 

 

 

그리고 다시 Ctrl + Shift + ` 로 터미널 열어주고 기존에 있던 powershell은 삭제

 

 

 

 

2. GitHub 시작하기

GitHub 사이트 접속 ▶ 우측 상단에 있는 프로필을 클릭

 

 

 

그다음 Settings를 클릭

 

 

 

Developer settings 클릭

 

 

 

아래 순서대로 클릭해 줍니다.

personal access tokens ▶ Tokens(classic) ▶ Generate new token Generate new token(classic) 

 

 

 

Note 토큰 이름을 설정.
Expiration  토큰의 만료기간을 설정.
Select scopes 토큰의 비밀번호로 어떤 권한까지 허용할건지 설정.  ex)수정가능

그리고 Generate token를 눌러 토큰을 생성해 줍니다.

80

 

 

 

현제 페이지를 나가면 다시는 토큰을 볼 수 없기 때문에 따로 복사해 줍니다. 

* 생략 가능 *

이제 컴퓨터에서 깃에 뭐를 올릴 때마다 토큰을 입력해 줘야 합니다. 하지만  토큰을 컴퓨터 내에 저장한다면

이런 번거러움을 줄일 수  있습니다. ▶ https://opidea.tistory.com/7

 

 

 

3. 깃허브 사이트에 저장소 만들기.

Create repository를 클릭합니다.

 

 

 

 

저장소 이름을 작성하고  Public, Private 중 하나를 선택합니다.

 

 

 

 

마지막으로 Create repository를 누르면 저장소가 생성됩니다.

 

 

 

저장소의 주소를 따로 복사해 둡니다.

 

 

 

주황색 박스는 깃을 다를 수 있는 툴(visualstudio)을 이용해 깃허브에 소스파일을 올리는 방법입니다.

다음 파트에서 자세히 살펴보도록 하겠습니다.

 

 

4. 파일 준비

파일 준비과정 하나씩 살펴보기

git init . git 파일 생성 ex) 맨 처음 파일을 올릴때만 사용
git add . 모든 파일 관리, 만약 특정파일만 하고 싶다면
git add 파일이름.파일형식 ▶git add index.html
git status 상태확인 
git commit -m "커밋할 이름" 커밋할 이름을 작성 ▶ git commit -m "first commit"

 

 

 

visualstudio에 들어가 폴더 열기를 클릭합니다.

 

 

 

기존에 만들었던 파일을 선택하고 폴더 선택하기를 클릭합니다.

 

 

 

그리고 git init를 입력해 이 파일을 관리하라고 명령합니다. 

 

 

 

그러면 선택한 폴더에 .git 이라는 파일이 생성되는 것을 확인할 수 있습니다.

파일이 보이지 않는다면 클릭 숨김파일 보기 :: 코띵 (tistory.com)

 

 

 

git add .를 입력합니다.

 

 

 

git status를 입력해 커밋이 정상적으로 되었는지 확인합니다.

 

 

 

git commit -m "first commit"를 입력합니다. ex) 커밋이름은 상관없음

 

 

 

5. 파일 업로드

파일 업로드 하나씩 살펴보기

git remote add origin {위에서 복사한 저장소 주소} 로컬저장소(Git)와 원격저장소(remote) 연동
git push -u origin main orgin이라는 remote(원격)으로 현재 로컬브랜치중 main라는 것을 push하겠다는 의미

 

 

 

 

git remote add origin {저장소 주소} ▶ 위에서 복사한 깃허브 저장소의 주소를 입려해 줍니다. '{ }'은 생략

 

 

 

그리고  git push -u origin main을 입력하면 VScode에서 깃허브에 로그인할 것이냐는 확인창이 뜹니다.

로그인 화면에서 토큰을 통한 로그인을 눌러 위에서 따로 복사한 토큰을 입력합니다.

 

 

 

프로젝트 업로드 된 것을 확인할 수 있습니다.

 

*틀렸거나 보안했으면 하는 부분은 알려주시면  수정하겠습니다^^.*