환경설정 (에디터, GIT, GITHUB 원격저장소 만들고 사용하기)

에디터 : 개발을 편하게 하는 프로그램

 

Visual Studio Code라는 에디터에서

확장 플러그인 설치

왼쪽 메뉴에 있다

• auto commit message - 협업할 때, 시간표기(누가했는지 알 수 있음)
• gitlens-git supercharged - 해당 라인 커밋한 시점 등의 정보
• wakatime – 개발시간 측정 (깃의 저장소 별로 개발기간, 어떤 언어를 썻는지 측정)
• Live server - 바로 변경사항을 라이브로 볼 수 있다.

와카타임 홈페이지에 깃허브 로그인을 하고

홈페이지 우측 상단

1. 초록 아이콘을 우클릭, 셋팅 클릭
2. API KEY 복사 하고
3. VS코드에서 적용한다.
4. 좌측하단에 글씨가 있거나, 없거나 하면 적용이 된 것

GIT 설치, GIT BASH 실행

맥의 터미널같은 친구, 분산 버전관리 2005년에 만들어졌고, 파일을 변경 추가 하는 것을 추적, 기록하는 프로그램

파일이 날라가면, 원하는 시점으로 돌아갈 수 있는 장점(버전관리)

 

• Git :  소스코드 관리 시스템
• Github : Git 호스팅 사이트 (로컬을 서버로!) *로컬 컴퓨터

---

1. 로컬 저장소에서 커밋 관리하기

로컬저장소 만들기

Git과 로컬저장소 연결 = Git 통해서 버전 관리 이루어짐 = 내 컴퓨터(로컬)에 있는 폴더

 Git Bash Here

 폴더에서 시작한다. 로컬 저장소 안에서 Git 작업 시작한다!

 위 방법이 아니면,  원하는 위치로 수동으로  cd입력해서 이동하여 만드는 법

• cd Desktop  : cd는 어떤 폴더로 이동한다.
• ls : 우리가 있는 위치에 어떤파일과 폴더가 있는지 확인할수있음
• mkdir github : 뒤의 이름으로 새로운 디렉토리를 만들겟다.
• cd github : 이 폴더에서 git을 사용할 것이다. 폴더 보면 숨김폴더 표시 하면
•  .git 이라는 폴더가 생겼다. 기록추적 할 수 있는 폴더 (있으면, 화면에 master란 글자가 있음)
• git config —global init.defaultBranch main (default Branch 를  master를 main으로 바꾼다 라는 뜻)

                                                                               왜 메인으로 바꾸는가 ? 참고:  https://dunchi.tistory.com/92)

개행 문자 관련 처리(윈도우는 CR, LF / 맥은 LF 만)               

참고:https://blog.lael.be/post/8826

git config —global core.autocrlf true (Window, CRLF -> LF)

git config —glabal core.autocrlf input (Mac, LF만 사용)

CTRL + C : 지금 명령어에서 나가겠다. 새로운 것을 할 때 쓴다.

 

깃 계정정보 등록

*config 하고 한칸 여백

• git config —global user.email "GitHub 이메일"      : 받을 이메일 등록
• git config —global user.name "GitHub 아이디"      : 깃허브 아이디 등록
• git config —global —list                                         : 정보가 제대로 입력됬는지 확인

각 버전을 누가 만들었는지 알아야 협업이 가능하기 때문에 GitHub의 계정 정보 등록

 

2. GitHub 원격저장소 만들기

원격저장소 만들기

• 로컬 저장소
• 원격 저장소 = 레포지토리(repository)

로컬 저장소 = 내 컴퓨터

원격 저장소(리모트) = 레포지토리

원격 저장소는 GitHub 웹 사이트에 프로젝트를 위한 공용 폴더를 만드는 것

new누르고 새로생성

"생성 시 name, description, public 확인"

생성 완료

 

원격 저장소의 커밋을 로컬저장소에 내려받기

= 깃허브 레포지토리 링크 내 컴퓨터 폴더 연결

깃허브의 내 저장소에 코드  복사

클론 = 원격 저장소의 코드와 버전 전체를 내 컴퓨터(로컬)에 내려받는 것

→ 최신 버전, 이전 버전, 원격저장소 주소 등이 모두 로컬 저장소에 저장됨

 

git clone 복사한 코드 (우클릭 붙여놓기) .

git clone https://github.com/AHRUMPARK/ar-record.git .

 

github의 저장소 이름명의 폴더와 그 폴더 안에 .git 폴더가 생김

 

git clone 주소 (.)을 찍지않으면 복잡해진다.

 

3. 로컬 저장소에서 커밋 관리하기(add, commit, push)

커밋 만들기 → 반복하는 부분

커밋 = 하나의 버전 ( = 게임의 세이브 시점 )

 

커밋(버전)에 추가할 파일 선택

• git add [추가할 파일] (예시: git add README.txt)
• git add . → 모든 파일을 추가하고 싶을 때 사용

폴더에 새로운 hmtl 파일을 넣어보고 저장소에 올려보자

 

커밋 메세지 작성

• git commit -m "feat:커밋메세지 작성"
• 설명 잘 적어두기! (파일 만든 이유, 수정한 이유) → 원하는 버전 찾기 쉬움

-m = message

영어로 적기, 규칙 맞춰서 적기

어디서 주워들은 바로는...면접관들이 깃헙 볼 때 커밋 메세지 & 브랜치 위주로 본다고 합니다

 

저는 git commit -m "feat:home_test01_commit" 라고 했습니다. 

커밋까지는 로컬 저장소에 저장하는 것 (원격 저장소 저장 x)

 

원격 저장소에 커밋 올리기

• 원격 저장소에 올리지 않으면 다른 사람과 코드를 공유할 수 없다
• 로컬 저장소의 커밋을 원격저장소로 push 명령을 사용해서 올린다
• git push origin [브랜치] git push origin main → 100% 완료 텍스트 나오면 성공
• git push (지금 폴더가 메인이면 이렇게 치면 된다는 의미)

100% 완료 텍스트 = 성공

원격 저장소 가서 확인해면,

아까 add한 파일이 들어와있다.

 

 

---

 

요약 + 추가 git full

홈페이지로 가져가는 방법 (add commit push 순 작업!)

작업공간(vs폴더, 파일 수정 공간)

1) git add .(저장한다)  >  staging영역(저장대기공간)  >

 

2) git commit –m “feat:first commit”(.git레파스토리 폴더에 올릴 것이다)  >  local repository(지금 우리는 .git폴더임)

                    커밋은 로컬 레파스토리에 올라가는 세이브 기록

 

3) git push(바꾸기 위한 명령어)  >  remote repository(깃 허브 홈페이지 저장소)

         push로 홈페이지에 올려주는 것

 

4) git full 은 리모트 레파토리(깃 허브 홈페이지 저장소)에서 수정한게 vs 코드로 반영이 된다.

                   깃헙 홈페이지에서 수정 바로 가능 한 것을 가져오는 기능이다.

 

참고: https://github.com/LIKELION-9TH/wiki/blob/main/git_tutorial.md