클래스형 컴포넌트와 함수형 컴포넌트의 차이점

함수형 컴포넌트

 

클래스형 컴포넌트

 

클래스형 컴포넌트와 함수형 컴포넌트의 차이점은

클래스형 컴포넌트의 경우
- state 기능
- 라이프사이클 기능을 사용할 수 있다는 것 
- 임의 메서드를 정의할 수 있다는 것
- render함수 필수 + JSX반환 

함수형 컴포넌트의 경우
- 클래스형자료형보다 선언하기 편하다
- 메모리 자원도 클래스형 컴포넌트보다 덜 사용
- 배포시 파일크기가 작다 (성능과는 관계가 없음)
- state와 라이프사이클 API의 사용이 불가능하다는 점
(리액트 V16.8 업데이트 이후 Hooks라는 기능이 도입되면서 해결)
- 

리액트 공식 매뉴얼에서는 컴포넌트를 새로 작성할 때 함수형 컴포넌트와 Hooks를 사용하도록 권장.