1. 깃허브 설정

우선 깃 저장소(repository)를 만들자.

만들면 된다.

 

 

 

그 다음

콘솔에 gitbash 설치 (bash는 리눅스의 쉘 명령어 모음을 말하는 거임. )

 

 

혹은 

https://git-scm.com/downloads

Git - Downloads

공식 사이트에서 직접 설치

 

 

실행 후, 사용자 등록을 해 줘야 함.

$ git config --global user.name "유저네임"

깃 설정 전역으로 유저네임 설정

 

git config --global user.email "이메일"

 

 

 

그 후

$ git config --list

이걸로 설정에 대한 정의를 볼 수 있음

 

 

 

프로젝트 루트에 .gitignore 파일을 만들어야 한다.

.gitignore는 깃허브에 업로드 시 제외할 파일들의 목록을 정의하는 파일이다.

 

 

아무래도 보통 설정파일이나, 소스 코드 정도만 올린다.

 

 

 

이번 같은 경우 제외할 대상은,

캐시파일,

이건 개발을 위한 깃허브 이므로 dist파일 제외(dist 파일은 최종 빌드된 파일들임.),

node_modules는 외부 컴포넌트 모음이므로 이거에 대한 정보는 package.json이라는 node.js 설정 파일에 대해 이미 있으므로 필요 없음. 그것만 있으면 설치할 수 있으므로.

 

 

.gitignore 파일에

.cache

dist

node_modules

.DS_Store  #이건 맥 용.

위와 같이 입력. 그냥 파일이나 폴더 이름만 넣으면 됨. 

#은 .gitignore의 주석임

 

아마도 하위파일을 지정해서 하려면 dist/파일이름 이런 식으로 하면 될 듯.

 

 

그 후 git init 해 주면 깃에 대한 설정(이니셜라이징)이 됨.

 

확인은 

git status

이러면 이제 대상 파일들이 나옴.

 

참고로, 안되는 경우가 있음.

 

fatal: detected dubious ownership in repository at 'E:/webclass/parcel-bundler-template'
'E:/webclass/parcel-bundler-template' is on a file system that does not record ownership
To add an exception for this directory, call:

        git config --global --add safe.directory E:/webclass/parcel-bundler-template

 

치명적: 'E:/webclass/parcel-bundler-template' 저장소에서 모호한 소유권이 감지되었습니다.
'E:/webclass/parcel-bundler-template'은 소유권을 기록하지 않는 파일 시스템에 있습니다.
이 디렉터리에 대한 예외를 추가하려면 다음을 호출하세요.

        git config --global --add safe.directory E:/webclass/parcel-bundler-template

 

소유권에 대한 것, 이 어떤 저 경로에 대해 내가 따로 소유권을 정의하거나 그런 적이 없기 때문에, 보안을 위해 깃에서 자체적으로 경고해 주는 것.

안내해 주는 데로 안전한 파일이라고 해 준뒤, 다시 git status로 확인해 보면 된다.

여튼 그렇게 git status 해 보면 .gitignore를 통해 제외된 파일들의 목록들이 나온다.

 

 

그 다음 

git add .

해주면, git status 목록의 전체가 대상이 된다.

참고로 add 안된 것들은 빨간색으로 나온다.

 

 

그 다음 

git commit -m "메시지"

이렇게 하면 변경사항에 대한 메시지를 설정하고, commit, 즉 push할 준비를 시킨거다.

어떤 버전에 대한 변경사항을 메시지로 남겨두는 거다.

 

 

커밋에 대한 내역을 확인하고 싶다면

git log 

하면 된다.

 

 

HEAD는 최신이라는 뜻이다.

 

 

이렇게 커밋할 준비를 해 놓고, 그전에 하나 빼먹은 게 있는데,

깃 저장소(repository)와 연결을 안했다.

git remote add origin 깃저장소url

원격저장소를 origin이라는 이름으로 추가 해준다는 뜻이다.

원격저장소(origin)를 추가해준다는 뜻이다.

 

https://github.com/사용자명/저장소명.git

url은 이 형태이다.

 

잘 연결 됐는지 확인하려면 

git remote -v 해보면 fetch와 push의 경로가 나온다.

fetch는 데이터를 가져오는 것이고,

push는 업로드 하는 것이다.

 

 

 

이제 저장소와 연결도 했고, commit도 했으므로 업로드 할 준비가 되었다.

 

 

이제

git push origin master

깃 업로드 원격저장소이름 브랜치이름

즉, origin이라는 원격저장소의 master라는 브랜치에 업로드.

 

 

이러면 이제 보안을 위해 뭐 인증하라고 나오는데, 간단하게 웹브라우저 인증을 선택해 진행했다.

파일들이 올라갔다.

 

 

이제 깃허브 repository 웹페이지로 가서

Settings -> Pages 로 가서

branch를 master로 제대로 저장해서 연결해준다.

 

 

 

이제 앞으로 깃허브에 업로드 할 때는

git add 업로드할파일(보통 간단하게 . 으로 모두 선택함. 그럼 모든 변경사항이 업로드 됨)

 

git commit -m "변경사항 메시지"

 

git push 원격저장소이름 브랜치이름

git push origin master <-보통 이렇게 한다