Git & Github

Git 이란?

VCS 버전컨트롤시스템

버전이란?

수정본에 번호를 넣어 수정된 순서를 표현함.

버전을 쓰는 이유

1. 수정할떄마다 새로 만들면 관리가 힘듦…
2. 언제든 이전버전의 코드로 돌아갈수있음.
3. 누가 수정했는지 이력을 남기기위해.
4. 하나의 프로젝트를 여려개발자들이 협업할수있음.

Github란?

깃을 이용해 버전관리한 프로젝트를 관리하게 해주는 호스팅 서비스.

1. 깃을 사용한 프로젝트 저장소
2. 개발자들의 인스타그램

개발 초기환경 설정

개발을 할때 모두 같은 상황에서 개발을 하기위해 버전을 맞추고 같은 환경으로 설정하는 것.

1. npx create-react-app 프로젝트명.
   리액트 폴더를 만들고 리액트를 보여주기위한 기본적인 파일을 내려받음.

2. npm install react-router-dom.
   Router을 만들기위한 프로그램을 내려받음.

3. npm install sass
   scss파일을 사용하기위해 sass내려받음.

4. 기본 파일 구성을 해야함.
   

5. 이렇게 설정을 해주고 prettier나 esLint는 사용자의 프로젝트 구성에 맞게 구성해주면됩니다.
   

6. 모두 끝난 상태에서는 .eslintrc .prettierrc
   를 제외한 구성이 이루어지면 성공!
   

Git 명령어

• git init : 깃프로젝트 시작
• git status : 깃프로젝트 상태 확인
• git commit : 파일 수정 이력 기록
  • 누르게되면 메모장 같이 화면이 나오게됨.
    
  • i를누르면 INSERT라고 바뀌게되며 내용 수정가능.
  • 나오고 싶으면 esc를 누른뒤 :wq 저장후 종료, :q 저장안하고 종료 해주면된다.
• git log : 깃 커밋목록 보기
• git add filename : 파일네임 추가
• git commit -m ”” : 커밋 내용
• git add . : 누르면 전부다 올라감
• git remote add origin 주소 : 주소와 깃을 연결해줌!
• origin은 원격저장소의 이름
• git push origin master 마스터 파일에 푸시하기
• git clone 주소 주소에서 파일 받아오기
• git branch ‘브랜치 이름’ : 브랜치만들기
• git checkout -b ‘브랜치이름' 브랜치를 만들면서 이동하기.

주의사항

마스터에서는 절대 수정하거나 생성 삭제 하면 안됨.

새로운 브랜치를 만들때는 마스터가 기준이된다.

코드를 수정하거나 만드려면 브랜치를 만들어야함

브랜치에 올리려면 git push origin 브랜치이름.
- master 적으면 마스터에 올라감.

이렇게 적게되면 pull request를 적을수있는데 쉽게 얘기하면 결제서류라고 생각하면된다.
그 안에 내가 무슨개발을했고 무슨기능이 있으며 이 기능을 활용했을때 무슨 결과가 예상되는 지 올리는 기능!

결제가 되면 마스터와 머지를 시켜 합쳐줌.

그렇게되면 마스터가 수정되었기때문에 클론받은 마스터로 이동하여 pull 받으면 변경된 사항이 적용됨.

개발환경별 Flow

• 기본 혼자 개발할경우
  
• 팀프로젝트의 경우