✅ Component란?
컴포넌트(Component)는 데이터를 입력 받아 DOM NODE를 출력하는 함수이다. 입력받는 데이터에는 Props나 State 등이 있다.
컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 다룰 수 있다. 따라서, 리액트를 통해 만든 웹이나 앱은 컴퍼넌트를 유기적으로 연결해서 SPA(Single Page Application)으로 만들 수 있다.
이처럼 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 이러한 컴포넌트들이 모여서 전체 페이지를 구성한다.
이렇게 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드의 양이 줄어 개발 시관과 유지 보수 비용을 줄일 수 있다.
'Library > React' 카테고리의 다른 글
[React] 훅(Hook) - useState, useEfffect (2) | 2023.12.08 |
---|---|
리액트(React) (0) | 2023.12.06 |