diff --git a/src/_app/App.tsx b/src/_app/App.tsx
index 69b989266257c362af55d8b9a5d3d77e0076145f..6ff1b23922c0749d83cb6ecf7902e63745de2286 100644
--- a/src/_app/App.tsx
+++ b/src/_app/App.tsx
@@ -54,7 +54,7 @@ function App() {
                             <article className={S['page-container']}>
                                 <Routes>
                                     <Route path={APP_ROUTE.LOGIN} element={<LoginPage connector={connector} />} />
-                                    <Route path={APP_ROUTE.SIGNUP} element={<SignupPage />} />
+                                    <Route path={APP_ROUTE.SIGNUP} element={<SignupPage connector={connector} />} />
                                     <Route path={APP_ROUTE.MAIN} element={<MainPage connector={connector} />} />
                                     <Route path={APP_ROUTE.MENU} element={<MenuPage connector={connector} setHeaderName={setHeaderName}  />} />
                                     <Route path={APP_ROUTE.CART} element={<CartPage connector={connector} />} />
diff --git a/src/pages/login-page/LoginPage.tsx b/src/pages/login-page/LoginPage.tsx
index 3e2c17d6880a2ec538776cc14c6e16569345c96f..5700638bd128b9aed4a897d612207bbdedb2e980 100644
--- a/src/pages/login-page/LoginPage.tsx
+++ b/src/pages/login-page/LoginPage.tsx
@@ -53,6 +53,7 @@ const LoginPage: FC<Props> = ({ connector }) => {
             try {
                 console.log(connector);
                 await connector.login(account);
+                navigate(APP_ROUTE.MAIN);
             } catch (e) {
                 console.error(e);
             }
diff --git a/src/pages/signup-page/SignupPage.tsx b/src/pages/signup-page/SignupPage.tsx
index 5001a223b4a6c57042f331b5c27936c9607de546..ba09a61979946d5c69396b00bfc1e643c9d943aa 100644
--- a/src/pages/signup-page/SignupPage.tsx
+++ b/src/pages/signup-page/SignupPage.tsx
@@ -2,14 +2,24 @@ import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 
 
+
+import APP_ROUTE from "../../_app/config/route";
+
 import S from './SignupPage.module.css';
 
+import type Connector from "../../common/instances/Connector";
+
+
 interface passString {
     origin : string
     again : string
 }
 
-const SignupPage: React.FC = () => {
+interface Props {
+    connector: Connector;
+}
+
+const SignupPage: React.FC<Props> = ({ connector }) => {
     const navigate = useNavigate();
     const [password, setPassword] = useState<passString>({
         origin : '',
@@ -44,6 +54,16 @@ const SignupPage: React.FC = () => {
     };
 
     const handleSignup = () => {
+        void (async () => {
+            await connector.post('/user/register', {
+                loginId: 'asdf',
+                name: 'asdf',
+                password: 'asdf',
+                email: 'asdf@asdf.com',
+                phone: '010-1234-1234'
+            });
+            navigate(APP_ROUTE.LOGIN);
+        })();
         // fetchData('/user/register', FETCH_METHOD.POST, setIsLogin, {
         //     loginId: 'asdf',
         //     name: 'ms',