instagram 코드 리뷰

1️⃣ 프로젝트 PR 작성

• 구체적으로 적어서 기록하기
• 완료 : 더이상 수정할 사항 없음 => merge 됨
• 추가 기능 구현 중 : merge 하지 않음
• 멘토 리뷰 요청 : 리뷰를 남겨 주심 => 수정 요청으로 답변해주심
• 도움 요청

2️⃣ 팀프로젝트

• 디자인 완성 후, 기능 구현하는 것이 좋음

3️⃣ 코드 리뷰

• ResetCSS.js => index.html에서 호출

• SCSS nesting, SPA는 body는 단 하나만 사용하기.

• stylelint => 자동으로 css property 순서 정해 줌
  => id 보다 className으로 적용하는 것이 좋음

• 함수 이름 => 동작할 함수명으로 이름 정하기

• 변수명 짓는 사이트

  • const isVaild => true/false
  • const

• 컴포넌트 가장 밖에 className을 줘야 함

  <div className='Nav'>

• Refactoring guid

• 동일한 기능을 하는 함수 묶어서 사용하기

• 배열 구조 분해 할당 => 순서 중요

• 객체 구조 분해 할당 => 순서 상관 없음

  const [userInfo, setUserInfo] = useState({
   id: '',
   password: ''
  })
  
  const handleUserInfo = (e) => {
   setUserInfo(...userInfo, [name]:value)
  }
  

• import 순서대로 적기

• 상수데이터 : 변하지 않는 프론트에서 관리할 수 있는 데이터

• mock 데이터 : 서버에서 받아 올 데이터=> map으로 관리