개발/React (1) 썸네일형 리스트형 [kmhdev] 클래스 컴포넌트 ? 함수형 컴포넌트 ? * 함수형 컴포넌트 함수형 컴포넌트는 아래 소스와 같이 함수형태로 컴포넌트를 구현하는것입니다. 흔히 사용하는 es6의 화살표 함수를 이용해서 구현이 가능하죠. 저는 그럼 함수형 컴포넌트를 도대체 왜 쓰는거지? 왜 클래스 컴포넌트랑 함수형으로 구분을 해서 나눈거지라는 의문이 들어 찾아봤습니다. 2019년 함수형 컴포넌트는 개편되어 클래스형 컴포넌트보다 첫 마운팅 시점이 5~10%정도까직 상승 되었다하며 또한 기존 클래스 컴포넌트보다 코드가 짧으며 후에 유지보수를 할떄 가독성이 매우 좋아졌습니다. 과거에는 컴포넌트 state를 사용하기위해 함수형 컴포넌트를 -> 클래스 컴포넌트로 변환하는 작업을 많이 했엇지만\ 최근에는 hook라는것이 등장하여 함수형 컴포넌트에서도 state를 사용할 수 있게되었습니다. h.. 이전 1 다음