현재 React 학습에서는 props를 받아 JSX를 반환하는 함수형 컴포넌트를 기본으로 둡니다.
component
컴포넌트 재사용 단위
컴포넌트로 나눈다는 것은 UI를 파일로 쪼개는 일이 아니라 역할과 데이터 입력을 명확히 만드는 일입니다.
기존 코드나 라이프사이클 설명을 읽기 위해 클래스형 컴포넌트의 형태를 알아둡니다.
대문자로 시작하는 컴포넌트 이름은 일반 HTML 태그와 구분되는 신호입니다.
컴포넌트 이름이 대문자로 시작하는지 확인한다.
부모가 넘길 데이터 모양을 먼저 생각한다.
같은 UI를 두 번 쓰는 순간 분리 후보로 본다.
컴포넌트 내부 책임과 부모 책임을 나눠 읽는다.