@@ -27,9 +50,15 @@ export default function HeaderLayout() {
중고마켓
-
- 
-
+ {isLoggedIn ? (
+
-
+ {isLoggedIn ? (
+
+
+
+ ) : (
+
+ 로그인
+
+ )}
+ 게시글
-
글쓰기
+
+ );
+}
diff --git a/src/pages/signup/index.tsx b/src/pages/signup/index.tsx
new file mode 100644
index 000000000..fc03b6dba
--- /dev/null
+++ b/src/pages/signup/index.tsx
@@ -0,0 +1,178 @@
+import FormInput from "@/components/form/form-input";
+import styles from "./signup.module.css";
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import Instance, { axios } from "@/lib/axios";
+import { isAxiosError } from "axios";
+import { useRouter } from "next/router";
+
+export default function Page() {
+ const router = useRouter();
+ const [signupValue, setSignupValue] = useState({
+ email: "",
+ nickname: "",
+ password: "",
+ passwordConfirmation: "",
+ });
+
+ useEffect(() => {
+ const accessToken = localStorage.getItem("accessToken");
+ if (accessToken) {
+ router.push("/");
+ }
+ }, [router]);
+
+ const onChange = (e: React.ChangeEvent
+
+ 
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/pages/signup/signup.module.css b/src/pages/signup/signup.module.css
new file mode 100644
index 000000000..5e4c06970
--- /dev/null
+++ b/src/pages/signup/signup.module.css
@@ -0,0 +1,67 @@
+.login_wrap {
+ max-width: 640px;
+ width: 100%;
+ margin: 0 auto;
+}
+.logo {
+ margin-bottom: 40px;
+ text-align: center;
+}
+.login_list {
+}
+.login_list > li {
+}
+.login_list > li + li {
+ margin-top: 24px;
+}
+.login_list > li .title {
+ margin-bottom: 16px;
+ font-size: 18px;
+ font-weight: 700;
+}
+.login_list > li .content {
+}
+.login_list > li .sns {
+ padding: 16px 23px;
+ background-color: #e6f2ff;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.login_list > li .sns h3 {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 1;
+}
+.login_list > li .sns ul {
+ display: flex;
+ align-items: center;
+}
+.login_list > li .sns ul > li {
+}
+.login_list > li .sns ul > li + li {
+ margin-left: 16px;
+}
+.login_list > li .sns ul > li img {
+ height: 42px;
+}
+.login_list > li .link > p {
+ text-align: center;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 1.7142;
+}
+.login_list > li .link p > a {
+ color: #3182f6;
+ text-decoration: underline;
+ text-underline-offset: 3px;
+}
+@media (max-width: 744px) {
+ .logo {
+ margin-bottom: 24px;
+ }
+ .logo img {
+ height: 70px;
+ }
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index bf2d943e4..e713caecb 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -162,6 +162,14 @@ body {
font-size: 16px;
font-weight: 600;
}
+.btn.large {
+ height: 56px;
+ font-size: 20px;
+}
+.btn.block {
+ display: block;
+ width: 100%;
+}
.btn.round {
border-radius: 999px;
}
diff --git a/test.http b/test.http
new file mode 100644
index 000000000..732473d1a
--- /dev/null
+++ b/test.http
@@ -0,0 +1,8 @@
+
+POST https://panda-market-api.vercel.app/auth/signIn
+Content-Type: application/json
+
+{
+ "email": "kss53043@naver.com",
+ "password": "123123123"
+}
+
+
+
+
+
+
+
+