[code-review] 3

❗️ 코드 작성 시 Convention

• Styled Component 는 함수 밖 에 위치시키기
• useState는 함수 내 맨 위에 위치시키기
• return() 내 UI코드는 최대한 간결하게 ( 콜백함수는 모두 밖으로 빼기 )

// import 영역
import __ from __

// Styled Component 영역
const Styled작명 = styled.div`
  // code
`;

//함수 영역
const Function {
  (상단) useState 위치
  return() {
     // 간결한 코드
  }
}

🧐 Styled Component 작명할 때, Styled--- 붙여주기

❗️ 깃 관련 주의사항

1. (Branch checkout) 코드 작성 👉 git add .
2. (소스트리) Commit
   ❗ 커밋 전에 코드 다시 한 번 확인하기

• 기능별 분리 (서로 다른 페이지 작업 한꺼번에 묶어서 커밋 X)
• unused import 된 것 있는가?
• prettier 적용 되었는가? (포멧팅)
• yarn build 해봐서 문제 없는가?

3. push
   -> Local 에서 Origin 으로 이동
4. fetch
   -> update 확인 용
5. (업데이트 된 내용 있을 시) pull

• (Branch checkout) develop pull / branch pull
  -> develop pull 을 하므로써 내 브랜치의 develop 코드를 업데이트
  -> branch pull 을 하므로써 내 브랜치에 업데이트
• (develop checkout) develop pull
  -> 내 로컬에 있는 develop에 origin develop으로 업데이트

6. (Origin/develop 풀 당겨받고, yarn build로 확인한 후) pull request(깃허브)
   ❗ 현재 브랜치에서 develop으로 풀리퀘 날리기