디렉토리 구조 변경

src/App.jsx

@@ -1,9 +1,9 @@
-import ResponsiveNavbar from "./components/navbar/ResponsiveNavbar.jsx";
+import Navbar from "./components/navbar";
 
 const App = () => {
     return (
         <>
-            <ResponsiveNavbar />
+            <Navbar />
             {/*<div className="bg-green-500">content</div>*/}
             {/*<main className="pt-20">*/}
             {/*    <h1>유셀네트웍스 페이지입니다</h1>*/}

src/components/navbar/Logo.jsx

@@ -0,0 +1,13 @@
+import logo from "../../assets/logo.png";
+
+const Logo = () => {
+    return (
+        <article className="md:w-full lg:w-1/6 xl:[width:20.8333%] p-4 lg:p-0">
+            <a className="block w-[150px] lg:inline lg:w-auto" href="#">
+                <img className="max-w-full align-middle" src={logo} alt="logo"/>
+            </a>
+        </article>
+    )
+}
+
+export default Logo;

src/components/navbar/ResponsiveNavbar.jsx → src/components/navbar/index.jsx

@@ -1,8 +1,8 @@
 import {useState} from 'react';
-import logo from '../../assets/logo.png';
 import DesktopMenu from "./DesktopMenu.jsx";
+import Logo from "./Logo.jsx";
 
-const ResponsiveNavbar = () => {
+const Navbar = () => {
     // 모바일 메뉴의 열림/닫힘 상태를 관리하기 위한 상태
     const [isMenuOpen, setIsMenuOpen] = useState(false);
 
@@ -15,12 +15,7 @@ const ResponsiveNavbar = () => {
         <header className="fixed w-full z-10">
             <nav>
                 <section className="flex items-center max-w-[1200px] mx-auto">
-                    <article className="md:w-full lg:w-1/6 xl:[width:20.8333%] p-4 lg:p-0">
-                        <a className="block w-[150px] lg:inline lg:w-auto" href="#">
-                            <img className="max-w-full align-middle" src={logo} alt="logo"/>
-                        </a>
-                    </article>
-
+                    <Logo />
                     <DesktopMenu/>
                 </section>
             </nav>
@@ -28,4 +23,4 @@ const ResponsiveNavbar = () => {
     );
 };
 
-export default ResponsiveNavbar;
+export default Navbar;