<>
      <Header />

      <Main /> ------- ➌
      <Footer /> ----- ➍

    </>
  );
}

➊ Main 컴포넌트는 <h1>Hello, Function Component!</h1>를 반환합니다.

➋ Footer 컴포넌트는 <h1>Footer!</h1>를 반환합니다.

➌ App 컴포넌트에서 <Main />을 사용하면 Main 컴포넌트가 실행되어 JSX가 반환됩니다.

➍ <Footer />도 같은 방식으로 실행되어 JSX가 화면에 렌더링됩니다.

애플리케이션을 실행하면 App 컴포넌트가 실행되며 return 문 안의 JSX를 웹 브라우저에 출력합니다. <Header />는 Header 컴포넌트를 실행하고, ‘Header!를 출력합니다. <Main />은 Main 컴포넌트를 실행하고, ‘Hello, Function Component!’를 출력합니다. <Footer />는 Footer 컴포넌트를 실행하고, ‘Footer!’를 출력합니다.