Component

[ Component란? ]

• React 의 핵심
• MVC View 를 독립적으로 구성해 재사용할 수 있고, 새로운 컴포넌트도 만들 수 있다.
• 데이터 (props) 를 입력 받아 View(state) 상태에 따라 DOM Node 를 호출한다.
• UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 나누어 코딩이 가능하다.
  
  

Component 종류

함수형 Component

• Hooks 을 이용한 상태 관리와 라이프 사이클 사용이 가능해져서 함수형을 더 많이 사용한다.

import React from 'react';

function FunctionComponent() {
  return(
    <div>Function Component입니다.</div>
  );
}

export default FunctionComponent;

클래스형 Component

• state 와 라이프 사이클 기능 이용 가능
• render 함수 필수

import React, {Component} from 'react';

class ClassComponent extends Component {
  render() {
    return(
      <h1>Class Component입니다.</h1>
    );
  }
}

export default ClassComponent;