React 컴포넌트

컴포넌트 (Component)

컴포넌트란 UI 또는 기능을 부품화 해서 재사용 가능하게 하는 것입니다.
쉽게 말해서 부품들이라고 생각하면 됩니다.

위와 같은 그림을 만든다고 할 시, 일일이 하나하나 다 만들어 주기 보다는, 동일한 UI를 재활용하고, 안에 데이터와 이미지만 바꿔 표현할 수 있습니다.

이를 통해 한 페이지 안에서도 모든 구성 요소를 직접 다 만드는 것이 아닌, Header, Footer 등 각 부분을 독립된 컴포넌트로 만들어, 컴포넌트들을 재조립해 화면을 구성합니다.

여러 화면에서 재사용 되는 코드를 반복해 입력할 필요 없이 컴포넌트만 import 해 사용하면 됩니다.
또한 기능단위, UI단위로 쪼개어 코드를 관리할 수 있으므로, Application이 복잡해져도 코드의 유지보수가 용이합니다.