[React] 함수형 컴포넌트와 함수 컴포넌트

 

 

지나가다 얼핏 '함수형 컴포넌트'가 아니라 '함수 컴포넌트'라고 불러야 한다라는 말을 들었다.

나도 여러 리액트를 다루는 글에서 '함수형 컴포넌트' '함수 컴포넌트' 용어 둘 다 쓰는 경우를 많이 봤었기 때문에 궁금하여 찾아보게 되었다.

 

Rename "functional component" to "function component" by gaearon · Pull Request #863 · reactjs/reactjs.org

 

결론은

초보자들에게 '함수형 컴포넌트'는 '함수형 프로그래밍'과 연결되어 혼란을 야기할 수 있다고 판단하여 리액트에서는 원래 함수형 컴포넌트(functional component)라는 용어를 사용하다 이제는 함수 컴포넌트(function component)라고 부르기로 하였다고 한다.

 

'함수형 프로그래밍'이란 외부에 의존하지 않는 순수함수를 통해 사이드 이펙트를 최대한 억제하여 오류를 피하고 프로그램의 안전성을 높이려는 프로그래밍 패러다임 중의 하나이다. <모던 자바스크립트 Deep Dive>

 

 

함수 컴포넌트는 사이드 이펙트(ex. useEffect)를 일으키니 함수형 프로그래밍이라고 보기 어렵다...

이제부터는 '함수형 컴포넌트'가 아닌 '함수 컴포넌트'라는 용어로 써야겠다~