[React] Component

Component

component란 React에서 사용하는 작고 고립된 코드입니다.

컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것입니다.

function TempComponent() {
	return <div>I'm Component</div>;
}

const TempComponet2 = () => {
	return <div>I'm Component2</div>;
}

정의한 각 component는 다른 component에서 사용할 수 있습니다.

function App() {
  return (
    <div>
      <TempComponent />
      <TempComponet2 />
    </div>
  );
}

component를 정의 할 때 주의사항은 component명의 첫째자리 문자는 대문자로 정의 해야 합니다.

component명의 첫 문자를 소문자로 정의 할 경우 해당 component를 사용 할 때 HTML태그로 읽기 때문입니다.

---

---

Reference

노마드 코더 ReactJS로 영화 웹 서비스 만들기
https://nomadcoders.co/react-for-beginners/lobby

React공식 사이트
https://ko.reactjs.org/docs/components-and-props.html