[스파르타 _ 리액트 과정] 4일차

📜 진행 내용

• 팀 소개 웹페이지 프로젝트
  • 메인 화면 페이지와 각 팀원 소개 페이지 연결
  • 깃허브로 프로젝트 파일 업로드 시도
• 담당 매니저님과 면담

---

💡 배운내용

• 메인 화면 작업 파일에 대한 마지막 수정은 나까지 3명의 손을 거쳤는데, 이때까지만 해도 깃허브를 제대로 활용하지 못하고 계속 파일 자체를 업로드하고 다시 수정하는 사람이 다운로드하는 식의 비효율적인 협업 방식으로 진행되었다.
• 결국 깃허브에 대해 기본적인 부분을 숙지하고, 조금이나마 그 이후에 수정한 부분들은 깃허브를 제대로 활용해서 프로젝트 파일을 공유했다.
• 나도 내 깃허브에 커밋/푸쉬하는 방법만 알았기 때문에 협업시에는 어떻게 해야하는지 다시 공부했다.
• 매니저님과 첫 면담 시간을 가졌는데, 도움되는 조언을 많이 구했다.
  • 프로젝트를 진행하기 전에는 작성할 코드에 대해 상세하게 '정의'해놓고 쓰기.
    ※ 예 : 스타일 (색상, 폰트..), 변수, 태그 등
  • 프로젝트를 마친 후에는 코드리뷰를 해보는 것이 도움이 많이 된다.
    팀원간에 서로 작성한 코드에 대해서, 왜 이 태그, 코드를 사용했는지 정당한 타당성을 설명 할 수 있어야 한다.
  • 튜터님과의 면담 전에 현업 개발자에게 물어볼만한 질문을 하는 것이 좋다.
    ※ 예 : 학습 가이드 / 참고로 매니저님은 이전에 동일한 질문을 했을 때, 결국은 마크업부터 타입스크립트까지 (기능구현) 모두 잘 해내야한다고 들으셨다한다.ㅎㅎ
    : 지원하고 싶은 회사에 대해 미리 조사 해보고 관련된 질문하기
    : 관심있는 분야 / 예 : 게임 개발 등
  • 코딩테스트는 프론트엔드 분야라고 해서 무조건 자바스크립트로 보는 건 아니다. 대기업의 경우 파이썬으로 준비하는 것이 좋으며, 처음에 자신있는 언어를 선정한다면 나중에 언어를 바꾸는 것은 큰 문제가 되지 않는다.
  • 개발직군 면접시 : OOP(객체형)로 코드를 작성해보라거나, 혹은 사전에 과제를 미리 주는 곳도 있었다고 한다.

---

👉 git bash 설치 후 시작

1. git 초기 설정

• git bash 열기 ※ 컴퓨터 자체에서 처음 git 사용할 경우 실행.
  • 사용자 이름 설정
    git config - -global user.name “my_name”
  • 사용자 이메일 설정 ( gitHub 가입시 사용한 이메일 )
    git config - -global user.email “my_email”
  • 정보 확인
    git config - -list
    

2. GitHub에 처음 업로드

1. 초기화

   • 폴더에 git이 없을 경우에 git 파일 생성

   git init

2. 추가할 파일 더하기

   • 파일별로 올리기

     git add 파일명
     

   • 폴더내 모든 파일 올리기

     git add .
     

3. 현재 git 상태 확인 (필요시)

   git status

4. 히스토리 만들기 - 커밋 메시지 작성

   git commit -m “커밋 메시지”

   ※ -m 은 메세지의 줄임말

5. GitHub repository 와 내 로컬 프로젝트 연결

   git remote add origin 깃허브링크

   ※ 깃허브 링크는 연결하려는 깃허브의 Code 탭에서 우측 Code 버튼을 눌러 링크를 복사할 것.

   

1. GitHub 연결 잘됐는지 확인

   git remote -v

   ※ 연결한 주소값이 잘 뜨는지 확인!

2. GitHub로 올리기

   git push origin 브랜치명

   ※ 브랜치명 : 기본적으로 main 혹은 master

3. GitHub에 업데이트 하기

※ git init 후 업로드한 폴더/파일에 추가적으로 수정/업로드 할 경우

1. 추가할 파일 더하기 (파일별 혹은 전체 올리기)

   git add 파일명

   git add .

2. 히스토리 만들기

   git commit -m “커밋 메시지”

3. GitHub으로 올리기

   git push origin master

👉 로컬의 소스 코드를 업데이트할 경우, 기본적으로 위 세 단계만 반복하면 된다.

4. GitHub으로 협업하기

1. GitHub에서 기존 소스코드 다운로드

   • 기본 : 프로젝트명의 폴더 생성이 되면서 다운된다.

     git clone 깃링크
     

   • 다운받을 폴더 생성 + 다운

     git clone 깃링크 폴더이름
     

1. GitHub에서 내 브랜치 만들기

   git checkout -b 브랜치명

   ※ 협업하는 깃허브가 본인이 master가 아닐 경우, 브랜치를 만들어서 업로드 한다.

   메인 브랜치로 바로 병합되지 않도록, 내가 만들 공간을 만드는 것.

2. 내 브랜치로 소스코드 업데이트하기

   git add . / 파일명

   git commit -m ‘커밋 메시지’

   git push origin 브랜치명

   👉 업로드 후 GitHub에서 compare - pull request 버튼 클릭

   master / main 권한자에게 메인 브랜치와 합쳐주길 요청하는 것.

3. 내가 작업중인 파일과 GitHub에 새로 업로드된 파일 합치기

   • 우선 내가 작업 중이던 파일 더하기 + 커밋 메시지 작성

     git add . / 파일명

     git commit -m “커밋메시지”
     

   • 마스터 브랜치에서 업로드된 소스파일 다운

     git pull origin master / main

     👉 작업 중이던 파일에 다운된 소스파일이 합쳐지는 것을 확인하기!
     

   • 작업 중 파일 + 다운한 파일 취합본으로 최종 업로드

     git push origin master / main
     

---

⁉️ 어려웠던 내용

• 깃허브으로 처음 협업하는 게 어려웠다.

❎ 한 번 더 공부할 내용

• 내가 main / master 일 경우, pull 요청온 소스 합치는 부분

🎯 문제와 해결

• 팀 프로젝트 깃허브에 초대 받은 다음, 테스트로 파일을 올려보는데 push하는 부분에서 자꾸 reject 에러 메시지가 나왔다.
  
• 원인은 해당 깃허브의 주인이 아닌 경우 (main/master) 브랜치를 새로 만들어서 올려야 push가 가능했다.

---

🔗 참고링크

• Git 명령어 총정리집