TIL | [React] git & github

레이나·2024년 12월 23일

Today I Learned

목록 보기
13/47
post-thumbnail

[241223 본캠프 시작]

Git?

코드 변경점 기록
버전 관리 도구(형상관리도구)
소프트웨어의 변경사항을 체계적로 추적하고 통제하는 것

Github

백업과 공유가 가능한 온라인 코드 저장소
온라인 업로드(백업) -> 팀원들에게 쉽게 공유, 협업

Git 필수 명령어

1. git init : 코드 관리를 시작하는 명령어

initialize(초기화하다, 초기 세팅하다)의 준말
프로젝트 시작 전 딱 한 번만 입력하면 됨
정확한 프로젝트 폴더(경로)에서 입력해야 함

  • 코드를 작성할 폴더 생성
  • vs code에서 폴더 열기 (맥에서 저장키 cmd+s)
  • new terminal
  • pwd -> 위치확인
  • git init
  • .git이라는 폴더(숨겨진 폴더)생성됨
  • ls -a 로 확인해보기
  • .git 폴더에 코드 변경점 저장됨/실수로 다른곳에 생성되었다면 해당 폴더 지워도 됨

2. git 저장하기

  • git add index.html(파일명)
    저장하기 전 저장할 파일 지정(설정:장바구니)
  • git commit -m"메세지 작성(주석처럼 상세히)"
    실제 코드 저장
  • <변경사항 모두 저장시>
    git add . (현재 위치의 모든 파일 선택)
    git commit -m "메시지"

'add'와 '.'사이 한칸 공백있음 주의!!!!

3. git status : 저장 여부 확인하는 명령어

  • 어떤 파일이 변경됐는지, add(지정)됐는지 등, 변경상태를 확인
  • add는 했으나 commit을 안하면 붉은색으로 표기됨

4. git log : 저장 내역을 확인하는 명렁어

commit git diff 코드변경 확인
커밋 메시지로 코드변경점 추측 가능
git reset 과거로 돌아가기 기능
index.html 내용 변경 저장

Git backup

온라인 저장소 gitgub repository 만들기
터미널에 깃 허브 코드 넣기

  • git remote add origin <github 주소>
    git pus "github 주소" 브랜치
    github 주소를 origin 이라는 이름으로 저장
    추가로 수정된 코드로 github에 반영하기

5. git push

git pus origin main

💠 Github 협업하기 + 충돌 해결하기

1 초기 프로젝트 코드 작성
2 gitbub 레포지토리 생성
3 코드 github에 올리기(git push)

4 팀장이 협력자(collaborator)등록하기
5 팀원들은 수락하기
6 팀장이 코드를 공유
7 팀원들 git clone

6. git clone <github주소>.

vs code에서 터미널에서 git clone <github주소>.까지 입력

7. git pull : 코드 변경사항 가져오기

1 깃 풀로 가져오고
2 깃 푸쉬로 올리기
경고문(hint) 잘 살펴보기

  • git config pull.rebase false
  • git pull origin main

  • 터미널에 아무것도 입력이 안되는 vim 에디터가 뜨면
    esc - 편집 모드에서 나오기
    : - 명령어 단축키
    w - 저장하기
    q - 빠져나오기

⚠️ 충돌 발생시!!

같은 파일의 같은 위치에 코드가 변경되었기 때문

a가 index.html의 두 번째줄 변경
b가 index.html의 두 번째줄 변경

  • 깃에서 알려준 부분 알아서 수정
  • 코드저장(add. & commin-m)
  • git push origin main

깃 생성후 배포만 실습차원에서 해봤는데, 실제로 프로젝트를 실행하면서 사용해 봐야 무슨말인지 알것같고, 정정할 정보들은 정정할 수 있겠다.

profile
one setp

0개의 댓글