HTML에서 외부의 파일을 이용할때는 scr나 link를 이용해 파일 단위로 불러왔다.

React에서는 함수단위로 외부의 소스를 이용할 수 있다.
외부에서 사용할 함수는 export해주어야하고,
이 함수를 가져다 쓸때는 import해야한다.

필요한 함수에 export를 사용하면,

외부파일에서 파일경로와 함수를 import해서 사용할 수 있다.

하나의 소스코드에 모든 내용을 코딩하면 너무 복잡해지는데,
이렇게 나누고(함수형 컴포넌트 - HTML 들어있음), 필요할때마다 불러와서 사용하면 수정 및 재사용에 용이하다.
효율성 UpUp!!

component

부품화해서 재사용.
버튼 하나가 될 수도 있고, 페이지 전체(Page Componenet)가 될 수 도 있다.

컴포넌트는 복붙과는 다르다. 컴포넌트는 컨텐트가 아닌 UI를 재사용한다.

복붙은 수정할때, 수정할 부분을 일일히 찾아서 수정해야한다.
컴포넌트는 해당 컴포넌트의 내용만 수정해주면 전체 내용이 수정된다.