[React] 컴포넌트와 Props

1. 컴포넌트에 대해 알아보기 리액트는 컴포넌트 기반의 구조라는 중요한 특징을 가지고 있습니다. 리액트에서는 모든 페이지가 컴포넌트로 구성되어 있고, 하나의 컴포넌트는 또 다른 여러 개의 컴포넌트의 조합으로 구성될 수 있습니다. https://www.airbnb.co.kr/ 위 그림은 에어비앤비 웹사이트 화면을 캡쳐한 뒤에 컴포넌트를 표시한 것입니다. 여기에서 A로 표시된 부분과 B로 표시된 부분이 리액트 컴포넌트라고 볼 수 있습니다. 그리고 이러한 컴포넌트를 여러 번 반복적으로 사용해서 하나의 페이지를 구성하고 있습니다. 이처럼 리액트를 컴포넌트 기반이라고 부르는 것은 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 또 이러한 컴포넌트들이 모여서 전체 페이지를 구성하기 때문입니다. 이렇게 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드의 양이 줄어 개발 시간과 유지 보수 비용도 줄일 수 있습니다. 출처 : https://velog.io/@kyusung/리액트-교과서-Rea...

원문링크 : [React] 컴포넌트와 Props