① 컴포넌트는 UI를 구성하는 독립적이고 재사용 가능한 작은 단위입니다.

② 컴포넌트를 사용하면 재사용성, 유지보수성, 로직 분리, 복잡한 상태 관리가 쉬워지고, 결과적으로 애플리케이션의 성능을 최적화할 수 있습니다.

① 클래스 컴포넌트: ES6의 클래스 문법을 사용해 작성하며, Component 클래스를 상속받아 render() 메서드에서 UI를 정의합니다.

② 함수형 컴포넌트: 자바스크립트 함수로 작성하며, JSX를 반환해 UI를 구성합니다. 문법이 간단하고 가독성이 좋아 현재 가장 많이 사용하는 방식입니다.