diff --git a/frontend/src/Header.js b/frontend/src/Header.js
new file mode 100644
index 0000000000000000000000000000000000000000..7a0ebc4e0ed18fdd74e5f8ab705fa349337220dd
--- /dev/null
+++ b/frontend/src/Header.js
@@ -0,0 +1,22 @@
+import {Link} from "react-router-dom";
+import logo from './logo.png';
+
+function Header(){
+    return(
+        <div className="header">
+            <Link to='/'><img className="logo_image" alt="logo" src={logo}/></Link>
+            <ul className="menu_list">
+                <li><Link to="/">Home</Link></li>
+                <li><Link to="/search">검색</Link></li>
+                <li><Link to="/postwrite">포스트 작성</Link></li>
+                <li><Link to="/login">로그인</Link></li> {/*로그인 여부 로직 구현 필요*/}
+                {/* { Object.keys(user).length != 0 ? 
+                    <li><Link to={`/profile/${getUserId()}`}>profile</Link>/<span onClick={logout}>logout</span></li> :
+                    <li><Link to="/login">login</Link></li>
+                }   */}
+            </ul>
+        </div>
+    );
+}
+
+export default Header;
diff --git a/frontend/src/logo.png b/frontend/src/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0fa56496a1d320d859a00b7c4f54bd5b24fb420
Binary files /dev/null and b/frontend/src/logo.png differ