왜 코드 리뷰를 수행하나요?

코드의 일관성과 생산성을 높혀 merge 과정의 충돌을 줄이고 빠른 개발을 하기위함 입니다.

코드컨벤션

• 컴포넌트파일은 components 폴더에 만듭니다.
• style파일은 styles 폴더에 만듭니다.
• 페이지컴포넌트파일은 pages 폴더에 만듭니다.
• 이미지파일은 assets 폴더에 만듭니다.
• Redux파일은 store 폴더에 만듭니다.
• 컴포넌트의 이름은 반드시 대문자로 시작하여야 합니다.
• CSS속성은 정해진 순서에 따라 작성합니다.

const CompleteButtonWrapper = styled.div`
	position: relative;
  display: flex;
  width: 100%;
	border: 1px solid black;
	font-size: 13px;
	color: blue;
	background-color: red;
	transform: scale(1.1);
	transition: translate 0.5s;
	z-index: 90;
`;

• 1개의 요소를 감싸는 컴포넌트는 Wrapper 로 끝나게끔 짓습니다.
• 여러개 요소를 감싸는 컴포넌트는 Container로 끝나게끔 짓습니다.
• 최상위 레이아웃 설정 컴포넌트는 Layout 으로 끝나게끔 짓습니다
• div 태그 컴포넌트 이름은 자유롭게 하나 Box를 제안합니다
• ul 태그 컴포넌트는 List로 끝나게끔 짓습니다
• li 태그 컴포넌트는 Item 으로 끝나게끔 짓습니다