src/components/Footer.tsx
export default function Footer() {
return (
<>
<h1>Footer!</h1>
</>
);
}
이제 App.tsx에서 다음과 같이 import 문을 사용해 컴포넌트를 불러올 수 있습니다.
src/App.tsx
import Header from './components/Header';
import Main from './components/Main';
import Footer from './components/Footer';
export default function App() {
return (
<>
<Header />
<Main />
<Footer />
</>
);
}