
[리액트] Function vs Class(Component) 클래스형 컴포넌트와 함수형 컴포넌트의 차이
개발/React
2022. 7. 22. 18:56
컴포넌트를 선언할 수 있는 방법에는 2가지가 있습니다. 함수형 컴포넌트와 클래스형 컴포넌트 인데요. 함수형과 클래스형을 비교하여 사용하는 법을 정리해보고자 합니다. 클래스형 컴포넌트와 함수 컴포넌트의 차이점 Class component 클래스 컴포넌트의 장점 state 기능을 사용할 수 있다. 함수를 이용한 라이프사이클 기능을 사용할 수 있다. 임의 메서드를 정의할 수 있다. Function component 함수 컴포넌트의 장점 클래스형 컴포넌트보다 선언하기가 쉽다. 클래스형 컴포넌트 보다 메모리를 덜 사용한다. 빌드 후 배포할 때, 함수 컴포넌트를 사용하는 것이 결과물의 파일 크기가 더 작다. (근소한 차이 신경X) Function component 함수 컴포넌트의 단점 state와 라이프사이클 AP..