[React] 컴포넌트(Component)란?

컴포넌트(Component)

• UI를 구성하는 독립적이고 재사용 가능한 코드 단위
• 버튼, 입력 필드, 네비게이션 바

컴포넌트 특징

• 재사용성: 동일한 컴포넌트를 여러 곳에서 재사용할 수 있어 코드의 중복을 줄임(DRY) 
• 독립성: 각 컴포넌트를 독립적으로 개발하고 테스트할 수 있음
• 컴포넌트는 내부 상태와 외부에서 전달받은 데이터를 통해 동작을 제어하고 UI를 렌더링 함
• 컴포넌트는 생명주기를 가지며, 생성, 업데이트, 제거의 과정을 거친다

 

리액트 컴포넌트

• 함수형: React Hooks를 사용하여 생명주기 메서드를 구현
• 클래스형(ES6 클래스): `componentDidMount`, `componentDidUpdate` 같은 메서드를 사용