TIL

< Computer Science 20일차 >

클래스형과 함수형의 차이를 설명해 주세요.

단답형:
클래스형 컴포넌트는 React에서 기존에 사용되던 방식으로, state와 lifeCycle을 활용할 수 있습니다. 함수형 컴포넌트는 간결하고 메모리 효율적이며, React 16.8 버전 이후에는 Hooks를 통해 state와 lifeCycle 기능을 활용할 수 있게 되었습니다. 현재는 함수형 컴포넌트와 Hooks 사용이 권장되며, 이미 있는 클래스형 컴포넌트를 유지보수할 때에도 이해하고 수정하는 능력이 중요합니다.

상세한 설명:
1. 클래스형 (Class-based): React에서 컴포넌트를 만들 때 state, lifeCycle 기능(예: componentDidMount, componentDidUpdate)을 사용할 수 있습니다. 임의 메서드를 정의할 수 있다.
2. 함수형 (Functional): 클래스형 컴포넌트 보다 선언하기 편하며 메모리 자원을 클래스형 보다 덜 사용하는 등의 장점이 있습니다. 원래는 state, lifeCycle의 사용이 불가능했지만, Hooks의 도입으로 함수형 컴포넌트에서도 state, lifeCycle 기능을 사용할 수 있게 되었습니다.

현재는 공식 매뉴얼에서도 함수형 컴포넌트를 사용하도록 권장하고 있다 한다. 그렇기에 함수형을 잘 사용할 수 있도록 노력은 해야겠지만, 이미 만들어져 있는 클래스형을 파악하고, 유지 보수 함에 이상이 없기 위해선 클래스형 컴포넌트의 학습 또한 놓치면 안 될듯 합니다.