Component 종류
Function Component
➡️ 하나의 props 객체를 받아서 인사말이 담긴 element 반환
➡️ 간단한 코드
Class Component
➡️ react.component를 상속받아서 만듬!!
Component 만들기
Component 이름은 항상 대문자로 시작
Component 렌더링
- 실제로 화면에 렌더링 되지는 않음
- Component를 통해 생성된 element가 화면에 렌더링
- Component를 통해 생성된 element가 화면에 렌더링
Component 합성과 추출
Component 합성
: 여러개의 컴포넌트를 합쳐 하나의 컴포넌트를 만듦복잡한 화면을 여러개의 컴포넌트로 나눠서 구현 가능
Component 추출
: 복잡한 컴포넌트를 쪼개서 여러개의 컴포넌트로 나눔
💡 컴포넌트가 작아질수록 재사용성 증가
- 컴포넌트의 기능과 목적 명확
- props 단순해짐
- 기능 단위로 추출하여 재사용 많이 할 수 있도록 하기
