[TIL]2022.05.05

진경·2022년 5월 5일
0

TIL

목록 보기
3/29

깃허브 명령어

링크
혼자 코드 짜서 올려보려다가 메인에서 받아와서 깃허브가 이상해졌다..내가 못 고치고 있어서 팀원분이 친절하게 도와주셨다ㅜㅠㅜ... push랑 pull 할 때마다 오류날까 심장이 두근두근한다ㅜㅠㅜ
깃 push, pull, add, commit뿐 아니라 알면 좋을 여러가지를 소개해주셨다.


1. 깃 브랜치에서 클론해오기
git clone -b {branch_name} --single-branch {저장소 URL} 

2. 깃 브랜치

-체크아웃(브랜치 이동하기)

$ $git checkout {branch_name}

-브랜치 생성과 체크아웃을 한번에 하려면 git checkout -b (branch이름)을 입력한다.

-git branch git branch -v 현재 등록된 브랜치를 확인할려면 아래와 같이 한다.


  1. git merge
    같이 협업할 때 브랜치에서 메인으로 병합할 때 사용한다.

  1. 깃 Rebase
    Rebase는 같이 작업하던 사람이 기존의 코드를 변경했을 때 내 코드를 충돌 없이 올리려면 해주어야 한다.
git rebase --continue

rebase를 실행하기 전에 항상 다른 개발자가 이 브랜치를 보고 있는가?를 생각하고 맞다면 비파괴적인 방법(예: git revert 명령)을 생각해봐야 한다. 그렇지 않으면 원하는 만큼 기록을 다시 쓰는 것이 안전하다.

협업을 하고있고 언제 사용할지 모르겠다면 push하기전에만 rebase를 사용하자!

협업 없이 혼자 사용하는 경우는 문제될 것이 없다.
git pull 명령을 실행할 때 기본적으로 --rebase 옵션이 적용되도록
이거 찾아보다가 알게 된 것: 협업시에는 main에 손대지 말자...


  1. 깃 revert
    Git 저장소에 커밋한 내용을 되돌리는 방법으로는 크게 reset과 revert가 있다.

git revert --abort


  1. cherrypick
    cherry-pick이란 다른 브랜치 위에 있는 커밋을 선택적으로 내 브랜치에 적용시킬 때 사용하는 명령어
    브랜치를 잘 못 선택했을 때 사용 가능하다.

  1. 깃 reset

git reset HEAD^
마지막 커밋을 삭제한다.


  1. amend 덮어쓰기
git commit --amend

마지막 커밋에 덮어쓰며 짜잘한 수정을 했을때 사용할 수 있다.


git init : 현재 경로를 Git프로젝트로 관리하기

git clone 레포지토리 주소 : 프로젝트 복제(다운로드)

git status : 상태 보기

git pull : (fetch+merge) 깃허브에서 최신버전 다운로드(병합)

git add . : 변경사항 다 스테이징

git commit -m "메시지" : 커밋(현재 버전 저장)

git push : 깃허브에 현재 커밋 업로드

git log : 로그(버전 이력) 보기

git checkout 커밋코드4자리 : 원하는 버전으로 코드 돌려보기

git branch 브랜치이름 : 브랜치 만들기(가지치기)

git checkout 브랜치이름 : 해당 브랜치의 최신버전으로 코드 돌려보기

git merge 브랜치이름 : 해당 브랜치 변경내용을 현재 브랜치에 병합하기
참고

  • vs코드의 확장프로그램-깃그래프도 사용해보자!
    깃허브 공부를 열심히 해야겠따... 프로젝트를 망칠 수 없어!

screen to gif

팀원이 신기한 것을 사용하는 것을 봤다. 스크린샷을 gif로 따서 리드미 같은거에 올리면 좋을 것 같아 이름을 물어보았다. 다음에 사용해 볼 예정이다.

삼항연산자 대신 cx

classNames 의 bind 기능을 사용하고 나면, 우리가 스타일을 넣을때마다 styles. 를 붙여주는걸 생략 할 수 있다.

// import { cx as classNames } from '../../styles'
import classNames from 'classnames/bind'

const cx = classNames.bind(styles)
.
.
className={cx('toggleTab', { activeTab: id === todoToggle })}

:toggleTab을 id === todoToggled일 때, aciveTab에 적용한다.
삼항 연산자 대신 사용 가능하다.

오늘의 tip

프리티어 단축키:Alt-Shift-Ctrl-P
리액트 navigator 사용하면 라우팅이 쉽다. (함수를 버튼에 넣어줄 때 사용)
<Link>는 그냥 <a>를 대체하여 사용하는 느낌.


처음 깃을 이렇게 자세하게 공부해본 것 같다. 자주 사용해야하니 쫄지 말구 자주 써보자... 자주 쓰는 명령어와 팁들 알려주신 팀원님들 감사합니다😀
profile
프론트엔드 취준생입니다

0개의 댓글