React에서 Element와 Component의 차이점은 무엇인가요?

[lledellebell]

Hint

• Element
  • DOM 노드를 기술하는 객체(Object)
  • 화면에 표시하고자 하는 것을 설명
  • props를 통해 다른 Element를 포함 가능
  • 생성이 경제적(Cheap to create)
  • 생성 후 변하지 않음(Immutable)
• Component
  • 클래스 혹은 함수로 선언 가능
  • props를 입력으로 받음
  • JSX 트리를 출력으로 반환
  • 재사용 가능한 코드 블럭(Reusable code block)
  • 내부 상태(State)를 가질 수 있음
• JSX
  • JavaScript XML의 약자
  • React.createElement() 함수로 변환됨(Transpiled)
  • 가독성이 높은 코드 작성을 도움
• ReactDOM.render()
  • Element를 실제 DOM에 렌더링하는 함수