Component란?

재활용 가능한 UI 구성 단위

함수형 component / class형 component

함수형 componenet

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

class형 component

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

클래스형 컴포넌트에서는 render 함수가 꼭 있어야 한다!

component 특징

1. 가독성을 가지게 된다.
2. 재사용성이 높아진다.
3. 유지보수가 훨씬 편리해진다.

** component의 이름은 항상 대문자로 시작한다.
→ component 임을 인지 할 수 있는 문법이다.