[패캠] 깃, 깃허브 만들기

[깃허브에 코드를 올리는 과정]

 

1. 내 컴퓨터 프로젝트 폴더에 여기에서 git을 쓸거다 명령 : git init 

2. 코딩 

3. 변경한 파일 중 올리길 원하는 것만 선택 : git add

4. 선택한 파일들을 한 덩어리로 만들고 설명 적어주기 : git commit -m "올릴 내용"

5. 깃허브 사이트에서 프로젝트 저장소 만들기 

6. 내 컴퓨터 프로젝트 폴더에 깃허브 저장소 주소 알려주기 : git remote add origin 저장소 url

7. 내 컴퓨터에 만들었던 덩어리 깃헙에 올리기 : git push origin master 

 

[로컬 저장소]

1. 원하는 폴더에서 git 초기화: git init

2. git 초기화를 하면 숨긴 폴더 .git이 나타난다: 이게 로컬 저장소 

3. 로컬 저장소에서 내가 만든 버전 정보, 원격 저장소(깃헙) 주소 등이 저장된다 

4. 원격 저장소에서 내 컴퓨터로 코드를 받아오면 로컬 저장소가 자동으로 생긴다

 

cf. 로컬 저장소는 git init 말고도 오픈소스를 컴터에 받아올 때 자동으로 .git 폴더가 생긴다 

하지만 한 폴더에 하나의 로컬 저장소만 유지해야 한다. 바탕화면에 git init, 오픈소스를 가져오면 

둘이 충돌하기 때문에 한 폴더에는 .git을 하나만 넣는다 

 

[실습]

1. 폴더 생성 

2. git bash (터미널)로 폴더에 들어가기 

3. git init으로 로컬 저장소 생성

 

[git bash 사용법] 

열면 ~: root folder(즉 가장 상위 폴더) 

$pwd : 현재 폴더가 나온다 

$ls : 폴더 안에 있는 폴더 이름들을 알려준다 

$cd 들어가고 싶은 폴더 이름 : 해당 폴더에 들어간다 - 이때 앞에 조금만 치고 tab 치면 폴더명이 나온다

$git init: 빈 repository를 만들었다 

$ls -al: 숨겨진 저장소 .git이 나온다 (숨긴 파일까지 보여주는 명령어) 

 

이렇게 .git폴더를 만들면 만든 파일 cat 옆에 (master)라고 뜬다
kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)

 

 

[정리] 

1. git 초기화하는 방법 

git bash로 해당 파일에 들어가서 $git init을 하면 생긴다

2. git add: 내가 변경한 파일 중 올리길 원하는 것만 선택  

3. git commit -m "첫 페이지 제작 " : 선택한 파일들을 한 덩어리로 만들고 설명 적어주기 

commit = 하나의 버전 

최신 버전이 이상하면 그 이전의 버전으로 돌아가서 할 수 있다는 점이 큰 장점 

 

커밋으로 만들길 원하는 파일만 선택: add 

페이지 1,2,3 작성 - 1,2만 선택해서 add - commit하면 고양이 

 

[버전 생성 실습] 

1. VSCode 에서 README.md, index.html 파일 생성 

 - README는 repository에 올릴 파일들에 대한 전체적인 설명

   (깃헙에서 작성하는 것이 아니라 미리 만들어서 올릴 수 있다)

    # 제목 : #을 쓰면 파일의 이름을 정해줄 수 있다

 - index.html : 파일 안에 html : 5이라고 치면 html5의 기본적인 내용을 불러올 수 있다

2. 원하는 파일만 선택하기 

git add README.md 

3. 메시지를 달아 커밋으로 만들기 : 이걸로 어떤 버전인지 판별하기 쉽게 만들어준다 

git commit -m "프로젝트 설명 파일 추가" 

4. 생성한 커밋 보기 

git log 

 

=> 여기까지 git bash의 모습 

kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat
$ git init
Initialized empty Git repository in C:/Users/kwakn/OneDrive/문서/programming/cat/.git/

kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)
$ ^C
kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)
$ git add README.md

kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)
$ git commit -m "README.md 추가"
[master (root-commit) 705d220] README.md 추가
 1 file changed, 3 insertions(+)
 create mode 100644 README.md

kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)
$ ^C

kwakn@DESKTOP-I7485RU MINGW64 ~/OneDrive/문서/programming/cat (master)
$ git log(내용 확인) 

만약 전체를 추가하고 싶으면 

$ git add . 

$ git commit -m "내용"

 

 

[커밋에 대한 설명] 

커밋은 의미 있는 변동 사항을 묶어서 만든다 

하나의 기능을 바꾸는데 여러 파일을 수정했다면 해당 파일을 묶어서 하나의 커밋으로 만든다 

전체를 묶어서 하나의 커밋으로 만들면 어떤 파일을 수정했는지 확인하기 어려움 

그러니까 커밋 히스토리를 보고 수정사항을 파악하기 쉽게 해수정된 파일끼리 묶어서 커밋해주면 좋음 

커밋은 맨 아래에서 위로 하나씩 쌓인다 (가장 위가 가장 최신 변경사항) 

 

[만든 버전 github에 올리기] 

5. github 사이트에 프로젝트 저장소 만들기: 가서 만들어야

6. 내 컴퓨터 프로젝트 폴더에 github 저장소 주소 알려주기 : git remote add 

7. 내 컴퓨터에 만들었던 덩어리 github에 올리기 : git push 

 

[로컬 저장소와 원격 저장소] 

-로컬 저장소: 내 컴퓨터의 로컬 저장소에서 버전관리를 할 수 있다 

-git hub(원격 저장소) : 다른 사람들과 함께 버전 관리를 할 수 있다 

로컬 저장소에서 git hub로 push를 하면 해당 파일들을 올릴 수 있다 

 

[원격 저장소 github에서 만들고 커밋 푸시하기] 

1. github에 로그인해서 저장소 생성 

2. 내 컴퓨터 폴더에 github 저장소 주소 알려주기 

git remote add origin 저장소 주소 url

-remote 원격 저장소를 add 추가한다 origin이라는 이름으로 (다른 이름으로 해도 됨) 

3. 만든 커밋 푸시하기 

git push orgin master  (추가한 이름으로 origin 대체 가능) / master는 기본 브랜치 이름 

origin remote에 master 브랜치 

4. 깃헙 사이트에서 올라간 커밋 확인

 

 

1. 깃헙에 로그인해서 저장소 생성하는 방법 

1)new repository 

2)import repository : 가져오기  

3)new gist : 코드 조각만 올리고 싶을 때 

4)new organization : 그룹 프로젝트할 때 

5)new project

 

create a new repository 

name 적고 

description 에 소개, 설명 적고 

public, private 중 하나로 고르기 

initialize this respository with a READEME : 이 소스코드가 무슨 기능을 하는지에 대해 설명, 이 오픈 소스가 어디까지 지원하고 어떻게 사용할 수 있는, 상용 서비스에서 사용 유무 등을 적는다

add .gitignore: none - 원격 저장소(깃헙 repository)에 올릴 때 안 올리고 싶은 파일을 미리 설정하면 올릴 때 넘어감

                              node.modules라는 폴더에 외부 라이브러리가 저장되니까 이를 올리고 싶지 않으면 여기서 선택한다

add a license: None - 사용할 수 있는 범위에 대해 알려주는 용도

 

Quick Setup

우리가 올린 command를 다 확인할 수 있다