React 부모 자식 컴포넌트

컴포넌트는 다른 컴포넌트를 품거나, 다른 컴포넌트에 속할 수 있다. 이 때 품는 컴포넌트를 부모 컴포넌트라고 부르고, 속하는 컴포넌트를 자식 컴포넌트라고 부른다.

ex)

<script>
// src/App.js
import React from "react";

function Child() {
  return <div>나는 자식입니다.</div>;
}

function App() {
  return <Child />;
}

export default App;
</script>

이렇게 함수로 만들어진 컴포넌트를 html태그 사용하듯이 코드를 작성하는 이 방식을 앞으로 JSX라고 부를 것이다.