먼저 알아둬야 할 것이 있다.
Git과 GitHub의 차이?
- git : local 내 컴퓨터 내에서 소스를 관리하는 것
- gitHub: local에서 관리한 소스를 업로드하고 공유하는 공간
깃허브에서 직접 수작업으로 파일을 하나씩 업로드하여 레파토지를 올릴 수 있지만, 이 방법은 시간도 오래걸리고 파일 용량이 크면 나눠서 올려야 하는 단점이 있다.
따라서 비주얼스튜디오 코드에서 터미널을 통해 올려보고자 한다.
1. git 설치
첫번째로 본인 컴퓨터 사양에 맞춰 깃을 설치해주고, 깃허브에 회원가입을 해준다.
GitHub: Let’s build from here
GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...
github.com
2. gitHub에 새로운 레파토지(repository) 생성하기
1) 로그인 후, 새 레파토지를 만들어야 하기 때문에 홈화면에 있는 New버튼을 눌러준다.
2) 저장소명을 적어준다 / 아래에 있는 public과 private는 공개와 비공개의 차이다.
포트폴리오같은 경우는 공개로 해주는 것이 좋다.
자세한 설명) Public은 타인에게 공개되어 다른사람들도 코드를 볼 수 있고 Private를 선택해주면 타인은 볼 수 없으며 본인만 볼 수 있다.
하지만 Private로 설정하면 최대 3인까지만 무료로 같이 작업할 수 있다.
3) 저장소 명 입력 후, 초록색 Create reposlitory 버튼을 클릭하면 방금 만든 레파토지가 생성된 것을 확인할 수 있다.
4) 아래에 생성된 command line에 있는 내용을 메모장에 따로 복붙 해두자
3. Vscode 비주얼스튜디오 코드 열기
1) 자신이 깃허브에 올리고자 하는 폴더를 열어준다. 하던 작업이 있으면 ctrl+s를 하여 저장해준다.
2) 왼쪽 메뉴중 동그라미 세 개가 연결된 브랜치 모양의 아이콘을 클릭해주고 lntial Repository를 클릭해주면, 로컬 Repository가 초기화된다.
여기까지가 기본이였다. 아래서부터 복잡하다고 느껴질텐데, 하나하나씩 차근차근 따라해보자
(나도 여태 야매로 올렸다가 지금 작성하면서 처음 제대로 해보는거임)
오류가 난다면 마침표(.)과 하이폰(-)의 띄어쓰기가 잘못돼서 오류 난 것일 수 있으므로, 잘 확인하기
4. Vscode 비주얼스튜디오 터미널 열기
1) terminal의 new Terminal을 클릭하여 새로운 Terminal창을 열어준다.
2) 터미널 창이 열릴텐데, 맨 오른쪽 +를 눌러 Git bash로 변경해준다. (없는경우 다운로드)
3) 차례대로 입력해주기
1. git init / 연동되어 있는 연결 끊기
2. git config --global user.name "사용자이름" / 사용자이름을 입력해준다. 간단하게 작성해도 됨
3. git config --global user.email "룰루@naver.com" / 확인 가능한 이메일 작성
$ git initgit config --global user.name "hjh"git config --global user.email "0000@naver.com"
git init 아래에 있는 Reinitalized는 git init을 입력하면 저절로 뜨는 문장이다. 내가 올릴 폴더 위치가 어디있는지.
4. git config --list / 내가 올린 파일이 잘 연결 되었는지 확인하기, 빠져나가는 방법은 쉬프트+Q
5. git add . / 깃허브에 업로드 대기중이라는 의미이다.
6. git status / 저장소 안에 있는 파일들의 상태 정보를 확인할 때 사용하며 git은 저장소에 새로운 파일이 추가되거나(Untracked), 기존 파일에 변경 사항이 생겼을 때(Modified) 자동으로 감지한다.
7. git commit -m "변경된 메시지" / 예로 들면 5번째 수정해서 올리는거면 v5 이런식으로 간단한 코멘트
git config --listgit add . <= 마침표 중요함. 띄어쓰기 하고 마침표 찍어줘야함git statusgit commit -m "first project"
8. git remote add origin 사이트주소 / 아까 따로 메모해두었던 것중에 사이트 주소를 붙여준다.
9. git push -u origin main / 현재 위치에서 add되어 있는 자료들을 git push로 origin이란 곳의 main이란 branch에 저장한다는 뜻이다.
git remote add origin https://github.com/HwangJihyunnn/git-hub-test.git git push -u origin main
그리고 영문만 가득한 페이지를 새로고침하거나 다시 들어가면
내가 올린 파일을 확인할 수 있다.
