diff --git a/src/pages/LoginPage.js b/src/pages/LoginPage.js
new file mode 100644
index 0000000..8eeee7c
--- /dev/null
+++ b/src/pages/LoginPage.js
@@ -0,0 +1,44 @@
+import React from "react";
+import Button from "../components/Button";
+import Logo from "../components/Logo";
+
+const LoginPage = () => {
+    const handleKakaoLogin = () => {
+        //window.location.href = "나중에 카카오 로그인 키. "
+    };
+
+    return (
+        <div style = {styles.container}>
+            <Logo />
+            <h2 style={styles.title} >회원가입하기</h2>
+            <button style={styles.signupButton}>SIGN UP</button>
+            <Button text="카카오 로그인" color="#FEE500" onClick={handleKakaoLogin} icon="/images/kakao_login.svg"/>
+        </div>
+    );
+};
+
+const styles = {
+    container: {
+        display : "flex", 
+        flexDirection : "column",
+        alignItems : "center",
+        justifyContent: "center",
+        height: "100vh",
+        backgroundColor: "#FAE8D4",
+    },
+    title: {
+        fontSize : "20px",
+        marginBottom: "20px",
+    },
+    signupButton: {
+        backgroundColor: "transparent",
+        border: "1px solid black",
+        padding: "10px 20px",
+        borderRadius: "8px",
+        fontSize: "16px",
+        marginBottom: "20px",
+        cursor: "pointer",
+    },
+};
+
+export default LoginPage;
\ No newline at end of file
diff --git a/src/pages/SignupPage.js b/src/pages/SignupPage.js
new file mode 100644
index 0000000..e69de29