22.04.12 - Part02-01
Git
Git(깃)은 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템(VCS)입니다.
1. 개요(Git, Github)
파일 검색기 - 명령 프롬포트(terminal) 검색 후 클릭 - git --version 확인 - 확인이 되지 않으면 Git(깃) 설치 -크롬에서 Git(깃) 검색 및 https://git-scm.com/ 접속 후 다운로드 - 명령 프롬포트(terminal) 다시 실행 - git --version 확인 -크롬에서 GitHub 검색 및 https://github.com - 회원가입및 로그인
2. 예제 GitHub에 업로드하기
VSCODE 실행 - 위쪽 사이드바중 Terminal - New Terminal 선택 - git --version 확인 - git init
- git config --global core.autocrlf true - git config --global user.name 'eunhye'
- git config --global user.email 'abcdef@naver.com' - git config --global --list
- core.autocrlf=true 뜨는 지 확인 - 단축키 Q 클릭 - git status - git add . - git status
- git commit -m 'Start project' - git log - GitHub(깃허브)로 이동 - 프로필이미지 클릭
- Your repositories - New 클릭 - Repositories name(ex. starbucks) - Create repository
- url 복사 - Terminal로 이동 - git remote add origin url 붙혀넣기 - git push origin master
- 팝업창이 뜨면 '확인' 버튼 클릭 - GitHub 로그인 - GitHub에 올라간 프로젝트 확인3. 버전 생성과 업로드의 이해
개행 문자(New line)설정
$ git config --global core.autocrlf input - mac OS
$ git config --global core.autocrlf true - Windows
# 사용자 정보
## 커밋(버전 생성)을 위한 정보 등록
$ git config --global user.name 'YOUR_NAME'
$ git config --global user.email 'YOUR_EMAIL'
$ git config --global --list - 구성확인
Q키를 눌러서 종료!
$ git init - 현재 프로젝트에서 변경사항(버전 관리)을 시작
$ git add index.html - 변경사항을 추적할 특정 파일(index.html)을 지정
$ git add . - 모든 파일의 변경사항을 추적하도록 지정
$ git commit -m '프로젝트 생성' - 메시지(-m)와 함께 버전을 생성
$ git add .
$ git commit -m 'main.js'
$ git add .
$ git commit -m 'index.html 수정'
$ git remote add origin 'GitHub url' - origin이란 별칭으로 원격 저장소를 연결.
$ git push origin master - origin 이란 별칭의 원격 저장소로 버전 내역 전송
4. Netlify 지속적인 배포
Netlify(https://www.netlify.com) 검색 후 - 접속 후 로그인(GitHub) - New site from Git - GitHub
- Authorize Netlify - lnstall - GitHub 비밀번호 입력 - GitHub 프로젝트 선택 - Deploy site
- url 클릭 후 업로드한 사이트 확인5. 수정사항 버전 생성(Commit)
VSCODE 실행 - index.html 파일 열기 - 수정하고 싶은 코드 수정 - Terminal 실행 - git status - git add .
- git status - git commit -m '수정' - git log - 단축키 Q - git push origin master - GitHub 이동
- 수정 사항 확인6. 브랜치(Branch)
VSCODE 실행 - 폴더 열기 - Terminal 실행
git branch(branch 목록 확인 - master) - 단축키 Q - git branch -a(branch 목록 확인)
- 단축키 Q - git branch (ex. signin) - git branch(branch 목록 확인 - master, signin)
- 단축키 Q -git checkout (ex. signin)7. 브랜치 병합(Pull Request)
GitHub 접속 - 로그인 - master 버튼 클릭 - 목록 확인 - git status - git add . - git status
- git commit -m '수정' - git status - git push origin (ex. signin) - GitHub로 이동
- master 버튼 클릭 - 목록 확인 (ex. signin) - Pull requests - New pull requests
- master <- signin (Able to merge) - Create pull request - Create pull request
- Merge pull request - Confirm merge - 사이트 추가 코드 병합 완료8. 프로젝트 복제(Clone)
GitHub 접속 - 로그인 - Your repositories - 프로젝트 선택 - Code - GitHub url 복사 - VSCODE 실행
- Terminal 실행 - cd Documents/ - git clone GitHub url 붙혀넣기 - ls(프로젝트 확인)9. 연습 - 되돌리기(Reset)
새 폴더 생성(ex. git practice) - VSCODE 실행 - 폴더 열기 - 파일 생성(ex.index.html) - Terminal 실행
- git init - git status - git add . - git commit -m '1' - git log - 단축키 Q - html 코드 수정
- git git status - git add . - git commit -m '2' - git log - 단축키 Q -
이전 버전으로 되돌리기 - git reset --hard HEAD~1 - git log(버전 확인)