Component의 특징

1. 캡슐화
   Component는 메인 어플리케이션과 완전히 분리되어 작성되어져야 한다.
   -> 재사용, 테스트 가용성, 신뢰성
      (Component 수정시, 어플리케이션의 나머지 부분에 영향을 미치는 것을 신경쓰지 않아도 된다.)
   
   
2. 확장성 + 재사용성
   Component는 확장이 가능해야 한다. (DOM객체처럼)
   -> 이미 있는 기능 다시 사용 용이
   
   
3. 결합성
   컴포넌트의 조합으로 하나의 어플리케이션을 만들 수 있다는 점이 있다.

 

< Component의 기본유형 >

• 클래스형컴포넌트와 함수형 컴포넌트
  (1) 클래스형 컴포넌트
  -> state를 넣을 수 있다.
  -> props 를 입력으로 받는 생성자(constructor) 를 사용하는것이 좋다.
      ( super() 호출, 생성자 안에서 props호출: super(props) )
  
  (2) 함수형 컴포넌트
  -> state, LifeCycle 이 없는 자바스크립트 함수.
  -> props로 부르는 입력을 선택적으로 취한다.
  
  
• stateful컴포넌트와 stateless컴포넌트
  (1) stateful 컴포넌트
  -> 항상 클래스컴포넌트로 사용된다 (생성자에서 초기화되는 state가 있기 때문이다.)
  
  (2) stateless 컴포넌트
  -> 함수형이나 클래스로 사용된다. 하지만 컴포넌트에서 lifecycle을 적용해야 stateless컴포넌트로써의 가치가 있다.
  (함수형컴포와의 차이)