[GIT] github으로 협업하자!! / 코딩테스트 TIPS

미래는 PWA다! => serviceworker.js 활용!

webRTC => 홈페이지 상에서 화상채팅, 줌, 음성인식, 녹음기능
webGL => 웹 그래픽라이브러리
d3.js
ReactNative(모바일앱)

github 협업방법

• gitflow workflow
• ci / cd => trunk based development
  

오픈소스 주도: maintainer
오픈소스 기여: contributor

주의사항

1. 최소 1일 1PR 올라갈 것
2. 서로 독립적인 기능 분배
3. 경력자 위주로 공통기능
4. 1일 2회 이상 PR시, PR간에는 독립적

github 협업실습

원래는 develop으로 fork했어야 했는데 실수로 main으로 했다.

• 회사계정 레파지토리를 fork한다 (main이나 master말고 develop으로 해야함!)
  
  
• git clone
  
  
• git branch - branch 확인
  
  
• 내 할일을 회사계정 issues에 적는다(branch 이름 저장)
  (trello도 사용가능)
  
  
• git checkout -b feature-#6 ==> feature branch 만들기
  (-b 다음에 오는 branch이름은 회사 내규에 따라서 !)
  
  
• git branch ==> branch 다시확인
  
  
• 새로운 기능 폴더를 만들고 기능파일 추가 후
  branch에서 git add .
  git commit
  git push origin feature-#6 을 입력!
  (feature-#6은 브랜치명)
  
  
• git checkout main 확인해보면 내가만든 폴더없음!
  branch 에만 저장된거임!
  
  
• 그리고 이제 내계정에서 pull request날려야함!
  
• git remote add upstream https://github.com/nwd0907/codecamp-frontend-team-10.git ==> 회사계정으로 upstream을 만든다!
  
  
• git remote -v ==> upstream 만들어진거 확인
  
  
• git checkout main ==> main 브랜치로 이동
  
  
• git pull upstream main
  
  
• 브랜치를 딸 때는 최신화된 develop에서 따야한다!!!

브랜치 삭제:
git branch -D 브랜치이름

참고: https://chanhuiseok.github.io/posts/git-3/

코딩테스트, 과제

알고리즘(프로그래머스 1~2)
기능구현(pdf파일이 주어짐 => ex)open-api활용)

필수!
1. 반응형 디자인 기본
2. UI 최대한 신경쓰기(구조가 사실은 더 중요!)
3. 모든 기능 구현하기
4. 컴포넌트 재사용성 높이기
5. 글로벌스테이트 잘 활용하기
6. 타입스크립트
7. 테스트코드 작성하기
8. 메모이제이션(useCallback, useMemo, memo 등) 포함하기

---

추천!
9. 서버사이드렌더링 페이지를 적용해서 배포하기(SSR)
10. 과제를 위한 도메인 구입 후 배포
11. gif 형태로 유저플로우 만들기!(핵심 기능 위주)
12. 나는 3년차다,,(최면걸기) 지원도 해보기!