[ #1 ] TIL

 ✏️ 0415      

---

본 캠프 OT & 미니 프로젝트 시작
자기소개 & 역할 분배
HTML, CSS 구현
[ 특강 ] GIT 기초 1

 

---

 

Git & Github 

 

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

 

Github
온라인 백업과 공유, 협업이 가능한 온라인 코드 저장소

 

Git 필수 명령어

• git init 
  • 코드 관리를 시작하는 명령어
  • init (=initialize) : 초기 내용을 설정하다, 초기화하다
  • 프로젝트 시작 전, 한번만 입력 ( 여러번 입력해도 문제가 되지 않음 )
  • ⭐ 정확한 프로젝트 폴더(경로)에서 입력해야 한다
  •       => 데스크탑 전체 파일, 폴더가 다 기록된다
  •       => ls -a 명령어를 이용해 .git 이라는 숨겨진 폴더가 있어야 코드 변경을 추척한다
• git add
  • 코드를 저장하는 명령어
  • git add 파일명
  •  저장하기 전 저장할 파일 지정
  • git add . => 점(.)은 현재 나의 경로의 모든 변경된 사항을 저장한다
• git commit
  • 코드를 저장하는 명령어 
  • git commit -m "메세지 작성" ( => 무슨 코드를 짰는지 자세하게 설명하는 게 좋다 )
  •    => commit : 실제로 저장하는 명령어
  • commit 이후 안 된다면 계정 설정이 안되어 있어서 안내되는 대로 이메일&닉네임 적어주면 된다
• git status
  • 저장 여부 확인하는 명령어
  • 어떤 파일이 변경됐는지, 지정됐는지, 저장됐는지 확인
• git log
  • 저장 내역을 확인하는 명령어
  • 커밋 메시지로 코드 변경점 추측 가능
  • commit 뒤에 있는 것은 커밋 아이디
  • git reset 로 과거로 돌아가기도 가능
  • git diff 로 코드 변경 확인 가능
  • q 를 누르면 빠져나오기 가능
• git push
  • 추가로 수정된 코드 github에 반영
  • 코드 수정 => 저장 명령어 실행 => git push -u origin main(or 브랜치명)
  • git branch -M main
  •    => 현재 브랜치명(master)을 main으로 변경
  • git push -u origin main
  •    =>  git pust 만 입력해도 동일한 작업을 진행하도록 설정
• git clone
  • 코드 복사
• git pull
  • 다른 사람이 변경한 코드를 내 코드에 가져오기 ( 변경사항을 가져오고 싶을 때 )
  • git push 를 했는데 에러가 발행하며 실행되지 않으면 git pull orgin main 사용
  • 처음에는 hint 가 뜨면서 안뜰 수 있지만 hint 의 맨 위에 있는 코드를 작성해서 다시 시도
  •    => git config pull.rebase false
  • 텍스트 파일 ( vim 에디터 )가 뜨면서 터미널에서 아무것도 안 뜰 경우
  •    => esc [키보드] > :wp ( 파일 저장하고 나가기) > enter [키보드]
  • 명령어로 가져왔는데 코드가 이상해졌을 경우
    • CONFLICT 에러가 나타남
    • 같은 파일의 같은 위치에 코드가 변경되었기 때문에 충돌 발생
    • Current Change => 내가 쓴 코드
    • Incoming Change => 다른 사람이 쓴 코드
    • 필요없는 ( <<<<<, >>>>>>, ====== 포함 ) 코드 지우고 원하는 코드로 수정 ( 둘 다 남겨도 상관없다 )
    • 충돌 ( Conflict ) 해결하면 다시 git push

 

같이 협업하는 방법

1. 협력자 ( collaborator ) 등록 
   •  [ Settings ] > [ Collaborators ] > [ Add people ]
2. git clone - 코드 복사
   • [ < > Code ] HTTPS 주소 복사
   • 폴더 생성 ( 폴더명은 다른 사람과 같지 않아도 괜찮다 )
   • git clone <복사한 주소> .
   •    => 주소 띄우고 점( . ) 넣기 ( => 점( . )을 안 붙히면 폴더 생성된다
3. 코드 변경하고 github 에 올리기
   • 코드 수정
   • git add > commit > push

✏️ working directory / staging area / repository 에 대해서 공부해보기

 

미니 프로젝트

 

팀 소개 프로젝트 시작

메인 페이지 안에 있는 팀원 카드 구현 ( HTML , CSS )