NavBar.js
import gr from "{이미지 경로}";
export default function NavBar() {
return (
<nav>
<img src={gr} />
<h3>ReactFacts</h3>
<h4>React Course - Project 1</h4>
</nav>
);
}
App.js
import NavBar from "./NavBar";
import Main from "./main";
import "./styles.css";
export default function App() {
return (
<>
<NavBar />//navbar와 main페이지를 합쳐서 index.js로 보넴
<Main />
</>
);
}
index.js
//dont touch code
import { createRoot } from "react-dom/client";
import App from "./App";
const rootElement = document.getElementById("root");
const root = createRoot(rootElement);
root.render(<App />);