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 />);