props를 받아 JSX를 반환하고, 필요한 상태와 훅을 함수 호출 규칙 안에서 묶습니다.
component unit
컴포넌트는 화면 책임을 이름 붙인 재사용 단위다
React 컴포넌트는 JSX를 반환하는 함수로 시작하지만, 실제 핵심은 화면 조각에 책임과 이름을 부여하는 데 있습니다.
컴포넌트 이름은 대문자로 시작해 일반 HTML 태그와 구분되도록 만듭니다.
반복 UI, 의미 있는 영역, 독립 테스트가 필요한 부분을 컴포넌트로 나눕니다.
파일명과 컴포넌트명이 역할을 설명하는지 본다.
컴포넌트가 JSX 결과를 명확히 반환하는지 확인한다.
한 컴포넌트가 너무 많은 화면 책임을 갖지 않는지 점검한다.
props만 바꿔 여러 곳에서 사용할 수 있는지 생각한다.