[GitHub]깃허브에 파일 올리기
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를 눌러 토큰을 생성해 줍니다.


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

* 생략 가능 *
이제 컴퓨터에서 깃에 뭐를 올릴 때마다 토큰을 입력해 줘야 합니다. 하지만 토큰을 컴퓨터 내에 저장한다면
이런 번거러움을 줄일 수 있습니다. ▶ 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에서 깃허브에 로그인할 것이냐는 확인창이 뜹니다.
로그인 화면에서 토큰을 통한 로그인을 눌러 위에서 따로 복사한 토큰을 입력합니다.

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

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